前端最新技術學習地址總結

1. 主流技術官網總結

1.1. 工具類

• Glup
  • 官網:http://www.gulpjs.com.cn/
  • http://i5ting.github.io/stuq-gulp/#10202
• Webpack
  • 官網：http://webpack.js.org
  • GitBook:http://fakefish.github.io/react-webpack-cookbook/index.html
  • webpack-handbook:http://zhaoda.net/webpack-handbook/
• SASS
  • 官網: http://www.sass.hk
  • http://sass.bootcss.com/
• NPM
  • 官網:https://docs.npmjs.com/
• Markdown
  • 官網:http://www.markdown.cn/
• Git
  • http://git-scm.com/book/zh/v1/
  • http://gitbook.liuhui998.com/

1.2. 流行技術類

• Vue2.0
  • 2.0官網：http://vuejs.org/guide/
  • 2.0中網網：http://vuefe.cn/
• 微信開發者文檔
  • 官方文檔http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
• ES5
  • http://lzw.me/pages/ecmascript/#
• ES6
  • 阮一峯ES6:http://es6.ruanyifeng.com
• TypeScript
  • 官網:http://www.typescriptlang.org/Handbook
  • TypeScript:https://tslang.cn/index.html
• ReactNative
  • 中文網:http://reactnative.cn
  • 大牛博客：http://www.lcode.org/
  • reactnative-lession:https://github.com/vczero/react-native-lesson
• Redux
  • GitBook:http://camsong.github.io/redux-in-chinese/
  • Redux系列x:源碼解析:http://www.cnblogs.com/chyingp/p/redux-source-insight.html
• React Router
  • GitBook:http://react-guide.github.io/react-router-cn/
• Html5&Css3
  • 學習地址:http://www.runoob.com/
• Electron
  • 中文網：http://www.wllm.com.cn/
• Fetch
  • MDN:https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
  • 中文文檔:http://javascript.ruanyifeng.com/bom/ajax.html#toc31
• Zepto
  • 中文文檔:http://www.css88.com/doc/zeptojs_api/#serializeArray
• YARN
  • http://www.open-open.com/lib/view/open1478485680274.html
• 常見react的UI組件庫
  • https://ant.design/index-cn
  • https://www.awesomes.cn/subject/react
    • http://lobos.github.io/react-ui/0.7/#/?_k=x9wruy
    • http://elemental-ui.com/home
  • http://ireact.cn/
  • https://js.coach/
  • https://www.zhihu.com/question/39452825?sort=created
• AVA
  • https://github.com/avajs/ava-docs/blob/master/zh_CN/readme.md#%E7%94%A8%E6%B3%95
• Immutable：
  • http://facebook.github.io/immutable-js/
  • https://www.w3ctech.com/topic/1595
  • https://zhuanlan.zhihu.com/p/20295971?columnSlug=purerender
• node:
  • https://nodejs.org/dist/latest-v6.x/docs/api/
  • http://overapi.com/nodejs

2. 工具類網站

• Can I Use:http://caniuse.com/
• React&ReactNative插件
  • https://react.parts/native
  • http://react-components.com
  • https://js.coach/react/react-infinite
• Npm插件:https://www.npmjs.com/
• JsDoc規範
  • http://www.css88.com/doc/jsdoc/index.html
  • http://www.html5plus.org/doc/jsdocp.html#type_syntax
• emmet語法:http://docs.emmet.io/cheat-sheet/
• API調試工具:http://apistore.baidu.com/astore/toolshttpproxy
• MDN:https://developer.mozilla.org/en-US/ 中文網是zh-cn

3. 大公司技術主頁

• 淘寶FED:http://taobaofed.org/
• 騰訊全端:http://www.alloyteam.com/
• 騰訊ISUX:https://isux.tencent.com/category/fd
• 百度FEX:http://fex.baidu.com/
• GitBook:https://www.gitbook.com/
• CNode社區:https://cnodejs.org
• 匯智網:http://www.hubwiz.com/coursecenter

4. 大牛博客系列

• 設計模式
  • http://www.cnblogs.com/surahe/category/625694.html
• Rn
  • http://blog.csdn.net/hsbirenjie/article/category/6307126
• Html5新特性
  • http://www.cnblogs.com/jscode/category/555821.html
• 其餘
  • http://www.jianshu.com/u/e179d2aec500

5. 前端技術知識點

5.1. html

• meta標籤詳細介紹：http://www.cnblogs.com/surahe/category/713671.html
• Html5.2:https://www.w3.org/TR/html52/

5.2. css

• 網格佈局
  • http://www.w3cplus.com/css3/introduction-into-css3-grid-layout.html
  • http://www.javashuo.com/article/p-qcautswl-g.html
• css浮動(float,clear)通俗講解經驗分享:http://www.jb51.net/web/76691.html#50347-qzone-1-67947-c8d08a8198afab4680ffa59a785b4185
• Flex佈局
  • Flex語法篇：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
  • Flex實戰篇：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

5.3. js

• 阮一峯js：http://javascript.ruanyifeng.com/bom/ajax.html#toc31
• JavaScript 標準參考教程（alpha）：http://javascript.ruanyifeng.com/
• BASE64原理及實現：http://web.jobbole.com/83294/
• 下拉刷新的實現：http://www.cnblogs.com/gdcgy/p/5670578.html
• jquery實現圖片延遲加載：http://my.oschina.net/leipeng/blog/221911?fromerr=wpfKlULx
• 24個正則表達式：http://www.jianshu.com/p/e7bb97218946?utm_campaign=haruki&utm_content=note&utm_medium=reader_share&utm_source=weixin_timeline&from=timeline&isappinstalled=0

5.4. node

5.5. 移動web

• Viewport單位:vw,vh,vmin,vmax:https://www.zhuwenlong.com/blog/article/570b9928fb9b3da5431e5311

5.6. 網絡請求

• CORS跨域：
  • https://www.html5rocks.com/en/tutorials/cors/
  • http://www.ruanyifeng.com/blog/2016/04/cors.html
• 四種常見的POST提交數據方式:http://www.cnblogs.com/aaronjs/p/4165049.html

5.7. react native

• react-native通訊機制詳解：http://blog.cnbang.net/tech/2698/

5.8. 其餘