前端总结 ---- 不一样的路

前端历史

作为新人,其实更多的需要了解前端发展的故事。

早期JS的唯一定位:提前验证表单字段,节约带宽

AJAX的出现,局部刷新页面的开始

JS的两大功能定位:DOM 和 AJAX

jQuery 的出现,使DOM操作不再那么抽象,方便快捷,本质没有改变。VUE和React 利用虚拟DOM,根本上使得DOM操作无痛

Promise和Fetch的出现,AJAX有了最佳实践

状态管理的提出。

为什么需要状态管理

 

目前三大框架(Vue、React、Angular)都非常关注状态管理,其实这也是2017年的一个前端关键词,也是目前各大前端团队在探寻的方向

虚拟DOM让状态管理直接反应到页面上

前端不再关心DOM,进而关心状态

状态越来越多,结构越来越复杂,异步操作越来越多,状态管理成为了必要

过时的那些技术

 

技术过时,原理和灵感不会过时。

IE 兼容。 从各大流行框架的最新版本已不再支持IE 8可以看出,IE兼容的时代已经过去

Seajs,后来的前端学者应该不曾听说过或不再使用这个东西了

模块定义,曾经的CMD和AMD。ES Modules的提出给模块定义下了定论

Grunt和Gulp,这也应该是后来的学者不再能听说到的历史技术,Webpack的配置在一定程度上比Gulp简单。

jQuery,早些时候,仅仅看单词的拼写就能知道对此框架的了解程度。Write Less, Do More 一直是一代程序员的代码理念。它的思想和原理对后来的开发者启发很大。在一些大公司,jQuery应该上一两年。

AngularJS 1.X 了解到有些公司因为早先的项目兼容,至今还在使用1.X,当然抱怨也不会少。新产品的话,如果选择Ng,应该会用Angular了

 

 

工具链整合

工具链整合时代即将过去,所谓分久必合合久必分,18年的前端应该是可以展望一下一个完整的框架出现

在2017年,是前端工具爆发后逐渐整合的一年,其中以下基本达到统一

标准库方面的工具基本统一:lodash、momentjs

构建工具基本统一:webpack

DOM 操作基本统一:虚拟 DOM

工具开发平台基本统一:Node.js

DOM 库基本统一:Vue 或 React

组件化方案基本统一:类似自定义标签的形式(但并不是自定义标签)

CSS 布局方案基本统一:Flex & Grid

还有哪些没有统一呢?

 

设计思想没有统一:函数式与面向对象混用

CSS 的组织形式没用统一:CSS in JS 怎么用才对,大家都无法说服对方

数据管理套路没有统一:要不要用 Redux 单向数据流、要不要用 Reactive 响应式编程

部署流程没有统一:目前前端的部署都是依附于后台系统,并没有自己的想法

单一入口还是多入口

用 webpack 配置长期缓存还得费一番功夫(这理应是默认配置)

没用到的 JS 代码要不要打包

要不要 HTTP/2.0

等上面几个东西基本统一了,前端的框架时代就会到来了。

 

这也是为什么后端喜欢 Angular,前端不喜欢 Angular。

 

因为后端开发人员早就进入了框架时代,无法适应目前前端的工具整合时代。而前端,还不知道框架应该长什么样子,可能未来框架就是类似 Angular 这样的,但是前端从业人员没有到那个地步就无法理解 Angular 的好处,现在用 Angular 就只能用一个「重」字来评价。

你可能感兴趣的:(前端总结 ---- 不一样的路)