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

野生程序猿-杂烧4年前案例分享1242

给大家介绍一下外挂式的编程思路,先从一个demo看起

外挂式改写一些方法,同时不破坏它,加入自己需要的功能。

【demo.html】

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>外挂式插件编程思路</title>
	</head>
	<body>
		<button onclick="test()">测试</button>
		<script>
			
			/**
			* 本网页 一个简单的demo,讲述外挂式的思维方式。
			*/
			
			
			//demo 给console.log 外挂一下,插入自己的代码,可以用于真机调试、保存某些特定信息。
			
			//我正常是智能判断:用于生产环境屏蔽console.log,测试环境开启
			console.log=(function(old_console_log)
			{
				
				return function()
				{
					//外挂拦截 并插入代码
					for(var i in arguments)
					{
						old_console_log('外挂处理-'+arguments[i]);
					}
					//外挂结束,回归正常
					
					old_console_log.apply(null,arguments);
				}
			}(console.log));
			
			function test()
			{
				console.log(1,2,3,4);
			}
			
		</script>
	</body>
</html>

1-1.png

标签: 外挂式编程

相关文章

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

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

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

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

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

外挂式编程结合angular.js【demo.html】<!DOCTYPE html> <html ng-app="myApp" ...

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

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

路由功能,单页面应用更加得心应手。【index.html】<!DOCTYPE html> <html ng-app="myApp" ...

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

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

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

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

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

进入框架正题,先前都是模拟过程,框架总该要写个类库吧。【index.html】<!DOCTYPE html> <html ng-app="myApp&...

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

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

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