摘要： Demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#waterfall （一）KitJs瀑布流組件特點 1. 瀑布流形式呈現(xiàn)圖片加載，鼠標(biāo)滾動到底加載新的數(shù)據(jù) 2. 瀑布條數(shù)隨窗口大小改變而改變，支持任意縮放窗口 （二）使用方法 core需要引用kit.js，IE下通過條件注釋引入ieFix.js 其他需要引入 array.js 數(shù)組擴展（可以不引用） anim.js 動畫擴展 即可， 至于demo中的semitransparentloading.js是用來做半透明loading的，io.js是用來跨域取圖片數(shù)據(jù)的，這個lo... 閱讀全文

摘要： 號外：kitjs官方討論QQ群建立了，QQ群號88093625，歡迎大家加入，討論前端相關(guān)話題 kit內(nèi)置支持requireJs托管，可以使用requireJs加載和管理KitJs框架內(nèi)的所有組件和類庫 最近園子里有很多討論requireJs（http://requirejs.org/）的兄弟，requireJs托管js代碼的好處有 1.通過閉包提供了一個安全沙箱，保證js代碼不會互相污染 2.基于AMD規(guī)范，支持了js的依賴關(guān)系，實現(xiàn)了依賴載入 3.對于大量跨域，或者大量重復(fù)的依賴，提供一個基于程序的打包合并壓縮的工具 kitjs整合了requireJs的好處是，可以讓顯式申明在網(wǎng)頁的js. 閱讀全文

摘要： 號外：kitjs官方討論QQ群建立了，QQ群號88093625，歡迎大家加入，討論前端相關(guān)話題 kit整合了優(yōu)秀的javascript模板引擎Mustache，做模板模塊，基本寫法為${varname} demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#template jsdoc地址：http://localhost/jsdoc/out/$Kit.Template.html 基本用法如下，如果需要了解更多特殊用法，請訪問Mustache官網(wǎng)http://mustache.github.com/ 1.簡單變量替換${name}fu 閱讀全文

摘要： 號外：kitjs官方討論QQ群建立了，QQ群號88093625，歡迎大家加入，討論前端相關(guān)話題 demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#shakehead 發(fā)現(xiàn)沒有晃動效果的同學(xué)記得清下緩存，因為kit.anim對象的js文件有更新，3Q3Q 今天聽群里面兄弟在討論一個搖頭的動畫效果，類似登陸驗證時候，窗口晃動的效果，結(jié)合之前說過的kitjs的anim類，我們可以很輕松的實現(xiàn)類似的組件晃動效果 代碼如下： function a1() { $kit.anim.motion({ duration : 1000,//持續(xù)時.. 閱讀全文

摘要： 號外：kitjs官方討論QQ群建立了，QQ群號88093625，歡迎大家加入，討論前端相關(guān)話題 今天給大家介紹一下kitJs的多線程類，以及原生的javascript，不借助瀏覽器插件以及HTML5的webWorker是如何實現(xiàn)多線程模式的。 Demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#multithread （一）多線程簡單工作原理 所謂多線程，一般意義上理解，就是兩段程序塊，在操作系統(tǒng)的分時調(diào)配下，交錯運行。 1. 每個程序塊需要有自己獨立的線程運行環(huán)境以及獨立上下文 2. 每個程序塊包含多個語句塊，每個語句塊是原子的， 閱讀全文

摘要： 號外：kitjs官方討論QQ群建立了，QQ群號88093625，歡迎大家加入，討論前端相關(guān)話題 kit是目前已知框架中第一個支持完美IE下跨段落，跨任意元素，以及多個textNode的偏移問題的高亮工具，以及對range對象的修復(fù)，完美修復(fù)IE下的range對象以支持了W3C標(biāo)準(zhǔn)range模型的所有的屬性以及接口demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#highlight，類似iCloud的高亮?xí)灒愃朴械篱喿x類似的書簽功能，與他不同的是，kit支持跨段落，且標(biāo)準(zhǔn)化以及兼容性更好（一）Fix IE range對象，模擬W 閱讀全文

摘要： 號外：kitjs官方討論QQ群建立了，QQ群號88093625，歡迎大家加入，討論前端相關(guān)話題 上一篇介紹了上傳組件的用法，以及api，這一篇，我們通過代碼分析，從原理上給大家做下講解 demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#upload (一)Dom結(jié)構(gòu) 我們首先看下上傳按鈕的dom結(jié)構(gòu) 我們可以比較清楚看到在一層層div里面，嵌套了一個form元素input file，并且這個input file的面積足夠大到覆蓋外面的div通過Css渲染的按鈕。這樣點擊了外面的div做的按鈕，等于點擊到input file，這.. 閱讀全文

摘要： 號外：kitjs官方討論QQ群建立了，QQ群號88093625，歡迎大家加入，討論前端相關(guān)話題，對于前端技術(shù)感興趣的朋友都可以加，里面也有來自騰訊，淘寶，豆瓣，Baidu，微軟的小牛們和大家一起討論，氛圍和諧，男女皆宜！ demo地址： http://xueduany.github.com/KitJs/KitJs/index.html#upload，感謝群友`Mr.Joy提供php Demo空間 kitjs的異步上傳插件修改自著名的ajax Upload（http://github.com/valums/file-uploader），在基礎(chǔ)上修復(fù)了部分bug，同時加入了一個圖片上傳預(yù)覽插件。 閱讀全文

摘要： 號外：kitjs官方討論QQ群建立了，QQ群號88093625，歡迎大家加入，討論前端相關(guān)話題上一篇介紹了$Kit.Anim這個類的基本接口和特點以及用法，這一篇，我們深入代碼來了解了解$kit.anim是如何實現(xiàn)Css全屬性支持，Css Hack等等的 （一）一切緣起setInterval 每一個成功男人背后都有一個女人，對于使用javascript實現(xiàn)動畫來說，setInterval這個基本的定時器就是那個“女人”了，哈哈。基本上我研究過的動畫框架都是基于setInterval實現(xiàn)的，當(dāng)然也有一些怪胎，是用setTimeout實現(xiàn)的，極少極少。 一般來說使用setInterval用java 閱讀全文

摘要： 很神奇，也是偶然發(fā)現(xiàn)的 一直大家都覺得，在移動設(shè)備上active無效是正常的，因為沒有mousedown嗎，都是touch 今天發(fā)現(xiàn)，要讓a鏈接的Css active偽類生效，只需要給這個a鏈接的touch系列的任意事件touchstart/touchend綁定一個空的匿名方法即可hack成功 <style> a { color: #000; } a:active { color: #fff; } </style> <a herf=”asdasd”>asdasd</a> <script> var a=document.getEleme 閱讀全文