js,html,css,Vue,react,angular,nodejs,webpack,less,ES6,commonjs等的关系

前端逐渐脱离了刚开始的纯粹,真的是变得越来越复杂了, 让很多初学者望而却步.以下是各种前端技术的关系

1. 前端开发根本只有三种语言,js,html和css
2. 随着业务的复杂,前端也需要进行模块化开发,可是js本身不具备模块化语法,无法进行模块化.为了解决这个问题,出现了CommonJS,AMD,CMD,UMD和ES6规范,这些规范都包含了js模块化方案.从而解决了JS全局污染和依赖管理混乱问题.这些更多属于MVC中的M.
3. 而Vue,react,angular更多属于构建用户界面的V的框架.提高页面开发效率.
4. less则聚焦于kuozcss语言,让css变成可编程.
5. WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。
6. Nodejs则扩展是js的使用场景,让js不仅能够在浏览器运行,同时也可以在各种平台上运行,其实内部本质是吧js翻译成了c++.
7. 总结来说, 不管怎么变,一切都是围绕js,html和css进行扩展.