个人分享--web前端学习资源分享

javascript

深入理解JavaScript系列 （汤姆大叔写的JavaScript系列，涉及到各个知识点，对学习和深入js很有用）
JavaScript核心概念归纳整理 （概括性的说明js的一些核心概念）
从达标到卓越 —— API 设计之道
我眼中的 JavaScript 函数式编程
javascript组件化
如何写出小而清晰的函数？（JS 版）
javascript对象详解：__proto__和prototype的区别和联系
理清javascript中的面向对象（一）——原型继承 （这个专栏（实用至上）文章质量不错，值得留意）
微前端-Javascript常用的设计模式详解
10 个你需要了解的最佳 javascript 开发实践
深入理解javascript原型和闭包系列
JavaScript学习总结（一）基础部分 （这个系列的文章不错，不要忘记看完这个系列不过大家得在发文章的专栏找下这个系列的文章，因为作者在这个专栏发文不是连着发一个系列，中间也夹杂着其它文章，不过也很好找。在这专栏（ trigkit4 ）里面，即使不是这个系列的文章，我看过其中几篇，感觉也很好，大家可以留意下）
JavaScript设计模式与开发实践 | 01 - 面向对象的JavaScript （这个系列的教程不错，《JavaScript设计模式与开发实践》的笔记，这本书我也看过，这本书不错，作者整理总结得也不错，大家看完，收获不少）
JavaScript 函数式编程存在性能问题么？
如何让 JS 写得更漂亮
JS的平凡之路--学习人气眼中的效果（上）
你还在用for循环大法麽？
前端模板的原理与实现
只有20行Javascript代码！手把手教你写一个页面模板引擎
【教学向】150行代码教你实现一个低配版的MVVM库（1）- 原理篇
【教学向】150行代码教你实现一个低配版的MVVM库（2）- 代码篇 （可以关注这篇文章对应的专栏，写得不错，不知道作者还会不会写下一篇）
如何循序渐进、有效地学习JavaScript？
过目不忘JS正则表达式
JavaScript 进阶之深入理解数据双向绑定
利用 JavaScript 数据绑定实现一个简单的 MVVM 库 （这篇文章除了自己简单造轮子，更重要的是用一个实例了解MVVM的原理）
正则表达式30分钟入门教程
如何监听页面 DOM 变动并高效响应
IntersectionObserver API 使用教程 （利用这个API可以更简单的实现图片懒加载和其它事情，性能也更高）
（下面三个连接，是知乎上的几个话题，里面的回答质量参差不齐，大家可以挑些高质量的回答看，绝对有帮助）
作为一名前端开发人员，有哪些值得一读的js代码？
JavaScript 有什么奇技淫巧？
用 JavaScript 可以做哪些有趣的事情？
反击爬虫，前端工程师的脑洞可以有多大？ （前端反爬虫的文章，只有想不到，没有做不到）
这些的JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已
如何写出好的 JavaScript —— 浅谈 API 设计
JavaScript 设计模式 ① 正确使用面向对象编程的姿势 （看了第一篇，不要忘记下面的）
如何优雅的编写 JavaScript 代码
个人小结--javascript实用技巧和写法建议
用65行代码实现JavaScript动画序列播放
如何用原生 JS 实现手势解锁组件
Javascript思维导图
纯前端实现人脸识别-提取-合成
最全正则表达式总结：验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
99%的人都理解错了HTTP中GET与POST的区别
JavaScript练习网站收集 （收录一些js练习的网站，有空可以去练习一下）
重新介绍 JavaScript（JS 教程）
编写自己的代码库（javascript常用实例的实现与封装）
让我印象深刻的javascript面试题
JavaScript 打怪升级 —— 把业务逻辑当练习题做

javascript(es6，es7，es8)

阮一峰 es6 （可以当作es6文档用的在线书籍）
ES6 你可能不知道的事 - 基础篇
ES6 你可能不知道的事 - 进阶篇
30分钟掌握ES6/ES2015核心内容 （简单粗暴介绍es6核心）
八段代码彻底掌握 Promise
ECMAScript 6 新特性 （总结性描写常用的es6新特性）
实例感受-es6的常用语法和优越性
10个最佳ES6特性
聊聊ES7与ES8特性 Async/Await替代Promise的6个理由
10分钟学会ES7+ES8
import、require、export、module.exports 混合使用详解

