Time of Update: 2018-12-07
資料緩衝系統最早應該是jQuery1.2引入的,那時它的事件系統完成照搬DE大神的addEvent.js,而addEvent在實現有個缺憾,它把事件的回調都放到EventTarget之上,這會引發循環參考,如果EventTarget是window對象,又會引發全域汙染。有了資料緩衝系統,除了規避這兩個風險外,我們還可以有效地儲存不同方法產生的中間變數,而這些變數會對另一個模組的方法有用,解耦方法間的依賴。對於jQuery來說,它的事件複製乃至後來的列隊實現都是離不開緩衝系統。jQuery1.2
Time of Update: 2018-12-07
bootstrap-alert組件基本活兒在CSS上,JS部分就是一個關閉事件。這是架構提供的關閉事件,在這之前,你可以通過on方法綁定close,closed這兩種回調,它會在關閉時被調用。基本上,你只要引入了JS檔案,HTML按它格式要求寫,它就能幹活了。需要注意的有兩個:關閉銨鈕必須帶data-dismiss="alert"屬性關閉時事件必須要綁定在UI容器上,而不是關閉按鈕中!function ($) { "use strict"; // jshint ;_; /*
Time of Update: 2018-12-07
涉及到each, with, if,
Time of Update: 2018-12-07
文章目錄 你是如何讓position:fixed在IE6中工作的?如何解決“震動”的問題?CSS Code
Time of Update: 2018-12-07
MVC已經成為我們最常誤用的模式,人們之所以常常誤用MVC,很大程度上是因為混淆了不同的MVC變體。Classic MVC Classic MVC 大概上世紀七十年代,Xerox PARC的Trygve提出了MVC的概念。 並應用在Smalltalk系統中,為了和其它類型的MVC加以區分,曆史上習慣的稱之為Classic MVC。Classic
Time of Update: 2018-12-07
你有沒有對“在複雜的JSON資料結構中尋找匹配內容”而煩惱。這裡有8種不同的方式可以做到:JsonSQLJsonSQL實現了使用SQL select語句在json資料結構中查詢的功能。例子:jsonsql.query("select * from json.channel.items order by title
Time of Update: 2018-12-07
Firefox 17今天正式發布,啟用危險外掛程式點擊播放策略。對於有安全隱患的舊外掛程式,使用者在收到安全提醒後需要手動點擊才可使用。進一步避免老版本外掛程式引入安全隱患。支援 OS X 10.8 引入的通知中樞。在地址欄 Awesome Bar 使用更大的表徵圖。Maps 和 Sets 支援遍曆。實現 SVG FillPaint 和 StrokePaint 操作。提高 Web 控制台、調試器和開發人員工具條的載入速度。在頁面 Inspector 中增加蒙版功能,更方便 DOM 編輯。實現 H
Time of Update: 2018-12-07
這是利用到jquery團隊在IE6-8中添加HTML5新標籤中的一個hack!function createSafeFragment( document ) {var list = nodeNames.split( "|" ),safeFrag = document.createDocumentFragment();if ( safeFrag.createElement ) {while ( list.length ) {safeFrag.createElement(list.pop());}}
Time of Update: 2018-12-07
每個MVC架構都愛搞個todos示範它的HTML如下: <!--[if IE 6]><center style="display:inline-block;zoom:1;text-align:left;"> <![endif]--> <div id="todoapp"> <header> <h1>Todos</h1>
Time of Update: 2018-12-07
人們總是愛探求完美的東西,醫學界追求長生不死之藥,鍊金術師追求賢者之石,物理學家追求永動機……編程界也有自己的追求,完美架構什麼的,什麼從MVC,到MVP,到MVVM……當然MVC,MVP,MVVM有他們不同的情境,但MVVM在微軟試水後已被證實為介面開發最好的方案了。於前端而言,一直糾纏於模板與組件的優劣。其實答案大家都知道,web page用模板, web
Time of Update: 2018-12-07
由於存在並聯選取器,因此就算是從右至左過濾結果集,還是存在去重問題。排序問題產說了,以前JK已經給出非常逆天的演算法。現在看一下去重問題。其實你們可以看成是一個純粹的數組去重問題。難度在於速度。因此mootools搞出slickspeed這東西,引發了速度競賽。現在讓我們看看幾個去重函數的實現了。 var unique = function(array) { var ret = []; o:for(var i = 0, n = array.length; i
Time of Update: 2018-12-07
這其實是“嵌套規則”的升級版。我們先看官網例子吧://LESS//這裡是命名空間的定義,裡麵包含一個button方法#bundle { .button () { display: block; border: 1px solid black; background-color: grey; &:hover { background-color: white } }}//這裡是具體調用,通過XXX > YYY方式進行調用,本人覺得用
Time of Update: 2018-12-07
原貼地址:http://moonless.net/demo/optional-tags/有些html元素的結束標籤是可選的,如:body、 colgroup、 dd、 dt、 head、 html、 li、 optgroup、 option、 p、 tbody、 td、 tfoot、 th、 thead、 tr 等這些標籤不一定需要結束是因為在多數情況下,它們的結束標籤通過文檔中的另一個標籤隱式聲明了。例如:在多數web頁中,一個段落 <p>
Time of Update: 2018-12-07
第一節,我們聊到相對於目前的目錄用“./”,相對於父目錄用“../”,相對於父父目錄用“http://www.cnblogs.com/”,如果是遠程檔案直接用URL。其實模組標識還有一種是相對於根目錄,這特指是mass.js所在的目錄。當然你可以通過配置手段修改根目錄,但不建議這樣幹。比如aaa.js與mass.js是會於同一目錄,用麼沿著第一節的例子:<!DOCTYPE HTML><html> <head>
Time of Update: 2018-12-07
雖然是基於不純的目的來學習它,但想必也對大家有所協助。bootstrap雖然掛著twitter的名字,但實質上只是twitter的兩個員工自己的項目。bootstrap不是單純一個項目,它的許多組件,包括CSS部分,JS部分,還是最原始的less部分要依賴其他項目才能運作。不過CSS已經有合并版了,JS我們也只需要匯入jQuery。因此想跟著學習的人,到這裡把源碼部分CSS下載回來,jQuery使用1.83就行了。或者搭建以下這樣的架子:<!DOCTYPE
Time of Update: 2018-12-07
這涉及到on綁定,表現形式為data-on-type="callback" type為事件類型,callback為事件回調,使用事件綁定。data-on-type="callback | selector" type為事件類型,callback為事件回調, selector為選取器,使用事件代理。 <style> .even{ background:lightgreen; } .odd{
Time of Update: 2018-12-07
//by 司徒正美//4段數字,由點隔開。每個數0-255,1、2位的不能0開頭 function checkIPV4(str){ var sub ="", c = 0; for(var i = 0;i < str.length;i ++){ var el = str.charAt(i); if( el == "."){
Time of Update: 2018-12-07
今天開始說非常簡單的bootstrap-button組件。button設計得非常smart,只有一個調用介面,你可以在$().button(str)中傳入不同的字串,來切換它的文本,其中有三個是架構佔用的——toggle, reset,
Time of Update: 2018-12-07
avalon的一個理念是,操作資料即操作DOM。這是集合處理中表現最明顯。涉及到each綁定,及集合訪問器的一系列方法。 <p data-each-method="methods"><span data-text="method"></span>,</p> <hr/> <ul data-each-el="list"> <li>
Time of Update: 2018-12-07
大家說我廢話多,決定重寫所有教程主要API:APItoViewModel(model. parentObject)model:是一個普通對象,用於轉換為ViewModelparentObject:可選,如果有,也是個普通對象,用於把ViewModel放掛它下面。compute(fn. paths, model)fn:是一個普通對象,用於轉換為組合訪問器paths:ViewModel的其他訪問器的路徑的集合。model:可選,ViewModel或ViewModel某一級下的對象。render(