第一部分
html、css、javascript
常用的css预处理器:sass、less(基于node.js)
javaScript
<div id = "app"> </div>
$("#app")
document.getElementById("app")
ECMAScript标准开发方式
ES,ES5(全浏览器支持),ES6(常用,当前主流版本)
TypeScript:微软开发自由开发编程语言(ES6之外,有其他新的特性,有部分浏览器无法识别其效果)
框架
jQuery:最初的,简化了dom操作,如2.
缺点:dom操作频繁,影响前端性能(兼容ie678)
Angular:MVC模式、模块化开发(类似于maven,利用Typescript语法开发)
React:Facebook开发,虚拟dom,用于减少dom操作,【jsx】语言
vue:渐进式JavaScript框架,实现模块化开发、路由、状态管理器等新特性。其特点综合了Angular(模块化)、React(虚拟DOM)
Axios:前端通信框架;也可以使用jQuery提供的AJAX通信功能
UI框架:
Ant-Design:阿里巴巴出品,基于React的ui框架
ElementUI:饿了么出品,基于Vue的ui框架
BootStrap:Twitter推出的一个用于前端开发的开源工具包
AmazeUI:一款HTML5跨平台前端框架
第二部分
1.Vue:一套用于构建用户界面的渐进式JavaScript框架
渐进式:可以自底向上逐层的应用
简单应用:只需要一个轻量小巧的核心库
复杂应用:可以引入各式各样的Vue插件
2.vue特点:采用组件化模式,提高代码复用率、且让代码更好维护
声明式编码,让编码人员无需直接操作DOM,提高开发效率
使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点
3.JS基础知识
ES6语法规范、ES6模块化、包管理器、原型、原型链、数组常用方法、axios、promise