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

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

给大家介绍一下外挂式的编程思路,先从一个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

标签: 外挂式编程

相关文章

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

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

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

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

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

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

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

先前讲解了外挂式的思维,以及用外挂式的思维开发框架,这里做个总结。1、内插、外插的思维。很多时候我们代码this是乱的,库里面可以用$this代表插进来的this。(参照先前的ZaShao.js)2、...

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

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

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

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

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

* 本网页 讲解外挂插法,内插(外部的东西往内部插)。 * window.plugin01,window.plugin02模拟2个外部用户,内部的逻辑方法会随着外部更改而...

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

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

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