一、node.js
前后端分离模式下,前端页面独立运行,而node.js是前端页面的运行环境,相当于java的jdk或集中式非前后端分离的Tomcat环境,其中包含了浏览器中解析js的js解析器(js引擎),使得其可以脱离浏览器运行,此外还可以对不同终端渲染页面时获取数据后根据界面进行数据裁剪,而免于手动判断终端以至于渲染时间长,影响用户体验
二、npm
npm(Node Package Manager) =>node.js的包资源管理工具,类似于后端的maven,管理js依赖有package.json文件管理依赖
相关命令:npm init [-y] 初始化项目
npm install [-g/D]安装包/工具[@版本] 安装依赖
[-g] 全局安装
[-D] 局部安装
三、babel/ES5、ES6
ES5/ES6 => js编码规范,不断演进,降低编码复杂度
其中ES5编码复杂,但浏览器兼容性高,而ES6编码简单,但浏览器兼容性差,并且node只能对ES5进行解析运行
所以,一般选择ES6编码,而运行时使用babel对编写的ES6解析为ES5,后使用node运行
babel => ES6->ES5的转码器
四、webpack
前端资源打包工具 => 一个前端应用引用的资源(js,css,less...)有很多,引用繁锁,并且多次请求资源效率低,所以webpack可以通过一些配置将所有资源打包压缩成为一个资源文件,便于引用且请求一次可以获取所有资源
五、vue/element-ui
Vue => 基于MVVM架构的渐进式前端框架,使得可以更少地操作DOM元素,而完成数据渲染.其数据V(view),M(Model)采用双向绑定机制,路由可实现SPA(single page web application)单页面应用的开发,具体用法需要展开来说了
element-ui =>饿了么前端出品的基于 Vue.js的 后台组件库，方便程序员进行页面快速布局和构建
六、easymock
easymock => 一个可视化，并且能快速生成模拟数据的服务,一般用于前端开发中,解决后端未开发出数据接口而用来模拟数据