前端学习资料网址汇总

大杂烩

前端学习资源网址大全 ^[1]
最全前端资源 ^[2]
菜鸟教程 ^[3]
免费的编程中文书籍索引

JavaScript

JavaScript深入系列、JavaScript专题系列、ES6系列、React系列 ^[4]
JavaScript语言精粹学习笔记（总结） ^[5]
JavaScript 参考文档 ^[6]
JavaScript 标准参考教程（alpha）（阮一峰） ^[7]
ECMAScript 6入门（阮一峰） ^[8]
大白话讲解Promise（一）(吕大豹) ^[9]
学用 JavaScript 设计模式 ^[10]

CSS

You-Dont-Need-JavaScript

微信公众号支付

使用微信内置对象WeixinJSBridge调用微信支付
使用微信sdk，chooseWXPay接口调用微信支付

移动端H5调试技巧

移动端h5调试技巧

常见的移动端H5页面开发遇到的坑和解决办法

常见的移动端H5页面开发遇到的坑和解决办法

jQuery及jQuery常用插件

拖拽排序jQuery.dragsort（中文文档） ^[11] 官网 ^[12]

JS常用特效资源网站

JS常用demo资源网站

浏览器中预览PDF文件无需使用JS（最常用的几种方法）

浏览器预览PDF文件无需使用JS ^[13]

懒加载

懒加载图片？不要依赖 JavaScript ！(译) ^[14]

vue.js

vue.js——60分钟快速入门 ^[15]
vue.js(中文官网) ^[16]
element-ui(饿了么前端ui框架) ^[17]

nodeJS

node入门（很经典，通俗易懂） ^[18]
javascript标准参考教程 - node.js（阮一峰） ^[19]
nodejs官方文档（英文版v6.5.0） ^[20]
nodejs API文档（中文版v4.2.4） ^[21]

react.js

react.js中文文档 ^[22]
react入门实例教程（阮一峰） ^[23]
react技术栈系列教程（阮一峰） ^[24]
react小书目前见过最好的入门教程 ^[25]
react-router官网 ^[26]
redux中文文档 ^[27]

react-native

react-native学习指南

服务端渲染（server-side render）

教你如何搭建一个超完美的服务端渲染开发环境 ^[28]
玩转 React 服务器端渲染 ^[29]
next.js中文文档
next.js英文官方文档

IOS与JS交互

iOS与网页JS交互，看我就够了 ^[30]

前端自动化构建工具等

阮一峰git教程 ^[31]
gulp详细入门教程 ^[32]
React_webpack教程 ^[33]
webpack一小时包教会 ^[34]
webpack配置 ^[35]
彻底解决 webpack 打包文件体积过大 ^[36]
Webpack傻瓜指南（二）开发和部署技巧 ^[37]

git

解决git指令更新远程仓库github时每次都要输入用户名和密码问题
使用UNIX环境下的bash脚本自动化提交仓库到github

前端脚手架

脚手架市场

常用工具

diffchecker（在线文件对比工具） ^[38]
JSON数据格式化 ^[39]
二维码生成器 ^[40]
推荐5款前端在线编辑器 JS,css,SCSS 在线编辑器

在线PS工具

在线免费图片压缩-熊猫压缩
在线PS工具

设计工具

APP设计工具--墨刀 ^[41]

前端社区

腾讯web前端团队 ^[42]

参考资料

[1]

前端学习资源网址大全: https://cnodejs.org/topic/56ef3edd532839c33a99d00e#5704db6f8a612c5559d16c84

[2]

最全前端资源: http://www.cnblogs.com/jadeboy/p/5406592.html

[3]

菜鸟教程: http://www.runoob.com/

[4]

JavaScript深入系列、JavaScript专题系列、ES6系列、React系列: https://github.com/mqyqingfeng/Blog

[5]

JavaScript语言精粹学习笔记（总结）: https://github.com/liaolongdong/study-materials/blob/master/study-notes/js-good-parts.md

[6]

JavaScript 参考文档: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

[7]

JavaScript 标准参考教程（alpha）（阮一峰）: http://javascript.ruanyifeng.com/

[8]

ECMAScript 6入门（阮一峰）: http://es6.ruanyifeng.com

[9]

大白话讲解Promise（一）(吕大豹): http://www.cnblogs.com/lvdabao/p/es6-promise-1.html

[10]

学用JavaScript设计模式: http://www.oschina.net/translate/learning-javascript-design-patterns

[11]

拖拽排序jQuery.dragsort: http://cmsblogs.com/?p=1157

[12]

官网: http://dragsort.codeplex.com/

[13]

浏览器预览PDF文件无需使用JS: https://pdfobject.com/static.html

[14]

懒加载图片？不要依赖 JavaScript ！(译): http://www.jianshu.com/p/d6eecb826668#

[15]

vue.js——60分钟快速入门: http://www.cnblogs.com/keepfool/p/5619070.html

[16]

vue.js官网: https://cn.vuejs.org/v2/guide/

[17]

element-ui: http://element.eleme.io/#/zh-CN/component/installation

[18]

node入门（很经典，通俗易懂）: http://www.nodebeginner.org/index-zh-cn.html

[19]

javascript标准参考教程 - node.js（阮一峰）: http://javascript.ruanyifeng.com/#toc10

[20]

nodejs官方文档（英文版v6.5.0）: https://nodejs.org/dist/latest-v6.x/docs/api/

[21]

nodejs API文档（中文版v4.2.4）: http://nodeapi.ucdok.com/#/api/

[22]

react中文文档: https://discountry.github.io/react/

[23]

react入门实例教程（阮一峰）: http://www.ruanyifeng.com/blog/2015/03/react.html

[24]

react技术栈系列教程（阮一峰）: http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html

[25]

react小书: http://huziketang.com/books/react/

[26]

react-router: https://reacttraining.com/react-router/web/example/auth-workflow

[27]

redux中文文档: http://www.redux.org.cn/

[28]

教你如何搭建一个超完美的服务端渲染开发环境: http://www.jianshu.com/p/0ecd727107bb

[29]

玩转 React 服务器端渲染: https://blog.coding.net/blog/React-server-rendering

[30]

iOS与网页JS交互，看我就够了: http://blog.csdn.net/LeaderQiu/article/details/51955956

[31]

阮一峰git教程: http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html

[32]

gulp详细入门教程: http://www.cnblogs.com/fengyuqing/p/5332112.html

[33]

React_webpack教程: https://fakefish.github.io/react-webpack-cookbook/Introduction-to-Webpack.html

[34]

webpack一小时包教会: http://www.w2bc.com/Article/50764

[35]

webpack配置: https://wohugb.gitbooks.io/webpack/content/index.html

[36]

彻底解决 webpack 打包文件体积过大: http://www.jianshu.com/p/a64735eb0e2b

[37]

Webpack傻瓜指南（二）开发和部署技巧: https://zhuanlan.zhihu.com/p/20397902

[38]

diffchecker（在线文件对比工具）: https://www.diffchecker.com/

[39]

JSON数据格式化: http://www.bejson.com/jsonviewernew/

[40]

二维码生成器: http://cli.im/

[41]

APP设计工具--墨刀: https://modao.cc/

[42]

腾讯web前端团队: https://alloyteam.github.io/

本文由 mdnice 多平台发布