前端历史

发表于 更新于

听方应杭的知乎live记下来的，一部前端的发展史，就是一部逆袭的历史。

图片是他做的，应该不会找我侵删吧，红色是重大事件，蓝色是一些工具

image-20190714094504609

  1. 后端：最开始没有前端，后端写页面，不太会css，用table布局

  2. 后端+美工：开始出现美工，美工复制ps和css，用div布局

  3. 后端+美工：2004年，gmail发布，页面功能复杂，大量应用ajax，微软ie5加入ajax

    js开始受重视，后端写页面写js，美工加图片加特效

  4. 后端+美工+前端：乔布斯拟物化流行，用户体验大爆发，需要有人专门用js写界面逻辑，前后端开始分离

原先后来
页面分离页面由后端框架提供，前端只负责js和cssHtml、css、js全部给前端
数据分离数据隐藏到页面中以接口形式，ajax传给前端
人员分离前后端两个部门，人员分离
  1. 后端数据比较重要，前端只负责界面，不好晋升，现在也没有解决，但缓解了很多。
    1. 移动端设备兴起，2G、3G网络网络不好，页面性能优化
    2. 响应式，不同的设备尺寸不一
    3. 自动化、模块化怎么解决

image-20190714094525575

  1. js语言独立：node.js出现，js可以脱离浏览器运行，前端程序员开始做一些其他程序员在做的事

    1. 自动化和打包工具，Grunt、Gulp、Webpack
    2. 模块化约定，CommonJS、AMD、CMD、UMD，民间方案，已经过时
    3. rails社区技术支援，CoffeeScript、SASS、Pug（Jade），语言不行就升级

  2. 标准制定方语言升级：xhtml→html5、css2→css3、ES5→ES6

  3. 前端框架出现：

    MVC框架出现了backbone

    MVVM框架（MVVM是从C#的WPF里开始用的）出现了Angular

    从Angular启发又出现了Vue

    facebook推出react，Redux的思想，有游戏开发的思路

  4. 可以做服务端：TJ加入了node，TJ以前写Ruby，express.js、koa.js，nodejs可以做后台应用

  5. 可以桌面端：node+webkit，github写了electron，微信、vscode、叮叮

  6. 移动端：react native可以做ios和android应用