typeScript

官网文档 （ts的一个官方文档，写得较好）

jquery

jquery源码分析
jQuery中的100个技巧（译） （看了这篇文章，感觉自己学的是假jquery，不过很多技巧我没有亲身试过，保留意见）
这几条JQuery提升性能的规则你需要牢记
JQuery坑，说说哪些大家都踩过的坑 （对于刚接触的新人而言，这篇文章还有帮助）
jQuery学习笔记 （总结性说明jquery常用的api，也不错）
jQuery插件开发总结
jQuery === 面条式代码？

vue

vue官网
Vue2.x踩坑与总结
Vue 中你不知道但却很实用的黑科技
一个栗子实践vue2.0与1.0的区别
我从未见过如此简洁易懂的Vue教程
vue-API （2.3版本的API大全）
Vue.js 插件开发详解
vue插件编写与实战 （从开发到发布的一个流程，实例简单易懂）
使用 Vue.js 创建的 Calendar
加薪DAY10」Vue开源项目库汇总 （杂七杂八的库都有，质量当然也是有高有低，大家挑着看。）
Vue.js 的实用技巧（一）(看了第一篇，别忘记剩下的)
深入vue2.0底层思想--模板渲染
Vue.js——vue-router 60分钟快速入门
Vue2.1.7源码学习
剖析Vue实现原理 - 如何实现双向绑定mvvm
Vue.js入门（一）--MVVM框架理解
Vue2 源码分析——逻辑梳理
手把手教你撸个vue2.0弹窗组件
深入浅出基于“依赖收集”的响应式原理
Vue全家桶实践项目总结
vuex入门实例(1/3)
原创《vue2.0进阶系列》教程目录大全
另辟蹊径：vue单页面，多路由，前进刷新，后退不刷新
vuejsexamples （vue的各种demo，可能会有需要的需求）
vue快速入门的三个小实例 （我自己的文章，比较基础的用法，用三个小实例讲解vue的入门，）
用vue开发一个所谓的数独

webpack

（下面的文章，有些是webpack1.x和2.x的，考虑到现在已经更新到3.x了，大家看时候要注意区别）
webpack中文网
webpack官方文档
webpack使用优化（基本篇）
webpack常用功能介绍
webpack 3 零基础入门教程 #1 - 介绍 （看了第一篇，不要忘记下面的，这个系列值得一看）
开发工具心得：如何 10 倍提高你的 Webpack 构建效率
Webpack 大法之 Code Splitting
webpack多页应用架构系列（一）：一步一步解决架构痛点 （看了第一篇不要忘记剩下的，这个系列的文章不错）

parcel

宣布 Parcel：一个快速，零配置的 Web 应用打包工具
前端构建工具吐槽与parcel极简入门
折腾记：Hello Parcel
从 webpack 到全面拥抱 Parcel #1 探索 Parcel （这篇应该会用后续内容，大家可以跟着学）

gulp

gulp详细入门教程
前端构建工具gulp的使用介绍及技巧
gulp入门指南

react

（react我刚接触不久，暂时看过的网站就这两个）
React中国
React 技术栈系列教程
React组件规范 在
在 2017 年学习 React + Redux 的一些建议（中篇）
在 2017 年学习 React + Redux 的一些建议（下篇）
学习 React.js 比你想象的要简单

git

猴子都能懂的GIT入门
Git教程 - 廖雪峰的官方网站

browsersync

(Browsersync中文网 - 省时的浏览器同步测试工具)

node.js

使用npm - NodeSource的绝对入门指南
Node.js和npm - NodeSource中的Package.json的基础知识
配置.npmrc以获取最佳Node.js环境

Markdown

认识与入门 Markdown

yoeman

教你从零开始搭建一款前端脚手架工具

lodash

这是一个具有一致接口、模块化、高性能等特性的 JavaScript 工具库。
4.17.4版本

Fiddler

官网
Fiddler教程

调试

web调试优化-chrome开发者工具不完全指南
分享几个日常调试方法让js调试更简单
用 Chrome 调试你的 JavaScript