學習資料網址收集

都是平時學習過程中收集的一些網址，有需要的可以看看！

angular

angularjs新聞: https://angular.jsnews.io/

angular1.x

1. 官網： https://angularjs.org/
2. es5最佳實踐: https://github.com/johnpapa/angular-styleguide/blob/master/a1/i18n/zh-CN.md
3. es2015最佳實踐: https://github.com/toddmotto/angular-styleguide/blob/master/i18n/zh-cn.md
4. codeReview checklist: https://angularcodereview.com/angularjs/
5. angular移動版ionic: http://www.ionic.wang/
6. A Better Way to Learn AngularJS: https://thinkster.io/a-better-way-to-learn-angularjs
7. 1.5生命周期鈎子英文原文: https://toddmotto.com/angular-1-5-lifecycle-hooks
8. 1.5生命周期鈎子中文翻譯: https://github.com/Jocs/jocs.github.io/issues/3
9. angularjs優化心得: https://github.com/atian25/blog/issues/5

javascript

1. 原生變态題: http://javascript-puzzlers.herokuapp.com/
2. es5變态題: http://perfectionkills.com/javascript-quiz/
3. es6變态題: http://perfectionkills.com/javascript-quiz-es6/
4. airbnb編碼規範: https://github.com/airbnb/javascript
5. console使用: https://github.com/dwqs/blog/issues/32
6. 前端開發體系: http://div.io/topic/1642
7. JavaScript Promise迷你書: http://liubin.org/promises-book/
8. javascript元件化demo: http://purplebamboo.github.io/2015/03/16/javascript-component/
9. 強大的原型和原型鍊: http://www.cnblogs.com/TomXu/archive/2012/01/05/2305453.html

react

1. 官網: https://facebook.github.io/react/index.html
2. 阮一峰入門: http://www.ruanyifeng.com/blog/2015/03/react.html
3. react解析: https://segmentfault.com/a/1190000000604834
4. Redux介紹: http://www.alloyteam.com/2015/09/react-redux/
5. 2016最佳實踐: https://blog.risingstack.com/react-js-best-practices-for-2016/
6. react ajax最佳實踐: http://andrewhfarmer.com/react-ajax-best-practices/
7. react介紹: http://survivejs.com/react/introduction/

es2015

1. 線上編寫: http://matrix.h5jun.com/coding?id=331&le=3
2. 給 JavaScript 初心者的 ES2015 實戰: http://gank.io/post/564151c1f1df1210001c9161
3. 阮一峰es6入門: http://es6.ruanyifeng.com/
4. babel學習es2015: https://babeljs.io/docs/learn-es2015/

html

1. H5性能優化方案: http://ddtalk.github.io/blog/2015/09/07/dingding-first/

css

1. css參考手冊: http://www.css88.com/book/css/
2. w3cplus大漠: http://www.w3cplus.com/
3. 學習css布局: http://zh.learnlayout.com/
4. flex布局: http://demo.agektmr.com/flexbox/
5. cssTrick: https://css-tricks.com/
6. 合并小圖示生成雪碧圖: http://sjli.github.io/spritemaker_extjs/example.html
7. 使用Flexible實作手淘H5頁面的終端适配: https://github.com/amfe/article/issues/17

綜合類

1. 搜尋代碼網址: https://cocycles.com/
2. 程式員必備技能之翻牆: http://laod.cn/hosts/2016-google-hosts.html
3. w3schools: http://www.w3schools.com/
4. 輕松玩轉pdf: https://smallpdf.com/cn
5. 文本比較: http://prettydiff.com/
6. 背景圖: http://www.intrawallpaper.com/wallpaper-1
7. 清除chrome host切換緩存: chrome://net-internals/#sockets
8. 極客學院: http://www.jikexueyuan.com/path/html5/
9. 網頁版PPT: http://qdemo.sinaapp.com/

移動端

1. 移動端UI架構framework7: http://framework7.taobao.org/
2. 微信公衆平台開發者文檔: http://mp.weixin.qq.com/wiki/home/index.html
3. 移動開發資源: https://github.com/thoughtbit/it-note/issues/20
4. 移動端知識大雜燴: https://github.com/hoosin/mobile-web-favorites
5. 移動端知識集合: https://github.com/jtyjty99999/mobileTech

小程式

1. 設計規範: https://xituqu.com/520.html
2. 教程: http://wxopen.notedown.cn/

面試題

1. http://www.jobui.com/mianshiti/it/web/5066/
2. https://github.com/qiu-deqing/FE-interview
3. http://bbs.html5cn.org/forum.php?mod=viewthread&tid=84615
4. https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions
5. https://www.talkingcoder.com/article/6275077717773451849

使用者體驗

1. 隐藏在Airbnb裡的9項體驗與互動設計: http://1ke.co/course/83?from=timeline&isappinstalled=0
2. 怎麼用404頁面留住使用者: http://www.devstore.cn/essay/essayInfo/292.html
3. 優設: http://www.uisdc.com/