kissy初體驗(一)

2022-02-06 01:33:00 字數 952 閱讀 3810

簡介:

如果你是個前端愛好者,並且熱衷於看別人的源**,您肯定會知道kissy。它是鼎鼎大名的**的前端類庫, 幾乎在**的每個頁面上都能看到它的身影!它遵循的原則是小巧靈活、簡潔實用、愉悅編碼、快樂開發。如果你懂點jquery 或者yui3,那更能快速入門了。

官網:廢話不多說,我們來做個例子體驗下:

第二,引入js檔案

解壓縮後,我們可以看到有很多檔案。

兩種方式引入:

1、引入build的kissy.js或者壓縮的kissy-min.js

2、引入seed.js或者壓縮的seed-min.js。這個只包含核心,並且引入了loader可以按需載入,大小也比較小。這個很多庫都有,比如extjs,easyui等。

//按需載入

第三,編寫**

前面兩段**,其實跟jquery的一樣,這裡的kissy就相當於$符號。這裡採用了閉包,建立個匿名函式,然後,給匿名函式傳參,在閉包內就可以使用s來代替kissy了。這樣可以有效地避免跟其他類庫的衝突,並且看起來簡潔有效。

後面三段**,主要看use方法,它是loader裡面的,就是按需載入。比如這邊我載入了dom模組 ,可以對dom進行操作。你也可以直接引入core,

如:kissy.use('core',function());等

dom.attr(btn, 'disabled', true); //設定屬性,相當於jquery的$("#demo-btn").attr('disabled',true);or $("#demo-btn").prop('disabled',true);

new anim('#demo-img', 'left: 400px; opacity: 0', 2, 'easeout',

function() ).run();

});//動畫效果。

});效果

Spring MVC 初體驗(一)

spring mvc 初體驗 一 最近開始研究spring 的mvc web框架,首先是說明一下spring mvc中的流程.spring 中有乙個非常重要的類dispatherservlet 他非常類似於struts1 中的actionservlet 和 struts2中的dispatherfil...

Jquery初體驗一

固態硬碟 機械鍵盤 視網膜顯示屏 水冷機箱 由來,自執行函式 茶葉蛋切糕 芭比香包 吮指原味雞 啤酒 鏈式程式設計 層次選擇器 月亮之上 江南style 小蘋果哈根達斯 和路雪五仁月餅 泡菜 韓庚蔡妍西蘭花 過濾器 0湯姆克魯斯 1碧鹹姆 2傑克瓊斯 3李維斯 4匡威 海賊王 妖精的尾巴 進擊的巨人...

gin一 初體驗

除錯 if gin.isdebugging 路由分組 upload 上傳檔案 curl x post f upload ping.txt f upload pong.txt h content type multipart form data func upload c gin.context mu...