前端的简单介绍
前端核心的分析
-
CSS语法不够强大,比如无法嵌套书写,倒是模块化开发中需要书写很多重复的选择器
-
没有变量和合理的样式复用机制,使逻辑上相关的属性值必须字面量的心事重复的输出,导致难以维护
-
CSS预处理器,减少代码的笨重,提高样式代码的可维护性,大大提高了前端在样式上的开发效率
-
简单来说:CSS预处理器用一种专门的编程语言,进行Web页面样式设计,在通过编译器转划为正常的CSS文件,以供项目使用
-
CSS预处理器,LESS: 基于Node.js,通过客户端处理,使用简单,功能 比SASS简单,解析效率也低于SASS,但实际开发中,我们后台人员需要的话,可以使用LESS
-
原生的JS开发是【ECMAScript】简称ES
-
现如今ES5,所有浏览器都可以兼容
-
ES6(为当前主流的版本: 可以使用webpack打包成为ES5使浏览器支持)
-
TypeScript是微软的开发编程语言
javaScript框架
-
jQuery优点是简化了DOM的操作,缺点是DOM的操作太繁琐,影响了前端的性能,兼容ES6、7、8
-
Angular: 增加了模块化开发的理念
-
React: 提出了虚拟DOM,有效的减少了DOM的操作,提高了前端的渲染效率,缺点是还需学习一门JSX语言
-
Vue是Angular和React的结合,
-
Vue有自己的计算属性
-
Axios:是前端通信框架也是为了处理DOM,不具备通信的能力,可以使用jQuery中的AJAX来实现通信框架和服务器的交互
-
Ul框架
-
AmazeUl:又叫"妹子Ul"是一款HTML5跨屏前端框架
-
javaScript构建工具
-
Babel: JS编译工具,主要用于浏览器不支持的ES新特性,比如用于编译,微软的TypeScript
-
WebPack:模块打包器,主要作用是打包、压缩、合并及按序加载
主流的前端框架
-
iview是一个强大的基于Vue的UL库,官网的地址:iview-admin主要的特点是移动端支持的较多
-
ElementUl也是Vue的UL库,官网的地址:vue-element-admin,主要的特点是桌面端支持较多
更新换代
-
早期的JSP,PHP可以称为Web1.0时代,
-
而基于AJAX带来的SPA的单页面应用时代
-
AJAX是连接前后端的通信
-
-
到现在的大前端时代
-
前端以MVVM(异步通信为主):Model 、View 、ViewModel
-
而MVC(同步的通信为主)堵塞的问题严重,由异步MVVM更替
-
前后端分开,前端可以脱离后端独立运行,只是他们的侧重点不在相同
-
SEO搜索引擎优化,