外挂式插件编程思路【总结篇】(14)

野生程序猿-杂烧3年前案例分享741

先前讲解了外挂式的思维,以及用外挂式的思维开发框架,这里做个总结。

1、内插、外插的思维。很多时候我们代码this是乱的,库里面可以用$this代表插进来的this。(参照先前的ZaShao.js)

2、框架化后,尽量用的时候标签化,简洁化,配置化。框架本身驱动可以复杂点,但是用框架写代码一定是简洁的。可以学习layui,css都可以由框架自己根据需要加载,不需要别人开发时再加css。

3、实际开发中,可以借用老的经典的框架,把dom改成虚拟demo,实现双向绑定后,开发很轻松。

4、个人觉得可以进行适当的angular.js+jq的混用。这里app.html(),支持到angular.js了,简单改造会加速开发。


尽管现在手写代码的人少了,但是了解一下不会有坏处的。本人约70%的代码还是这种手写的;30%的是工程化的vue(uniapp,主要是为了小程序)。


外挂式编程会特别快,因为习惯后自己能把握好很多东西,简化很多东西。如这里写的select,alert都是用的别人css,几乎固定的模式进行显示隐藏,替换要现实的文本。可以改造很多老的jq插件,开发复杂的需求能够用很多种技术。


当然时代在变化,vue也的确强大,近期疫情封控在家,比较焦躁。后面状态好了,给大家讲解一下用vue开发框架,但是那个基本没有办法用外挂思维投机取巧了;限制得很死,需要熟悉开发文档,然后本本分分的开发。当然vue本身就是组件化开发思维,自带框架特性。写组件积少成多,就是一个不错的框架。

标签: 外挂式编程

相关文章

外挂式插件编程思路【进阶篇】(7)

外挂式插件编程思路【进阶篇】(7)

拓展angular.js更多功能,如变色方案(这里简单模拟颜色变化,方案变色要改class比较合理)【inedx.html】<!DOCTYPE html> <html&n...

外挂式插件编程思路【进阶篇】(6)

外挂式插件编程思路【进阶篇】(6)

深入模拟低代码编程【index.html】<!DOCTYPE html> <html ng-app="myApp"  n...

外挂式插件编程思路【敏捷框架篇】(10)

外挂式插件编程思路【敏捷框架篇】(10)

优化细节,标签多个效果。如select正常得到的是value值,但是我们实际要在其他地方显示value对应的文字。【index.html】<!DOCTYPE html> <...

外挂式插件编程思路【基础篇】(2)

外挂式插件编程思路【基础篇】(2)

* 本网页 讲解外挂插法,外插(内部的东西插到外部使用)。* 内部的代码几乎不变的情况下, 通过插入外部的个别方法,达到控制内部的目的* 特征,主要代码是写外部逻辑。内部尽可能的不动、少动【demo....

外挂式插件编程思路【敏捷框架篇】(11)

外挂式插件编程思路【敏捷框架篇】(11)

修复bug,mvvm框架主要是善于数据,虚拟dom,与实际的dom比,监听能力差很多。这里有个bug,select下拉选项点开后,需要点其他地方关闭。如果jq,其他的点击事件很好监听。这里不用jq,用...

外挂式插件编程思路【进阶篇】(5)

外挂式插件编程思路【进阶篇】(5)

继续深造angular.js,并加入jquery.js<!-- 空html,等待html插入 --> <div id="tab_body&q...