前端框架到底在干一件什么事?

广告位招租
扫码页面底部二维码联系

琢磨近10年前端领域出现的框架,它们几乎转载请注明出处:www.tangshuang.net【未经授权禁止转载】在干同一件事,那就是,怎么做到使“界面”转载请注明出处:www.tangshuang.net【原创不易,请尊重版权】“事件”“数据”三者可以更分离,但又合理【原创内容,转载请注明出处】【原创不易,请尊重版权】串联在一起。界面用于呈现,事件用于交互,本文作者:唐霜,转载请注明出处。【转载请注明来源】数据用于内容,这三者构成了前端开发的最底【未经授权禁止转载】【未经授权禁止转载】层核心要素。但是,就目前市面上的框架而言著作权归作者所有,禁止商业用途转载。【关注微信公众号:wwwtangshuangnet】,仍然没有做到完美。举个例子,react未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】算是最热门的框架之一,然而,它自己内部去【版权所有】唐霜 www.tangshuang.net【原创不易,请尊重版权】实现了一整套事件系统,这样的坏处是,它不转载请注明出处:www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】能和DOM原生事件同时使用,否则会出问题【原创不易,请尊重版权】【关注微信公众号:wwwtangshuangnet】。而DOM原生事件和界面又完全绑定在一起【转载请注明来源】【原创不易,请尊重版权】,这就使得类似jquery这类框架无法实【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】现数据响应。而virtual dom的出原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】现,解决了数据和界面之间的响应关系,但是【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net仍然无法解决数据和事件的双向响应(vue原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】里面有较弱的实现)。因此,我觉得,更舒服【原创不易,请尊重版权】著作权归作者所有,禁止商业用途转载。的编程方式是,要进一步在现在已有的成果基原创内容,盗版必究。【版权所有】唐霜 www.tangshuang.net础上,继续提炼事件这个维度,要让交互抽象【转载请注明来源】【转载请注明来源】后独立于界面和数据。当一个交互发生时,它【转载请注明来源】【版权所有,侵权必究】不需要在事件系统中去写有关修改数据的操作转载请注明出处:www.tangshuang.net【原创不易,请尊重版权】(例如react里面要用setState【版权所有】唐霜 www.tangshuang.net本文作者:唐霜,转载请注明出处。),也不需要在事件系统中去写界面改动的代原创内容,盗版必究。【转载请注明来源】码(backbone就需要在事件发生后去本文版权归作者所有,未经授权不得转载。本文作者:唐霜,转载请注明出处。操作DOM来实现界面变化,jquery也【版权所有】唐霜 www.tangshuang.net本文作者:唐霜,转载请注明出处。是)。未来新的框架应该是,抽象出“界面”【本文首发于唐霜的博客】【未经授权禁止转载】“数据”“事件”,将它们单独分开放置,再著作权归作者所有,禁止商业用途转载。【本文受版权保护】由框架内部将它们串联起来。开发者应该关心未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net使用什么模板去呈现界面,使用什么数据去渲【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处:www.tangshuang.net染内容,使用什么事件去响应交互。而不需要转载请注明出处:www.tangshuang.net【版权所有,侵权必究】关系,当用户进行了某个操作(交互)应该触【关注微信公众号:wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】发什么事件,然后去修改哪个数据,实现界面【作者:唐霜】【版权所有】唐霜 www.tangshuang.net的变动。

【版权所有】唐霜 www.tangshu【本文受版权保护】【关注微信公众号:wwwtangshuangnet】ang.net【未经授权禁止转载】

这样的编程方式,和MVVM完全是两种思路【转载请注明来源】本文作者:唐霜,转载请注明出处。,希望真的有机会看到这样的库可以出现。

本文作者:唐霜,转载请注明出处。【版权所有】唐霜 www.tangshu著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.netang.net转载请注明出处:www.tangshua【版权所有】唐霜 www.tangshuang.net著作权归作者所有,禁止商业用途转载。ng.net【原创不易,请尊重版权】