偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

框架設(shè)計(jì)中的主體函數(shù)

作者：2012 AlfredLee
開(kāi)發(fā) 架構(gòu)
今天我們將談到的是框架設(shè)計(jì)中的主體函數(shù)，包括主體控制函數(shù)和一些公用方法。包括 拋異常，打日志。

　　JS 這個(gè)后產(chǎn)物種真的是讓人糾結(jié)?，F(xiàn)在的狠多人用JQUERY。但jquery對(duì)模塊管理，依賴管理。已經(jīng)需求加載。這些都無(wú)視了。GG的closure YAHOO！的 YUI沒(méi)有哪個(gè)象他那樣大膽的捆綁那么多的方法到一個(gè)整個(gè)文件而且又對(duì)函數(shù)不進(jìn)行區(qū)塊分離。以至于jquery天生就不能用到大項(xiàng)目。插件的缺失。（有人說(shuō)jquery的插件多如牛毛，可是垃圾插件比牛毛還多。。你的系統(tǒng)不臃腫么？？？）很多人喜歡它是因?yàn)樗慕涌诤芎谩Ｒ豢诙嘤?。即可以設(shè)置，又可以讀取，設(shè)置可以多手段。取出的又很實(shí)際。這樣的接口現(xiàn)在很多的公司也開(kāi)始模仿。我在想做的就是在JQUERY的接口思路上。用closure DOJO YUI這樣的大型架構(gòu)思路來(lái)做個(gè)自己的庫(kù)。選擇器這樣的東西基本隨便找個(gè)庫(kù)都有吧?？墒墙涌谌藗兛偸怯X(jué)得不爽。我開(kāi)始發(fā)現(xiàn)自己工作之后的時(shí)間不僅僅是可以用來(lái)打個(gè)DOTA-醬油。我們需要不斷努力。一起做出非常棒的插件?？纯磈query的成就。相信。我在我?guī)煾档闹笇?dǎo)下。一定成功。

　　下面是主體控制函數(shù)和一些公用方法。包括 拋異常，打日志。擴(kuò)展，遍歷。設(shè)置方法模型路徑。獲取模型（之前必須設(shè)置才可以獲取不然拋異常）判斷（數(shù)據(jù)）。

