前端框架发展历史

1. jq -> 2010前

2.MVC思想 -> 软件架构

 将一个软件分为三个部分，每一个部分负责一部分功能
 M -> Model      -> 模型     -> 软件中的数据
 V -> View       -> 视图     -> 软件中的界面
 C -> Controller -> 控制器    -> 软件中的大脑，用于处理逻辑

3.为什么前端引入MVC这个思想？

jq开发，原生JS开发时，我们发现所有的业务逻辑和数据处理都压在v身上
MVC引入帮我们解决了这个问题
MVC引入带来模块化问题
 - AMD
   - require.js
     - 定义模块：define
     - 引入模块： require
     - 先引入模块，在去执行
 - CMD
   - sea.js  不更新
     - 定义模块： define
     - 引入模块： require
     - 执行结束之后才引入模块

4.MVC衍生架构

 前端业务增加，要求变高了
 backbone.js  MVP    2010年
 angular.js    MVC    2010年
 React  仅仅可以认为是MVC中的V
 - 2011年开始创作
 - 2012应用于 ins
 - 2013年开源
 Vue   MVVM
 - Vue1.0 2014年
 - Vue2.0 2016年 
 - Vue3.0 2019年

• angular2.0 MVVM 2016年

5.当我们收到了后端给我们的接口文档时，我们应用做什么？

1. 确定是否有跨域问题
   • 前端跨域
   • 后端跨域
2. 找到我们需要的接口
3. 使用接口
   • get
   • post
4. 案例

  const baseURL = 'http://xx.com'
  $.ajax({
    // url: 'http://xx.com/cs/performance/select'
    url: `${ baseURL }/cs/performance/select`,
    method: 'POST',
    data: {
      startDate: Date.now(),
      endDate: Date.now() + 3600*8,
      property: 'shop_name',
      queryType: 1,
      shopId: 11,
      nick: 'TOM',
      groupId: 111
    },
    success ( res ) {
      console.log('res',res)
    }
  })

6. 框架的出现到底解决的是前端的什么问题？

1. 如何高效的将服务器数据渲染到前端界面
2. 如果高效的将用户输入的数据渲染到前端界面

​