前端开发总结

性能优化专题

• 性能优化

web安全专题

• web常见安全问题及解决方案

浏览器兼容性问题

• 浏览器兼容性问题

移动端开发专题

• 移动端开发总结
• chrome调试手机端UC浏览器
• 使用vConsole调试h5应用

微信小程序开发专题

• 微信小程序开发

动画专题

• js实现动画效果
• CSS3动画效果
• canvas与svg

CSS

• 盒子模型
• 样式书写风格探讨

js

• 原生js修改元素样式

数据可视化专题

• 常用的类库、组件

nodejs专题

• 对node的理解
• node操作文件模块
• Buffer
• 常用nodejs三方包
• npm的使用

模块化

• js模块化开发规范

前端开发环境构建

• webpack从零开始搭建环境总结篇
• webpack使用指南
• 搭建移动端webapp远程调试开发环境
• angular调试工具augury的安装
• React Developer Tools安装
• 使用mockjs来mock接口数据

前端发展方向

• WEB能力技术全集
• 大前端

框架组件

react

• react 关键知识点
• 搭建一个react项目
• react-router如何使用
• 从零开始大家react项目框架，支持react-redux、react-routr、axios、mockjs、eslint等，以及常用功能示例
• React-router的使用
• React-redux

RXJS

• RXJS

angularJs专题

• http服务
• $parse$eval和$observe$watch如何区分
• Angular的jqLite
• safeApply
• 依赖注入
• 指令
• 控制器之间的通信
• 服务、控制器与依赖注入
• 服务
• 框架外访问angularjs模块
• 理解$watch ，$apply 和 $digest --- 理解数据绑定过程
• 谷歌浏览器安装angularJs调试插件Batarang
• 路由

PhantomJs

• PhantomJS相关指导文档链接
• PhantomJS学习总结
• 使用Phantomjs爬取nodejs官方api文档中文翻译保存成PDF文件

编程技巧

• 面对对象五个基本原则

算法相关

• 复合进位数加减
• 如何在打印出一个堆
• 算法——有效的括号：代码优化

工具

• 前端工具收集
• git的使用
• vs code 修改md文件预览样式为GitHub风格
• 抓包工具的使用
• 收藏的工具
• shell

前端技能应用

• xMind逻辑图-HTML-markDown
• 浏览器控制台通过js解析出页面上的数据并生成json数据
• 将文件目录解析成树形结构