Vue.js-----輕量高效的MVVM框架（四、指令）
Vue指令 指令 (Directives) 是特殊的帶有前綴 v- 的特性。指令的值限定為綁定表達式，因此上面提到的 JavaScript 表達式及過濾器規則在這里也適用。指令的職責就是當其表達式的值改變時把某些特殊的行為應用到 DOM 上。 在Vue中，常用的指令有v-text、v-html ...
原文：39行代碼實現JS HTML模板（輕量+高效+易用）
otmpl 是一個輕量級前端模版 僅有 行無壓縮代碼，支持緩存 ，所用指令僅需 ... 和 ... ，前者包含需要輸出html語句，后者包含js變量。 支持javascript完整語法，你可以寫for或者while或者其他任一javascript的語法。這個模板參考了YaYaTemplate，但我對其進行優化和改良，並縮短整體代碼，提供更好的支持。 jQuery.tmpl function st ...
2013-07-16 15:28 22 5067 推薦指數：
相關推薦
Vue.js：輕量高效的前端組件化方案
Vue.js通過簡潔的API提供高效的數據綁定和靈活的組件系統。在前端紛繁復雜的生態中，Vue.js有幸受到一定程度的關注，目前在GitHub上已經有5000+的star。本文將從各方面對Vue.js做一個深入的介紹。 Vue.js 是我在2014年2月開源的一個前端開發庫，通過簡潔 ...
Vue.js-----輕量高效的MVVM框架（八、使用組件）
什么是組件？ 組件（Component）是 Vue.js 最強大的功能之一。組件可以擴展 HTML 元素，封裝可重用的代碼。在較高層面上，組件是自定義元素，Vue.js 的編譯器為它添加特殊功能。在有些情況下，組件也可以是原生 HTML 元素的形式，以 is 特性擴展。 #1、全局注冊 ...
4行代碼實現js模板引擎
在平時編碼中，經常要做拼接字符串的工作，如把json數據用HTML展示出來，以往字符串拼接與邏輯混在在一起會讓代碼晦澀不堪，加大了多人協作與維護的成本。而采用前端模板機制就能很好的解決這個問題。 精妙的 tmpl 前端模板類開源的不少，但最屬 jQuery 作者 John ...
Vue.js-----輕量高效的MVVM框架（一、初識Vue.js）
1、什么是Vue.js？ 眾所周知，最近幾年前端發展非常的迅猛，除各種框架如：backbone、angular、reactjs外，還有模塊化開發思想的實現庫：sea.js 、require.js 、webpack以及前端上線部署集成工具如： grunt、gulp、fis等。 Vue.js ...
Vue.js-----輕量高效的MVVM框架（七、表單控件綁定）
話不多說，先上完整代碼： #1、Text 最常見的input示例： html 然后在js中定義data的message:"msg" 結果展示： #2、CheckBox html 第一個復選框沒有value屬性，綁定了model ...
Vue.js-----輕量高效的MVVM框架（十、父子組件通信）
#1、父鏈 html： js: dr01作為父代組件，child01作為子代組件，grandson01作為孫代組件 結果： #2、自定義事件 html: js: 結果： #3、使用v-on綁定自定義事件 ...
Vue.js-----輕量高效的MVVM框架（九、組件利用Props傳遞數據）
#使用props傳遞數據 html:傳遞普通的字符串 js: 結果展示： #camelCase vs. kebab-case html:在html中定義或者綁定屬性的時候要符合kebab-case規則 js:在js中定義的屬性名稱 ...