修正

  1. (function(window,undefined){  
  2. var_toString = {}.toString,  
  3. _is,  
  4. _writeScript,  
  5. _listUrl,  
  6. _scriptMap = {  
  7. method_url : {},//method --> url <method : url ><1 : 1 >  
  8. url_method : {},//url --> method <url : [method,method] ><1 : n >  
  9. visited : {},  
  10. writted : {},  
  11. wait_write:[]  
  12. },  
  13. _readyFnx = [],  
  14. alfred = function(){//自己?jiǎn)为?dú)使用也可以。象jquery  
  15. alfred.ready.apply(window,arguments);  
  16. };  
  17. //私有函數(shù)開(kāi)始  
  18. _is = function(it,type){//復(fù)雜的可以自己進(jìn)行設(shè)置。正則匹配。  
  19. returntype.test(_toString.call(it).toLowerCase());  
  20. };  
  21. _waitReady = function(){  
  22. //等結(jié)束。如果結(jié)束了。直接跳出循環(huán)。其實(shí)就是利用JS的這個(gè)特性。  
  23. if(document.readyState != "loaded" &&document.readyState != "complete")  
  24. {  
  25. vartime = setTimeout(arguments.callee,0);  
  26. return;  
  27. }  
  28. clearTimeout(time);  
  29. }  
  30. _checkReady = function(){  
  31. //處理參數(shù)  
  32. for(vari=0;i<arguments.length;i++)  
  33. {  
  34. _readyFnx.push(arguments[i]);  
  35. }  
  36. varcallback = _readyFnx.shift();  
  37. //支持高級(jí)事件的  
  38. if(document.addEventListener)  
  39. {  
  40. document.addEventListener("DOMContentLoaded",function(){  
  41. _waitReady();  
  42. document.removeEventListener("DOMContentLoaded",arguments.callee,false);  
  43. callback.apply(window,_readyFnx);  
  44. });  
  45. returnthis;  
  46. }  
  47. //支持事件則用事件處理 IE  
  48. if(document.attachEvent)  
  49. {  
  50. document.attachEvent( "onreadystatechange", function(){  
  51. _waitReady();  
  52. document.detachEvent( "onreadystatechange",arguments.callee);  
  53. callback.apply(window,_readyFnx);  
  54. });  
  55. returnthis;  
  56. }  
  57. //不支持的則看不在 iframe 下時(shí)候的特殊屬性?？?nbsp;JSCRIPT MSDN。  
  58. if(document.documentElement.doScroll &&window == window.top)  
  59. {  
  60. try 
  61. {  
  62. document.documentElement.doScroll("left","top");  
  63. }  
  64. catch(e)  
  65. {  
  66. setTimeout(arguments.callee, 0);  
  67. return;}  
  68. callback.apply(window,_readyFnx);  
  69. returnthis;  
  70. }  
  71. };  
  72. _listUrl = function(){  
  73. varl = _scriptMap.visited,i;  
  74. //對(duì)我們的URL 進(jìn)行篩選 。主要防止多次添加訪問(wèn)過(guò)的依賴庫(kù)。  
  75. for(i inl){  
  76. if(!_scriptMap.writted[i])  
  77. {  
  78. _scriptMap.wait_write.push(i);  
  79. }  
  80. }  
  81. _scriptMap.wait_write.reverse();  
  82. _writeScript();  
  83. };  
  84. _writeScript = function(){  
  85. //寫(xiě)入我們的JS 了。  
  86. varhead = document.getElementsByTagName("head").item(0),len = _scriptMap.wait_write.length;  
  87. for(vari;_scriptMap.wait_write.length&&(i=_scriptMap.wait_write.shift());) {  
  88. varscript = document.createElement("script"),  
  89. url = i || "";  
  90. script.setAttribute("async",true);//高級(jí)瀏覽器支持HTML5特性  
  91. script.setAttribute("type","text/javascript");  
  92. script.setAttribute("src",url);  
  93. head.appendChild(script);  
  94. _scriptMap.writted[url] = true;//這里無(wú)所謂，只要有這個(gè)URL就可以  
  95. };  
  96. };  
  97. alfred.extend = function(){  
  98. vardeep = false,  
  99. len,  
  100. options, name, src, copy, copyIsArray, clone,  
  101. target = arguments[0] || {},  
  102. i = 1;  
  103. len = arguments.length;  
  104. if(!len)  
  105. {  
  106. returnthis;  
  107. }  
  108. if(alfred.isBoolean(target))  
  109. {  
  110. deep = arguments[0];  
  111. to = arguments[1];  
  112. i = 2;  
  113. }  
  114. if(!(alfred.isObject(target) || alfred.isFunction(target))) {  
  115. target = {};  
  116. }  
  117. if(len = i)  
  118. {  
  119. target = this;  
  120. --i;  
  121. }  
  122. for(;i<len;i++) {  
  123. if((options=arguments[i])!==null)  
  124. {  
  125. for(name inoptions) {  
  126. copy = options[name];  
  127. src = target[name];  
  128. if(src){throw"Becareful : you are rewrite the "+_handle+"."+name+"!"}  
  129. if(copy===target) {continue}  
  130. if(deep &© &&(alfred.isObject(copy) || (copyIsArray = alfred.isArray(copy))))  
  131. {  
  132. if(copyIsArray)  
  133. {  
  134. copyIsArray = false;  
  135. clone = src &&alfred.isArray(src) ? src : [];  
  136. }  
  137. else 
  138. {  
  139. clone = src &&alfred.isObject(src) ? src : [];  
  140. }  
  141. target[ name ] = alfred.extend( deep, clone, copy );  
  142. }  
  143. elseif( copy !== undefined )  
  144. {  
  145. target[name] = copy;  
  146. }  
  147. }  
  148. }  
  149. }  
  150. };  
  151. alfred.isNumber = function(it){return_is(it,/^[object number]$/)};  
  152. alfred.isString = function(it){return_is(it,/^[object string]$/)};  
  153. alfred.isFunction = function(it){return_is(it,/^[object function]$/)};  
  154. alfred.isObject = function(it){return_is(it,/^[object object]$/)};  
  155. alfred.isArray = function(it){return_is(it,/^[object array]$/)};  
  156. alfred.isBoolean = function(it){returntypeofit ==='boolean'};  
  157. alfred.isDom = function(it){return_is(it,/^[object htmlw+]$/)};  
  158. alfred.extend({  
  159. author : "alfred",  
  160. version : 1.01,  
  161. global : window,  
  162. doc : window.document,  
  163. reset : function(it){alfred.global[it]=alfred;},  
  164. log : function()  
  165. {  
  166. if(window.console &&console.log)  
  167. {  
  168. returnconsole.log.apply(window,arguments)  
  169. }  
  170. },  
  171. error : function(name,value)  
  172. {  
  173. throw{"name":name,"message":value};  
  174. },  
  175. require : function(method)  
  176. {  
  177. varm2u = _scriptMap.method_url,  
  178. u2m = _scriptMap.url_method,  
  179. r;  
  180. if(!(m2u[method])){throw"Error : you need setMethod first"}  
  181. if(!_scriptMap.visited[m2u[method][0]] &&!_scriptMap.writted[m2u[method][0]]) {  
  182. //haven't be visited or write  
  183. _scriptMap.visited[m2u[method][0]] = true;  
  184. //use an beautiful code in here  
  185. for(; m2u[method][1].length &&(r=m2u[method][1].shift());)  
  186. {  
  187. alfred.require(r);  
  188. }  
  189. _listUrl();  
  190. }  
  191. },  
  192. setMethod : function(url,method,rely)  
  193. {  
  194. vari, method = alfred.isArray(method)? method:[method],  
  195. rely = alfred.isArray(rely)?rely:[rely];  
  196. if(url &&!_scriptMap.url_method[url]){  
  197. _scriptMap.url_method[url] = method;  
  198.  
  199. for(;method.length&&(i=method.shift());) {  
  200. _scriptMap.method_url[i] = {"0" : url, "1" : rely};  
  201. }  
  202. returnthis;  
  203. }  
  204. throw"Error : you are setMethod in an old method";  
  205. },  
  206. ready : function(){  
  207. _checkReady.apply(window,arguments);  
  208. },  
  209. each : function(arg,callback){  
  210. for(vari inarg){  
  211. if(arg[i])  
  212. {  
  213. callback.call(arg[i],i);  
  214. }  
  215. }  
  216. returnarg;  
  217. }  
  218. });  
  219. window.alfred = alfred;  
  220. })(window) 

 　　用的時(shí)候先引入這個(gè)文件。然后需要類似這樣設(shè)置

 

  1. alfred.setMethod("basic.js",["alfred","alfred.global","alfred.doc","alfred.reset","alfred.log","alfred.isNumber",  
  2. "alfred.isFunction","alfred.isArray","alfred.isObject","alfred.isString","alfred.isBoolean",  
  3. "alfred.require","alfred.setMethod","alfred.extend"],[]); 

