学js很简单，就是有点头冷
对老angularjs项目进行改造以及迁移到vue，其中遇到了很多困难点以及很多js原理性的东西，在这里进行收集以及汇总
一些工具网站的推荐
在我刚入行的2016年，前端js的工程化也才刚刚兴起，虽然还是有很多网站还在完全使用jquery，css和js的引入方法仍然靠手工往html文件里插，现在完全都不一样了，node.js的出现，催生了express,gulp，webpack等等，整个前端开始完全工程化，源代码，生成，开发测试服务器，代码格式化，自动生成注释，甚至连编辑器都，当然啦，这样也催生了很多问题，比如webpack的另一面也是以配置繁琐而出名，以下顺便介绍几个小网站，可以自动生成新建一个项目的常用配置
- gitignore 告知git系统中哪些文件不需要进入git，推荐gitignore.io,只要输入目标语言以及编辑器即可 一个vue的例子
- license 授权文件，有时候这个是维权的好东西choosealicense.com/
- 兼容性检查 查看你要用的特性是否支持，万恶的ie基本都是红的caniuse,虽然很多可以通过各种polyfill进行解决，不过总是有几个漏网之鱼不是么
- polyfill babel的转码只会转语法，一些基于浏览器的特性是不会进行转码的，比如Promise需要引入专用的promise-polyfill，推荐一个能够自动注入的网站polyfill.io
- 渐变生成 生成css渐变色很麻烦？ 试试这个
- 其他辅助 从正则到css到box-shadow，这个网站应有尽有tools.jb51.net/aideddesign…
基本知识
js版本
js有几个主要阶段，ES3，ES5，ES6，ES7，ES8，其中最为重要的大概就是es5，es6了，es5是目前浏览器支持最为广泛的一个版本（因为IE），es6相当于现代浏览器的一个标志，ES6中大量新特性的加入，使得本身很多困恼前端的问题，比如作用域提升啊，回调地狱啊等，都有了很大程度的提升以及弥补，当然因为不是所有浏览器都实现了这些es6的规范，为了兼容考虑，我们都会使用babel将其转回ES5，记住，因为babel只会转译语法糖和一部分实现，像新的类（Promise）还是需要使用polyfill来进行实现的。
跨域
跨域的详细介绍可以参考ruanyifeng的博客 简单来说，端口，域名，子域名，只要有一点不一样，浏览器就会自动帮我们把请求返回的数据给拦截，所以开发过程中收不到后端小伙伴给的数据也请不要着急，开发中我们可以使用webpack的dev-server的proxy功能，正式版用nginx代理api和前端到同一个域名，当然直接上cors进行跨域也是可以的，不过这个主要还是后端的工作啦，而且记住，options请求也让后端处理一下
工程化
最早的时候，整个前端项目的开发是非常无序的，新建一个html，然后通过链接往里面不停的塞js，塞css，那个时候整个项目基本都是静态网页，而动态的部分一般交由php或者java的jsp进行动态生成html代码，然后通过服务器生成后扔回给用户的浏览器，但是随着nodejs的出现以及html5的出现，前端开始逐渐承担起和用户交互的工作，而不是原先仅仅制作出一些简单的动效以及布局，前端也由一个人进行开发而变成了多人协作，甚至在今天，前端不仅仅可以运行在浏览器上，作为服务器以及app也不再是什么难事
事件循环
简单来说，js为了防止多个线程修改同一个dom这一类的操作，是只有一个线程的（webworker，serviceworker是后来出的，而且不能和dom通信），js就设计了一个回调机制，事件循环，最简单来说，有两个循环，main循环，micro循环，当js有空闲的时候，优先从micro循环中取下一个要调用的函数，然后才是main循环中，而main循环只有三种方式插入
- 新的js文件引入
- setTimeout
- setInterval
记住，有时候js一些奇怪的行为就是因为时间循环，以及。。。这是面试考点，问你数据输出顺序的
