其他

它們是放在架構的最後幾句，由於內建太多指令了。因此可允許使用者一行JS也不用就能構建一個智能的應用。 bindJQuery(); publishExternalAPI(angular); jqLite(document).ready(function() { angularInit(document, bootstrap); });決定是使用jQuery還是內建的jqLite，如果是jQuery還要加工一下。function bindJQuery() { // bind to

作為一個IT人，通過github進行學習是最快的成長手段。我們可以瀏覽別人的優秀代碼。但只看不動手還是成長得很慢，因此為別人貢獻代碼才是明智之舉。比如我們看下片看，許多大片都是由字幕組免費翻譯壓制的。為什麼他們要這樣做呢？因為他們都是聰明的大學生，為了提高聽力水平，提高筆譯水平才這樣乾的！中國人都是非常實務的！因此貢獻代碼，參與開源項目都是有益無害的！好了，讓我們開始吧！如何貢獻自己的力量首先你總得有自己的github帳號吧，註冊一個，非常簡單，只需使用者名稱，郵箱，密碼，郵箱只是用來找回密碼的

這是我的測試架構的第8代，前三代是前一個體系，名為abut。spec混雜了Qunit與BDD的一種文法，但更簡巧。主要改進是使用者介面，更方便地定位出錯的斷言。為了防止某一個斷言拋錯而影響整個測試，這次還引用window.onerror來吞掉所有錯誤。使用ol列表直接列舉要測試邏輯，代替直接顯示源碼，不對不怎麼會編碼的測試人員更為友好。引入\u2714與\u2716這兩個字元讓斷言結果更醒目。下面就是顯示圖:用法：define(["$spec,mass"], function() { $.

bootstrap在2.1新增的組件，直譯過來就是固定。其實這組件很簡單，就是通過添加或移除affix這個類名實現螢幕固定或不固定。當頁面載入完畢時，JS外掛程式會搜尋網頁面上所有[data-spy="affix"]的元素，然後找其data-offset-top或data-offset-bottom屬性，即離頁面頂(底)部少於多少px，就放棄固定，平時你怎麼滾動，被固定的元素都定在這個位置上不動。此組件只要使用者為元素定義兩個屬性，引入JS與CSS就生效了。使用者基本不用寫碼。網上許多例子都是多

傳統物件導向定義已經過時，過去定義已經不能滿足新語言新思想的發展，來自A Proposal for Simplified, Modern Definitions of "Object" and "Object Oriented" 一文試圖提出一種新的對象定義，以容納適應新的發展形勢。新的對象定義是：An object is a first-class module that is invoked

去掉mutators 對象，它的方法綁到$.factory上，並且它支援繼續使用者用其他方法定義的“類”//=========================================// 類工廠模組 v11 by 司徒正美//==========================================define("class", ["$lang"], function( $ ){ var unextend =

在avalon中，遇到一個問題，如果我們對一個數組進行排序，無論是按某一規則排序還是亂序，我們都要對對應的DOM地區進行排序。典型的是grid中的TR排序與LI元素的排序。var old = [0, 1, 2, 4, 5, 6, 7, 8], neo = mess(old.concat())var n = neo.length;function mess(arr) { var _floor = Math.floor, _random = Math.random,

本版本修正@月王提出的關於visible的BUG，比如說使用者是用DIV摸擬的按扭，會將它的display改成inline-block，之前avlaon只是簡單地取它的預設值，得到block，因此隱藏再顯示後，按鈕就會佔滿一行，讓使用者布局崩潰了。此外，從本版本開始，avalon將從mass中分家，有自己獨立的倉庫，地址為https://github.com/RubyLouvre/avalon從現在的反饋來看,已經有十幾人在用我的avalon項目，由於文檔不全或他們設計的資料結構異常複雜，湧現許

對v3進行改進，原來是用兩個引用數組為元素節點提供UUID，另外兩個數組提供緩衝體。v4中刪掉Data類，只有一個數組來為元素節點提供UUID，再用一個數組提供緩衝體。緩衝體之上有一個data對象屬性，用於儲存使用者資料。相對於v3與jQuery2.0的新方案，它會在沒有私人資料與使用者資料時，會把這兩個數組對應位置上的元素刪掉，防止無限膨脹。//==================================================// 資料緩衝模組//==============

這是個簡單的RBAC授權系統。其實說簡單也不簡單，只不過在譽滿全球的rails架構下，一切都是變得特別輕鬆，當然這還要拜我們一會要用到的兩個外掛程式所託。廢話少說，讓我們說說我們的項目吧。這是一個類似維基的網站，你可以說它是一個簡陋版，什麼也好，它的開發代號已被定為Wiki了！項目要求也很簡單，使用者註冊後就發行就緒東西。但這好像用不了什麼授權系統，因此我們還得把它搞複雜一點點，順便一提，我們的授權系統是著名的RBAC（Role Based Access

本次更新，帶來了幾個新API與在IE6的更好效能。添加ms-css綁定，用法為ms-css-xxx=yyy， 相當於jQuery的$el.css(xxx,yyy)操作，不同的，以後yyy有什麼改動，架構都是自動幫你處理。添加非常好用的html過濾器，即{{ xxx | html}} 相當於原來的 ms-html="xxx"，不同的是ms-html是直接使用innerHTML，會替換掉原元素的所有子節點，而html過濾器只對原子節點進行替換，不會傷及無辜。重構ready，原來的對document.

本版本主要修BUG，感謝2群，3群的朋友幫忙測試。@月王提出事件回調return false要阻止預設行為與事件傳播，修正如下： function callback(e) { var ex = fixEvent(e || window.event); var ret = fn.call(el, ex); if (ret === false) {

經過幾天的討論，基本上確定了avalon的幾個重要元素的關係。Ｍ，即model，一個普通的ＪＳ對象，可能是後台傳過來的，也可能是直接從ＶＭ中拿到，即ＶＭ.$json。有關的這個$json的名字還在商討，詳見這裡V，即View，HTML頁面，通過綁定屬性或插值運算式，呈現資料，處理隱藏，綁定事件或動畫等各種互動效果。Ｖ只與ＶＭ打交道。ＶＭ，即ViewModel，我們通過avalon.define("xxx", function(vm){vm.firstName =

mass Framework使用了許多手段來一起產生近似方法，從而大大減少代碼量，提高維護性。比如append, prepend, before, after這幾個方法，在jQuery2.0，它們是這個樣子：append: function() {return this.domManip(arguments, true, function( elem ) {if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType ===

方法描述傳參樣本結果Asc(string)返回第一個字元的ASCII碼，相當於JS的String.charCodeAt"Alpha"65Chr(charcode)返回對應的字母，相當於JS的String.fromCharCode65ACStr(expression)把運算式轉換為字串類型5+510InStr([start,]string,substring) 可返回substring在string中首次出現的位置。相當於JS的indexOf

新一年起,開始著手開發UI庫，首先是八大行為組件：draggable， droppable, resizable, selectable, sortable, fixedable, scrollable, switchable。這些其他UI庫也有。因此多少有點參考它們的。mass 是一個類jQuery式的模組化架構，因此mass ui會重點參考jquery ui。在開發時漸漸察覺得jquery ui的重大缺憾了，龐大的基類讓它所有子類化怎麼瘦身都顯得臃腫不堪，因此mass

切換卡或叫標籤頁組件。它與scrollspy組件一樣，分為兩部分，觸發區與面板區。觸發區用於綁定點擊事件，切換對應的面板。切換區為一個UL列表，要求UL帶"nav nav-tabs"或"nav nav-pills"這兩種類名。li下的標籤要求有 data-toggle="tab"屬性，你可以通過data-target或href指定對應的面板。面板區要求就相對寬鬆些，容器要求帶"tab-content"類名，下面的每個面板都要求帶"tab-pane"類名。 <ul

最近為類工廠升級，為它添加了許多時麾的功能，如方法鏈，extend子類生產器。//=========================================// 類工廠模組 v12 by 司徒正美//==========================================define("class", ["lang"], function($) { function bridge() { } var fnTest =

我直接把jquery datepicker的結構抄過來，類名也照搬。於是一個換膚的日曆就誕生了。 <div ms-controller="datepicker"> <div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display:block">

tooltip是bootstrap第二複雜的組件，近三百行。配置項比較多。並且需要手動初始化。另一個特點是沒有自訂事件。名稱類型預設描述animation布爾值true 為工具提示添加一個淡入的過渡。 placement字串或函數'top' 工具提示的位置：top | bottom | left | right。 selector字串false 如果提供了selector，將對合格某個或多個元素啟用工具提示。