jquery老技术翻新-敏捷框架
现在jquery基本没人用了,主要原因是面向dom的编程开发代码量比较大,而现在新型的框架是对数据进行操作不再需要引用相应的 DOM 对象,或者说是虚拟dom。
而且现在前端工程化,更加容易管理了。但是要说开发速度变快了,我倒没觉得;要说访问速度变快了,我倒也没觉得。
首先我们简单了解一下前端js的变化
1、原生js。古老的时代,很多用原生js开发,比较累。
2、jquery时代。框架话jQuery UI 或者 Bootstrap。以及类似的layui。代码非常简洁,比方说layer.alert("您好")就实现了弹窗。$( "#sortable" ).sortable();就实现了拖拽排序。
3、vue、angularjs、react、小程序、uniapp等等。形成了一个规范的格局,让前端工作工程化。
凭借多年的经验评价一下,技术进步肯定是有道理的。每一次进步都是有质的飞跃。但是也有缺失,今天我们要聊一下缺失。
哪些缺失呢?就是缺失了灵活性同时代码复杂化了。很多时候我们追求的方向是无代码编程、弱代码编程。以前写一个功能比方50k,然后500k,再后面5000k。库文件越来越大,没用的东西越来越多(尽管库越来越全)。有的app几个MB实现了功能,然后10几MB,到现在几百MB甚至几千MB。
我们仔细看打包好的文件,我们发现90%是跟本次项目无关的的,但是因为选用框架,我们必须为这些多余的软件买单。关键很多代码打包占点空间就算了,而且被调用了,参与运营了。像vue这些框架,反倒不如jquery了,当时是有插件思想的,我用哪个模块,哪个模块插上使用,我不用的不用插上,而且可以不放进代码包。
关于插件编程的思路,建议各位学习一下layui,尽管现在已经没落了。就是说代码一切从简,非必要不挂载,非必要不占内存。只要引用一个js,css也直接被引用了。
现在vue一般是做不到一行代码引用的,所以我觉得有必要学习jquery+vue这2代的优势,打造一个框架。
jquery的优势很明显,就是插件话思路,面向dom操作很方便;vue类优势是面向数据操作,开发更方便。结合两者特性,我摸索出了jquery+angular.js的组合使用框架开发方案。
直接jquery操作dom后加载angular.js,这样低代码模式下,程序可以自动生成angular.js语法的代码,通过jquery加载。技能享受到mvvm的便利也有规避mvvm的繁重部分,同时还可以使用jquery的插件,也可以使用mvvm的插件,最主要的是开发时间以及运行速度都加快了。另外自己开发框架能够深入理解,不太容易出现框架坑。