回顾往昔。
1989年World Wide Web初现。
1990年所有工具开发完成,1991年公布第一个网站(http://info.cern.ch)。
1993年Web协议和代码免版税。
1994年W3C成立。
……
HTTP、HTML、CSS、JavaScript、浏览器,或完善,或创造,一个连接信息的万维网出现了。
如今,已是2021年,三十多年的发展,Web世界早已变得缤纷多彩(信息的低成本共享无疑极大促进了经济总量的绝对增长)。
随之而来的,是页面越来越“重”。
人与网页间的交互变得频繁,网站表现的,越来越像是一个应用。
Web在蓬勃发展。
需求迫使人们做出改变(各项标准的推进)。
站点增长速度的上升让我们尽可能的想办法来复用代码(库)。
单站点代码量的剧增让我们不得不想出新的办法来重新组织代码(框架)。
JS也从一个玩具型的脚本语言成长为一门完善的现代编程语言。
时至今日,MVVM类型的前端框架已经成为主流。
React,Vue,Angular三分天下。
Svelte之流虽是后起之秀,但在格局已然稳定的今天,实难逆天改命。
此外,还有砥砺前行的老将(Ember,Knockout),缓缓升起的新星(Inferno)……
前端框架细数起来,实在多如牛毛(Github上有个前端框架跑分的项目,那里列举的应该是比较全的)。
今天,笔者就简单说说对三大框架的少许见解,疏漏不足之处,请多多包涵。
从根本上说,现代的前端框架都是MVVM模式,核心的功能就是【开发者声明数据和视图的关系,由框架去同步UI和状态】。
由此来看,三大框架无本质区别,在生态完善的情况下,选择哪个都是个人喜好(说的直白一点,对哪个熟悉,喜欢哪个就用哪个)。
不同点,分【数据驱动的实现方式】和【框架抽象工具/程序组织范式】两部分来说。
第一部分。
Vue,模板编译(找出数据与视图的对应关系),数据驱动,对每个数据生成get/set方法,数据发生变动时,入栈,每次事件循环结束时,进行对应DOM操作。
Angular,模板编译(找出数据与视图的对应关系),事件驱动,触发异步时,对数据进行“脏检查”,找到发生变动的数据,进行相应DOM操作。
React,主动驱动,Virtual DOM + DIFF算法。
这里的精华在于各种实现方式背后的思想,不要强行排名,没必要。
第二部分。
仅罗列一些关键词,具体的思考因人而异,就目前的业务场景来说,哪一方都没有绝对的优势。
此外,Angular本身就是工程化的代表,大而全,是个真正的框架。
Vue和React核心只是个视图库,和周边生态结合起来再加上一些约定俗成才能称为框架。
模板、Virtual DOM、TypeScript、依赖注入、类、函数式、组件、数据流……
最后。
React的思想无疑是革命性的,组件化(合理的抽象),Virtual DOM,视图=fn(状态),函数式,单项数据流……
但,其他框架亦有其出彩之处。
不单单是Vue和Angular,还有很多没有提到的框架。
有的是先驱,开MVVM之先河,等发现不合理之处时再回头为时已晚……
有的是新星,在尚未开垦的荒原上东一锄头,西一锄头,大部分刨出来的都是石头,但说不定哪天就发现了金矿。
代码会老去,待在一块硬盘里无人问津。
编码人员也会老去。
而只有思想,永远熠熠生辉。
那些合理的抽象层,将会化作坚石,继续支撑新生代的编码人员去构建更复杂的信息世界。
倘若新技术的突破摧毁了如今所有的抽象层(比如新型计算机的出现且成为主流),那也不打紧,不要忘了,构建抽象层背后的东西可被我们藏得好好的嘞。
相关文章
- 04-05Android MVVM框架搭建(八)高德地图定位、天气查询、BottomSheetDialog
- 04-05前端MVVM框架之我见
- 04-05WeUI 为微信 Web 服务量身设计-h5前端框架
- 04-05吴裕雄 Bootstrap 前端框架开发——Bootstrap 按钮:制作一个大按钮
- 04-05深入浅出前端单元测试框架的实现原理
- 04-05经典模块化的前端框架:layer
- 04-05从零打造微前端框架:实战“汽车资讯平台”项目
- 04-05day58-jQuery事件的阻止、委托、页面加载、动画、前端框架bootstrap、搭建图书管理系统
- 04-05Layui前端框架
- 04-05前端mv框架下(目前写的是vue),对组件抽象的思考