Vue:前端体系,前后端分离
用于构建用户界面的渐进式 JS框架。
可以自底向上应用。
Vue的核心库只关心视图层,方便与第三方库或者既有项目进行整合。
CSS预处理器:
用一种专门的编程语言,进行Web页面样式设计,再通过编译器转化为正常的css文件,以供项目使用。
常用的预处理器有:
SASS:基于ruby,功能强大。但是需要学习ruby语言,上手难度高度LESS
LESS:基于NodeJS,通过客户端处理,使用简单,功能较为简单,但是用在开发中足够了。后台人员开发有需要的话,建议使用LESS。
WebPack:前端打包工具
TypeScript:由微软开发的自由和开源的编程软件,编译后形成JS。
一些常见的JS框架:
jQuery:简化dom操作;
Angular:将后端的MVC(模型、视图、控制器)模式搬到了前端并且增加了模块化开发的概念,
React:提出了新概念:虚拟dom,用于减少真实的dom操作(利用内存的缓存)。
Vue:其特点是综合了Angular(模块化)和React(虚拟dom)的优点。
Axios:一个前端通信框架。因为Vue的边界很明确,就是为了处理dom,所以 并不具备通信能力,此时就需要一个额外的通信框架与服务器交互。当然也可以使用jQuery提供的ajax通信功能(缺点是需要引入jquery,比较大)。
UI框架:
Ant-Design:阿里巴巴出品,基于React的UI框架。
ElementUI、iview、ice:饿了么出品,基于Vue的UI框架
BootStrap:Twitter推出的用于前端开发的开源工具包
AmazeUI,又叫“妹子UI”,一款HTML5跨屏前端框架。
JavaScript构建工具:
Babel:JS编译工具,主要用于浏览器不支持的ES新特性,比如用于编译TypeScript
WebPack:模块打包器,主要作用是打包、压缩、合并和按序加载。
三端统一
混合开发
主要目的是实现一套代码三端统一(PC、Andriod(.apk)、IOS(.ipa))并且能够调用到设备底层硬件(如:传感器、GPS、摄像头等),打包方式主要有以下两种:
云打包:Hbuild-->HBuildX
本地打包
微信小程序:一个方便开发的UI框架:WeUI
NodeJS