前端最新技术学习地址总结

2019独角兽企业重金招聘Python工程师标准>>>

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.youkuaiyun.com/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
  • https://my.oschina.net/u/3095416/blog/796929
• 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. 其他

转载于:https://my.oschina.net/u/1416844/blog/602538