待学习资源记录

1.flex

FlexBox弹性盒子计算规则 - JSer - SegmentFault https://segmentfault.com/a/1190000005006056

2.vue

Vue源码解读-对参数Data的处理 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-%E5%AF%B9%E5%8F%82%E6%95%B0data%E7%9A%84%E5%A4%84%E7%90%86/
Vue源码解读-方法与事件绑定 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-%E6%96%B9%E6%B3%95%E4%B8%8E%E4%BA%8B%E4%BB%B6%E7%BB%91%E5%AE%9A/
Vue源码解读-$Watch的内部实现 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-watch%E7%9A%84%E5%86%85%E9%83%A8%E5%AE%9E%E7%8E%B0/
Vue源码解读-指令V-Text的编译过程 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-%E6%8C%87%E4%BB%A4v-text%E7%9A%84%E7%BC%96%E8%AF%91%E8%BF%87%E7%A8%8B/
Vue源码解读-$Get & $Set的内部实现 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-get-set%E7%9A%84%E5%86%85%E9%83%A8%E5%AE%9E%E7%8E%B0/
Vue源码解读-参数合并(mergeOptions) https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-%E5%8F%82%E6%95%B0%E5%90%88%E5%B9%B6-mergeOptions/
Vue源码解读-生命周期 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/
Vue源码解读-类的初始化入口 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-%E7%B1%BB%E7%9A%84%E5%88%9D%E5%A7%8B%E5%8C%96%E5%85%A5%E5%8F%A3/
Vue源码解读-实例化入口 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-%E5%AE%9E%E4%BE%8B%E5%8C%96%E5%85%A5%E5%8F%A3/
Vue源码解读-源码入口 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-%E6%BA%90%E7%A0%81%E5%85%A5%E5%8F%A3/
Vue源码解读-Watchers(数据订阅者)异步执行队列 https://defed.github.io/Vue%E6%BA%90%E7%A0%81%E8%A7%A3%E8%AF%BB-Watchers-%E6%95%B0%E6%8D%AE%E8%AE%A2%E9%98%85%E8%80%85-%E5%BC%82%E6%AD%A5%E6%89%A7%E8%A1%8C%E9%98%9F%E5%88%97/
Vue源码解读-数据的双向绑定简陋版(仅用于原理说明) https://defed.github.io/Vue-%E6%95%B0%E6%8D%AE%E7%9A%84%E5%8F%8C%E5%90%91%E7%BB%91%E5%AE%9A/

Vue+Webpack使用规范 - TalkingCoder https://www.talkingcoder.com/article/6309726065044556372
Vue+Webpack开发可复用的单页面富应用教程（配置篇） - TalkingCoder https://www.talkingcoder.com/article/6310080842228107877
Vue+Webpack开发可复用的单页面富应用教程（组件篇） - TalkingCoder https://www.talkingcoder.com/article/6310724958473489215
Vue+Webpack开发可复用的单页面富应用教程（技巧篇） - TalkingCoder https://www.talkingcoder.com/article/6310756346094488391

https://segmentfault.com/a/1190000004108445
https://segmentfault.com/a/1190000004670036
https://segmentfault.com/a/1190000005059686
https://segmentfault.com/a/1190000005009052
https://segmentfault.com/a/1190000005268225
https://segmentfault.com/a/1190000004384515
https://segmentfault.com/a/1190000005168085
https://segmentfault.com/a/1190000005045219

3.github Pages

4.动画

神奇的Shadow DOM https://aotu.io/notes/2016/06/24/Shadow-DOM/
CSS3动画之逐帧动画 https://aotu.io/notes/2016/05/17/css3-animation-frame/
CSS3动画之补间动画 https://aotu.io/notes/2016/05/06/Guide-To-Tween-Animation/
CSS3动画之3D动画 https://aotu.io/notes/2016/05/06/CSS3-3D-Animation/

你不知道的 transition 与 animation · Issue #11 · rccoder/blog https://github.com/rccoder/blog/issues/11

Web动画性能指南 http://alexorz.github.io/animation-performance-guide/
高性能 CSS3 动画 https://www.qianduan.net/high-performance-css3-animations/
CSS动画的性能优化 http://zencode.in/14.CSS%E5%8A%A8%E7%94%BB%E7%9A%84%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96.html

5.3D动画webGL

使用ThreeJS在浏览器中展示3D物件 https://aotu.io/notes/2015/11/24/3D-CleaningCream/

6.工程化

前端工程化实践之整合gulp/webpack - 简书 http://www.jianshu.com/p/9724c47b406c

Webpack 入门指迷 https://segmentfault.com/a/1190000002551952

入门webpack https://segmentfault.com/a/1190000006178770

7.HTML5新特性

HTML5 File API http://www.cnblogs.com/zichi/p/html5-file-api.html

8.单元测试

mocha+should.js http://my.oschina.net/bosscheng/blog/189667

9.性能优化

渲染性能 - 简书 http://www.jianshu.com/p/a32b890c29b1
Chrome DevTools（一） - 简书 http://www.jianshu.com/p/471950517b07
Chrome DevTools（二） - 简书 http://www.jianshu.com/p/b8cdcd9bfad8
Chrome DevTools（三） - 简书 http://www.jianshu.com/p/504bde348956
前端工程与性能优化 · Issue #3 · fouber/blog https://github.com/fouber/blog/issues/3

10.ES6

ES6 手册 http://qiutc.me/post/es6-cheatsheet.html

https://segmentfault.com/a/1190000006510526

12.大小不同元素拖拽排序

13.面试题

javascript中那些折磨人的面试题 https://segmentfault.com/a/1190000006129337

14.git

30分钟git命令入门到放弃 | w3cTrain http://www.w3ctrain.com/2016/06/26/learn-git-in-30-minutes/

16.AngularJs

AngularJS 指令实践http://my.oschina.net/u/2391658/blog/724401

Angular执行流程（一） http://www.aliued.com/?p=3176
从Angular源码看scope（二） http://www.aliued.com/?p=3180
Angular指令编译原理（三） http://www.aliued.com/?p=3190
Angular服务深度剖析（四） http://www.aliued.com/?p=3195
Angular路由深入浅出（五） http://www.aliued.com/?p=3199

https://github.com/xitu/gold-miner/blob/master/TODO/seamless-ways-to-upgrade-angular-1-x-to-angular-2.md

18.NodeJS

19.MongoDB

20.jsbridge

21.D3

http://qianduan.guru/2016/08/06/Learn-to-Create-D3.js-Data-Visualizations-by-Example/

22.svg

http://www.w3cplus.com/svg/an-svg-animation-case-study.html

23.安全

http://www.cnblogs.com/coco1s/p/5777260.html