前端能做什么和前端框架发展历史

关于前端

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。

前端能做什么

1. 前端工程师 -> front end -> 工作岗位
2. 职责
   Web前端工程师的职责是编写网页标准优化代码，并增加交互动态功能，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。
3. 业务

• pc
  • 官网
  • 后台管理系统
• 移动端
  • 类别
    • native app -> ios/安卓开发
    • webapp
    • hybird app -> 混合开发
• 微信公众号
• 微信小游戏
• 大数据可视化
  • 用图标将数据趁现在视图上
• 3D模型
  • 框架 ： three.js
• 网页游戏
  • 飞机大战
  • 捕鱼达人
  • 五子棋
• 直播类软件
  • B站
    • h5 canvas + webSocket

前端框架发展历史

前端这个岗位是从后端慢慢分出来的

1. jQuery -> 2010年前

2. MVC思想 -> 软件架构

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

3. 为什么从后端引入了MVC这个思想？

   • jQuery开发、原生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年

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

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