前端学习文章收藏

写在前面

在学习的过程中，对于一些较难的知识点也经常会去阅读和参考别人的一些理解和看法，这篇文章的主要目的就是收集一些对于理解一个知识点有很大帮助的文章。此篇文章将会持续更新～

正文

语言框架

• js相关

  • js单线程模型。这篇文章很好地对js单线程和使用js实现异步编程的原理进行了解释，如果想了解js单线程以及消息队列，那么可以点进去看看。
  • 深入理解js。最近在看的一个关于js知识点的整理，作者文笔挺好的，一些比较绕的点讲解的很清楚。
  • generator。让你秒懂generator函数和普通函数的区别。

• ts相关

  • ts中文教程
  • ts英文教程

js工具类

• 基于vue框架的拖动插件

  • draggable插件如果你是基于vue或者vuex框架做开发，那么想实现炫酷的拖动效果就来用这个炫酷的小工具吧～

打包构建工具

• webpack教程

  • webpack开发者文档中文教程
  • webpack打包解析
  • webpack插件文档
  • webpack源码解析——主执行流程
  • webpack源码解析+loader／plugin实战：主要讲解了Webpack运行机制、编写自定义webpack loader、编写自定义webpack plugin三部分内容，直击webpack原理痛点，深入浅出清晰明了。
  • webpack HMR解析：好奇设置devServer: {hot: true}和new webpack.HotModuleReplacementPlugin()两者有什么区别的宝宝可以进来看一下。
  • webpack SplitChunksPlugin打包实战：如果搞不清楚三种chunks选项区别的可以看下这篇文章。

• gulp

  • gulp glob介绍 gulp中的glob的名字是怎么来的你知道吗
  • gulp api

团队协作

模版代码生成

• 搭建一个基于yeoman脚手架的教程

  • yeoman脚手

代码管理工具

• git远程操作

  • git远程操作详解。对于常用的git远程操作，你是否真的明白其含义？比如git pull和git fetch究竟有什么区别？这篇文章会形象生动第为你解答～
  • git回滚。如何强行“回滚”线上代码，关键时候可救命。

• npm教程

  • npm中文教程
  • npm英文教程（中文教程更新不及时，想看最新内容可以看英文教程）

代码规范

• 谷歌js编程规范

  • 谷歌javascript编码规范。规范书写js代码！
• 代码格式化editorConfig
• 代码静态检查

网络相关

http相关

• 为什么XMLHttpRequest的POST请求会变OPTIONS请求 踩的一个坑，这篇文章详细讲解了原因
• fetch

node相关知识

• co
• NodeJs交互式命令行工具Inquirer.js-开箱指南