　　這樣設(shè)置了以后就可以告訴下面的JS 我已經(jīng)提供了這些方法。隨意alfred.require("alfred.reset"); 就可以把文件拉進(jìn)頁(yè)面注冊(cè)好。

　　頁(yè)面內(nèi)是這樣的。

 

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <title> 
  5. </title> 
  6. </head> 
  7. <body> 
  8. <script type="text/javascript" src="base.js"></script> 
  9. <script type="text/javascript" src="deps.js"></script> 
  10. <script type="text/javascript"> 
  11. alfred.reset("$");  
  12. $.require("alfred.dom");  
  13. $(function(){  
  14. vara = $.dom("<div id='test' style='width:200px;height:200px;background:red;'> adf</div>");  
  15. $.dom("body").prepend(a);  
  16. })  
  17. </script> 
  18. </body> 
  19. </html> 

 

　　alfred.reset 是為了方便自己設(shè)置方法名字。這樣我們幾乎可以象jquery一樣使用了。

　　alfred.reset("$");

　　$.require("alfred.dom");

　　$.dom("div a span:first-child").append("hello alfred");

　　就 可以這樣用了。。

　　如果感覺(jué)這樣不爽。歡迎各位朋友來(lái)交流下。我剛學(xué)JS 不是很久。所以技藝不高，研究不深。忘各位來(lái)指點(diǎn)下?；ハ嗵岣?。QQ:164864042

　　-------無(wú)代碼 ，生活不***。

　　開(kāi)始 到結(jié)束 只是那么個(gè)過(guò)程。結(jié)束了 就忘記吧。

原文鏈接：http://www.cnblogs.com/AlfredLee/archive/2012/01/17/base-js.html

【編輯推薦】

  1. 上網(wǎng)搶不到火車票，你該罵誰(shuí)？
  2. 牛人分享網(wǎng)上訂火車票的小技巧:Firefox+Firebug
  3. 大型JavaScript應(yīng)用程序架構(gòu)模式
  4. 京東今天還在用.NET架構(gòu)的原因是什么？
  5. 系統(tǒng)架構(gòu)師談企業(yè)應(yīng)用架構(gòu)之服務(wù)層
責(zé)任編輯：彭凡 來(lái)源： 博客園
框架設(shè)計(jì)
相關(guān)推薦

2011-04-22 09:26:57

MVC設(shè)計(jì)

2012-06-25 12:43:26

.NET框架

2020-07-30 10:35:32

Java反射框架設(shè)計(jì)

2012-06-25 09:28:42

.NET可逆框架

2016-03-23 11:05:58

Socket開(kāi)發(fā)框架分析

2009-09-08 09:12:12

LINQ構(gòu)建框架設(shè)計(jì)

2022-09-15 18:32:13

SPI模型框架

2021-02-23 08:18:04

Java 反射機(jī)制

2022-06-15 11:01:59

自定義SPIJava

2023-10-26 09:02:30

框架設(shè)計(jì)模式

2010-09-25 13:09:39

UISymbian

2012-01-10 10:04:43

Node.js

2022-04-03 15:44:55

Vue.js框架設(shè)計(jì)設(shè)計(jì)與實(shí)現(xiàn)

2022-10-10 09:11:12

互聯(lián)網(wǎng)存儲(chǔ)系統(tǒng)云計(jì)算

2013-09-03 09:35:48

無(wú)線客戶端框架設(shè)計(jì)iOS

2013-09-03 09:55:42

iOS無(wú)線客戶端框架設(shè)計(jì)

2013-09-09 10:48:24

iOS無(wú)線客戶端框架設(shè)計(jì)

2017-04-12 23:33:38

DevOps平衡計(jì)分卡框架

2022-09-25 21:45:54

日志平臺(tái)

2024-01-31 22:08:18

分布式重試框架
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)