Notebooks

前端学习笔记

积累

• 移动端click事件的替代
• spa的前端数据缓存策略

CSS

• transition动画卡顿及硬件加速

• H5 界面切换的几种动画形式

• 制作正反两面相同或不同的旋转效果

• css3制作翻书效果

• 那些你不知道的布局方法

• 手机常用分辨率

• 相应的media query解决方案,横竖屏css及js解决方案,关键字: aspect-ratio min-aspect-ratio orientation http://stackoverflow.com/questions/1649086/detect-rotation-of-android-phone-in-the-browser-with-javascript http://www.kylejlarson.com/blog/iphone-6-screen-size-web-design-tips/

• 响应式布局

• 手机滑屏切换原理

ES6

• 第七种原始数据类型
• 集合Collection

设计模式

• memoization

数据结构

• 排序

React

• 高级性能优化
• redux在实际项目中的使用场景
• context的使用

React Native

Angular

Node

• React服务端渲染

Canvas

质量保证

单元测试

• TDD（测试驱动开发）

开发环境

持续构建

• webpack
• gulp

TODO

• Yeoman的脚手架工初始化项目
• 开发mock数据-json-server
• chrome调试－mock cordova.js在chrome开发者工具中调试，大幅提高开发效率
• 在srcCamp建新前端项目(mobile-fe)
• EsLint,统一EsLint规则,IDE安装EsLint插件,
• 统一EditorConfig