前端工具词典
这是一篇不断更新的文章，主要用于各种与前端有关的新名词的大致解释，以及相关知识和易用在线工具的链接[国内或国外]。毕竟即使对于一个老鸟来说，如果不经常关心新的知识就一定会被突如其来的“专业黑话”所搞懵。需要一个这样的词典来方便开发。如果看客们有需要知道而不在内容里的，可以留言。 我一定会加进去的。
在线工具
图形类
功能类
开发框架
图形类
功能类
功能插件
图形类
功能类
caniuse
1 git相关
& git bash & git hub & gitLab
2 在线托管 在线
3 restful
4 vue/react/angular
5 ionic rn codova
6 three.js
7 echars
8 elementUI flutter
1 Node.js，95%前端工具的依赖环境
在Node.js出现之前，前端的工作中有大部分是由后端来完成的，比如压缩 合并 结构化代码 版本控制 等等。 那时前端就是半个美工+半个开发。 主要就是做一些简单的页面展示，解决一些兼容问题。但确实有一些硬伤，比如加载性能与结构化代码的取舍，说白了就是要么加载或动态加载很多JS，要么就把更多的JS写在一个文件里。还有就是前端门槛低，JS CSS 包括HTML都属于弱规范语言，各种无法统一而导致的低效开发，比比皆是。 因此Node.js一出现就被广泛前端老鸟青睐，不仅仅是因为它用JS的语法，更多的就是有一批人誓要让前端可以工程化 规范化 以及全平台全设备化。
2 npm 新替代品[yarn]。
一个程序界的“乌托邦”，每个人都可以贡献一小部分功能却也可以同时享受所有人的贡献，可谓是：一即一切 一切即一。这种思想来于开源，实现的技术就是npm。 它自己的定位是世界上最大的软件注册表，其实我们可以把它理解为一种代码模块资源共享仓库。每个人可以将自己的成果注册近这个仓库让自己和其他人使用，前端开发者慢慢从逻辑编织者成为了组件装配工。 这种高效似乎是一幅不错且颇有前景的画面。
3 从插件打包管理到静态模块打包器webpack，现在一说webpack配置，很多人都头皮发麻吧。
那些不断涌出的“好用”插件在项目中还是需要有一个管理者，过去grunt gulp都是为此而产生的。 不仅如此，这些工具还能有效对文件进行监控和打包，还记得之前说的痛点吗？ 到此为止，我们终于可以在生产环境下使用单一的JS CSS文件引用，而在开发环境中都以功能分割开不同的文件管理。这是一个很好的开发体验，前端工程化开发的号角正是吹响。
结果一段时间的进化，在如今这块功能主要由webpack独步天下，webpack主要是将一切视为模块，由插件通过loader在webpack执行管道中对模块进行每一次操作，并再次返回模块的上下文对象给下一个插件loader获取。有点像在一条流水线上增加不同功能的员工一样。其实webpack最大的特点就是一切模块化，以及高度可扩展配置。这完全提升了webpack的普遍性，甚至可以以webpack作为一种基础开发框架进行 模块化开发。
4 三大框架。 噩梦变成现实，不学你就被淘汰了
如果说之前都是实际开发以外的便捷工具的话， 三大框架的产生则彻底改变了前端格局。
5 从babel到Typescript
每个开发者都在为自己的工程化不断探索，说白了就是怎么偷懒怎么来。典型的几种自动化
如同之前所说，一个前端的目标就是要工程化，也就是从过去繁琐的工作中解脱出来。在前端领域，用的最多的几种工具就是来自于这种目的。 HTML JS CSS压缩，合并， 重命名和目录另存为，CSS的结构化开发，JS的polyfill转义。
