关于前端

前端即网站前台部分，运行在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 -> 控制器 -> 软件中的大脑，用于处理逻辑
  1. 为什么从后端引入了MVC这个思想？
  • jQuery开发、原生js开发时，所有的业务逻辑和数处理全部压在V上
  • MVC引入帮我们解决了这个问题
  • MVC引入带来了模块化问题
  • AMD
  • require.js
  • 定义模块：define
  • 引入模块： require
  • 先引入模块，在去执行
  • CMD
  • sea.js 不更新
  • 定义模块： define
  • 引入模块： require
  • 执行结束之后才引入模块
  1. 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. 如何高效的将用户输入的数据渲染到前端界面