摘要： Demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#waterfall （一）KitJs瀑布流组件特点 1. 瀑布流形式呈现图片加载，鼠标滚动到底加载新的数据 2. 瀑布条数随窗口大小改变而改变，支持任意缩放窗口 （二）使用方法 core需要引用kit.js，IE下通过条件注释引入ieFix.js 其他需要引入 array.js 数组扩展（可以不引用） anim.js 动画扩展 即可， 至于demo中的semitransparentloading.js是用来做半透明loading的，io.js是用来跨域取图片数据的，这个lo... 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题 kit内置支持requireJs托管，可以使用requireJs加载和管理KitJs框架内的所有组件和类库 最近园子里有很多讨论requireJs（http://requirejs.org/）的兄弟，requireJs托管js代码的好处有 1.通过闭包提供了一个安全沙箱，保证js代码不会互相污染 2.基于AMD规范，支持了js的依赖关系，实现了依赖载入 3.对于大量跨域，或者大量重复的依赖，提供一个基于程序的打包合并压缩的工具 kitjs整合了requireJs的好处是，可以让显式申明在网页的js. 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题 kit整合了优秀的javascript模板引擎Mustache，做模板模块，基本写法为${varname} demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#template jsdoc地址：http://localhost/jsdoc/out/$Kit.Template.html 基本用法如下，如果需要了解更多特殊用法，请访问Mustache官网http://mustache.github.com/ 1.简单变量替换${name}fu 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题 demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#shakehead 发现没有晃动效果的同学记得清下缓存，因为kit.anim对象的js文件有更新，3Q3Q 今天听群里面兄弟在讨论一个摇头的动画效果，类似登陆验证时候，窗口晃动的效果，结合之前说过的kitjs的anim类，我们可以很轻松的实现类似的组件晃动效果 代码如下： function a1() { $kit.anim.motion({ duration : 1000,//持续时.. 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题 今天给大家介绍一下kitJs的多线程类，以及原生的javascript，不借助浏览器插件以及HTML5的webWorker是如何实现多线程模式的。 Demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#multithread （一）多线程简单工作原理 所谓多线程，一般意义上理解，就是两段程序块，在操作系统的分时调配下，交错运行。 1. 每个程序块需要有自己独立的线程运行环境以及独立上下文 2. 每个程序块包含多个语句块，每个语句块是原子的， 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题 kit是目前已知框架中第一个支持完美IE下跨段落，跨任意元素，以及多个textNode的偏移问题的高亮工具，以及对range对象的修复，完美修复IE下的range对象以支持了W3C标准range模型的所有的属性以及接口demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#highlight，类似iCloud的高亮书签，类似有道阅读类似的书签功能，与他不同的是，kit支持跨段落，且标准化以及兼容性更好（一）Fix IE range对象，模拟W 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题 上一篇介绍了上传组件的用法，以及api，这一篇，我们通过代码分析，从原理上给大家做下讲解 demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#upload (一)Dom结构 我们首先看下上传按钮的dom结构 我们可以比较清楚看到在一层层div里面，嵌套了一个form元素input file，并且这个input file的面积足够大到覆盖外面的div通过Css渲染的按钮。这样点击了外面的div做的按钮，等于点击到input file，这.. 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题，对于前端技术感兴趣的朋友都可以加，里面也有来自腾讯，淘宝，豆瓣，Baidu，微软的小牛们和大家一起讨论，氛围和谐，男女皆宜！ demo地址： http://xueduany.github.com/KitJs/KitJs/index.html#upload，感谢群友`Mr.Joy提供php Demo空间 kitjs的异步上传插件修改自著名的ajax Upload（http://github.com/valums/file-uploader），在基础上修复了部分bug，同时加入了一个图片上传预览插件。 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题上一篇介绍了$Kit.Anim这个类的基本接口和特点以及用法，这一篇，我们深入代码来了解了解$kit.anim是如何实现Css全属性支持，Css Hack等等的 （一）一切缘起setInterval 每一个成功男人背后都有一个女人，对于使用javascript实现动画来说，setInterval这个基本的定时器就是那个“女人”了，哈哈。基本上我研究过的动画框架都是基于setInterval实现的，当然也有一些怪胎，是用setTimeout实现的，极少极少。 一般来说使用setInterval用java 阅读全文

摘要： 很神奇，也是偶然发现的 一直大家都觉得，在移动设备上active无效是正常的，因为没有mousedown吗，都是touch 今天发现，要让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 阅读全文