Vue的认识、入门小历史

VUE.3

---

小知识

渐进式框架，尤雨溪

Soc原则：关注度分离原则

网络通信：axios

页面跳转：vue-router

状态管理：vuex

Vue-ui：

• Ant-Design 阿里巴巴基于React
• Element UI（后端） 、iview（移动端） 、 ice 饿了么基于Vue-----vue-element-admin
• Bootsrap：Twitter前端开源
• AmazeUI :妹子UI

less

ES6--降级
TypeScript---》微软的标准

javaScript框架：
Angular：MVC
React：facebook 虚拟DOM--内存
VUE:模块化---虚拟DOM  (Mvvm)
Axios：前端的通信框架

混合开发：

Hybrid App
云打包：HBuildX
DCloud：API Cloud
本地打包：Cordova

Node.js

作者都不想干了，想研究Demo，导入的包太多了

Express
Koa:Express简化版
NPM：项目综合管理工具 类似Maven
YARN:NPM的替代方案类似Maven和Gradle的关系

大前端时代

• MVC
• MVP
• MVVM
  ViewModel<--->Model

1.前端工程化：

• 小白视角
  • 会写HTML、 css、JavaScript就会前端开发
  • 需要美化页面的样式，就拽一个bootstrap来
  • 需要操作DOM或者发起Ajax请求，就再拽一个Jquery过来
  • 需要渲染模板结构，就用art-template模板
• 实际的前端开发：
  • 模块化（js模块化，css的模块化，其他资源的模块化）
  • 组件化（复用现有的UI结构、样式、行为）
  • 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理）
  • 自动化（自动化构建、自动部署、自动化测试）

前端工程化：

• 工具
• 技术
• 流程
• 经验

主流的：

• webpack
• parcel

前端js历史

1.原始

<script src="../jquery.js"></script>

• var全局作用域下容易造成变量冲突
• 文件只能按照