摘要： 中午做了几个紧急的BUG Fix，已经支持火狐，和Css Hack，请大家放心大胆的用吧本周原本要接着KitJs的高级事件继续写下去的，不过鼠标手势还有一些技术问题需要解决，暂不放出。本周我们先来说说KitJs的Animation这个类。 demo地址：http://xueduany.github.com/KitJs/KitJs/demo/Animation/demo.html KitJs官网：http://xueduany.github.com/KitJs DOC地址：http://xueduany.github.com/jsdoc/out/$Kit.Animation.html 源代码：h 阅读全文

摘要： 上一篇，我们了解了KitJs的基本的事件管理架构，在kit.js核心的js包里面通过自己的事件匿名函数来托管用户注册时间，实现事件的执行顺序以及保存事件句柄。 今天我们来了解下Kit是如何实现拖拽事件的，Demo地址：http://xueduany.github.com/KitJs/KitJs/demo/Puzzle/demo.html KitJs官网：http://xueduany.github.com/KitJs Source Code:https://github.com/xueduany/KitJs （一）独立的Event.js 不同于上一篇介绍的两个事件方法ev和delEv，对于增强 阅读全文

摘要： 从今天这章开始，我将会着重介绍KitJs的事件管理的内容，尽量用浅显的语言给大家揭露主流的js框架是如何在内部实现自己独立的事件管理功能的。kitjs Demo地址:http://xueduany.github.com/KitJs/KitJs/index.htmlSource Code:https://github.com/xueduany/KitJs （一）普通的Dom事件 我们一般可以通过支持在HTML写上事件 <a onclick=”alert(1)”>测试</a> 或者取到dom对象后绑定 document.getElementById(‘a’).onclick 阅读全文

摘要： 上一篇博文受到了大家的很多关注，谢谢大家的捧场。所谓干货，也是我的愿景，就是希望能让大家实实在在看得见实现原理，在自己的项目里面用的起来的，能骗得老板的奖金，能完成KPI指标的东西^_^。Kit作为一个UI库，我并没有打算让大家都来学习我的Kit的Core，背熟我的API，这种跟风的学习方式一点意义都没有，今天jQuery热，大家都是学jQ，明天SeaJs火了，大家都去炒SeaJs，所以我在KitJs里面，专门为jQ的用户准备了一个语法糖（Suger.js），完全模拟jQ的API，除了实现，接口都一样，也方便大家直接拿来主义的改造Kit的组件。当然，作为一个纯技术Fan来说，深入理解一门技术是 阅读全文

摘要： KitJs技术交流QQ高级群（可加500人） ，群号：88093625Kitjs，（http://xueduany.github.com/KitJs），是我2011年底，离开淘宝UED之后，自己搞起的一套HTML5的前端widget库，原本的用途主攻手机端HTML页面交互组件使用，正如其字面意思Kit一样，愿景是做一个娇小，实用，既可以直接拿来用，也可以很方便做2次开发的一套组件。后来由于项目的越做越大，组件数的膨胀，也加入PC端浏览器（IE6+，FF，chrome核心系列等等）的支持，不再仅限于原来手机开发领域，开始正式迈向全平台。所以近期也对原来的所有模块按照jsdoc规范更新了一遍API 阅读全文

摘要： 来自:http://liudaoru.iteye.com/blog/137290刚才写的居然丢掉了，郁闷，重新谢了。支持多次匹配的方式：js 代码vartestStr="nowtest001test002"; varre=/test(\d+)/ig; varr=""; while(r=re.exec(testStr)){ alert(r[0]+""+r[1]); }此外也可以用testStr.match(re)，但是这样的话就不能有g的选项，而且只能得到第一个匹配。另外备忘一下：正则表达式对象的属性及方法： 预定义的正则表达式拥有有以 阅读全文

摘要： http://xueduany.github.com/KitJs/KitJs/index.html#fullscreenslideshow 纯Css3动画效果，不支持IE，一共4种特效，点击demo1~4即可观看， 第一种是基本的图片淡入淡出 第二种是在1的基础上加上文字滚入，图片从中心放大的效果 第三种在2的基础上在图片倾斜 第四种是图片自下而上，播放播放结束时候，文字反射状发散 阅读全文

摘要： Demo地址http://xueduany.github.com/KitJs/KitJs/index.html#lightbox 效果图如下 实现原理很简单，基本的html如下 <div id="gallery"> <div class="item"> <a class="kitLightBox" href="img/original/blue-green-nature.jpg" target="_blank"><img src="img/th 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题地址：http://xueduany.github.com/KitJs/KitJs/index.html#datepicker_nmonth界面如图 继承自之前发布的 http://www.cnblogs.com/xueduanyang/archive/2012/04/12/2444788.html 初始化方法为 //默认日历 window.picker = new $kit.ui.DatePicker.NMonths(); picker.init(); $kit.el('#J_dat... 阅读全文

摘要： 号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题新增双月日历，多月日历地址：http://xueduany.github.com/KitJs/KitJs/index.html#datepicker_nmonth4月13日更新（感谢大家热心反馈）1.加入鼠标划动多选2.加入再次单击选中日期，会取消选择 demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#datepicker 本日历，支持多语言本地化，且中文支持非常好 独家支持日历日期多选操作，按住shift键，多选，和按住ctrl... 阅读全文