不要再吹水地球人听不懂的技术，咱来点干货!--中文前端UI框架Kit（二）kitjs组件代码解析
摘要：上一篇博文受到了大家的很多关注，谢谢大家的捧场。所谓干货，也是我的愿景，就是希望能让大家实实在在看得见实现原理，在自己的项目里面用的起来的，能骗得老板的奖金，能完成KPI指标的东西^_^。Kit作为一个UI库，我并没有打算让大家都来学习我的Kit的Core，背熟我的API，这种跟风的学习方式一点意义都没有，今天jQuery热，大家都是学jQ，明天SeaJs火了，大家都去炒SeaJs，所以我在KitJs里面，专门为jQ的用户准备了一个语法糖（Suger.js），完全模拟jQ的API，除了实现，接口都一样，也方便大家直接拿来主义的改造Kit的组件。当然，作为一个纯技术Fan来说，深入理解一门技术是
阅读全文
posted @
2012-04-28 19:36
薛端阳
阅读(4848)
推荐(8) 编辑
不要再吹水地球人听不懂的技术，咱来点干货!--中文前端UI框架Kit（一）大致了解下Kit是啥？
摘要：KitJs技术交流QQ高级群（可加500人） ，群号：88093625Kitjs，（http://xueduany.github.com/KitJs），是我2011年底，离开淘宝UED之后，自己搞起的一套HTML5的前端widget库，原本的用途主攻手机端HTML页面交互组件使用，正如其字面意思Kit一样，愿景是做一个娇小，实用，既可以直接拿来用，也可以很方便做2次开发的一套组件。后来由于项目的越做越大，组件数的膨胀，也加入PC端浏览器（IE6+，FF，chrome核心系列等等）的支持，不再仅限于原来手机开发领域，开始正式迈向全平台。所以近期也对原来的所有模块按照jsdoc规范更新了一遍API
阅读全文
posted @
2012-04-26 13:23
薛端阳
阅读(13543)
推荐(60) 编辑
（转）JS正则表达式获取分组内容的方法
摘要：来自: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的选项，而且只能得到第一个匹配。另外备忘一下：正则表达式对象的属性及方法： 预定义的正则表达式拥有有以
阅读全文
posted @
2012-04-20 11:40
薛端阳
阅读(7192)
推荐(0) 编辑
分享一个Css3效果---无比惊艳的全屏图片切换效果（Css浏览器Only）
摘要：http://xueduany.github.com/KitJs/KitJs/index.html#fullscreenslideshow 纯Css3动画效果，不支持IE，一共4种特效，点击demo1~4即可观看， 第一种是基本的图片淡入淡出 第二种是在1的基础上加上文字滚入，图片从中心放大的效果 第三种在2的基础上在图片倾斜 第四种是图片自下而上，播放播放结束时候，文字反射状发散
阅读全文
posted @
2012-04-19 17:28
薛端阳
阅读(7523)
推荐(2) 编辑
非常惊艳的Css3的桌面上散落的相片效果，以及单击放大图片的LightBox效果（独立Js非jQuery）的实现原理
摘要：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
阅读全文
posted @
2012-04-18 19:10
薛端阳
阅读(5528)
推荐(2) 编辑
再次给力发布，首款全中文习惯，支持鼠标滑动多选的多月（可以显示N个月）的日历控件，界面仿Twitter风格，多语言支持，Ctrl/Shift多选支持，日期范围限制支持，自定义事件支持
摘要：号外：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...
阅读全文
posted @
2012-04-13 23:07
薛端阳
阅读(2128)
推荐(3) 编辑
发布首款支持Shift/Ctrl多选的国产日历控件，界面仿Twitter风格，支持中文日期类型，支持SImpleDateFormat格式，支持change等自定义事件，全中文注释和API，欢迎支持
摘要：号外：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...
阅读全文
posted @
2012-04-12 21:44
薛端阳
阅读(20583)
推荐(24) 编辑
新鲜出炉的3D相册，javascript版本，ipad上感觉良好，全浏览器兼容（包括IE，可惜低版本无3D效果）
摘要：Demo效果图如下， Demo地址： http://xueduany.github.com/KitJs/KitJs/index.html#3D_gallery 没有使用jQuery，如果需要精简版本源码，可以联系我索取，或者直接使用我的kitjs IE7,8/Firefox/Chrome/Safri测试通过 使用方法如下 var gallery = new $kit.ui.Gallery({ el : item,//el为需要转换成为相册的元素，找个div即可，必须是HTMLElement data : [{//data为相册列表数据 href : '',//图片链接 imgS
阅读全文
posted @
2012-04-09 17:25
薛端阳
阅读(1858)
推荐(2) 编辑
分享下拉框智能提示算法改进，上万条数据智能提示，所有浏览器包括IE不卡
摘要：最近做项目时候，被select的下拉提示搞烦了，破服务器响应速度贼慢，而下拉的数据又狂多，9k多行用dynamicAjax分析，发现性能慢就慢在不断的select.options的for遍历循环上索性不使用数组循环的方法跑suggest，改用字典算法https://github.com/xueduany/KitJs/blob/master/KitJs/src/js/TreeDict.js算法的testcase见http://xueduany.github.com/KitJs/KitJs/demo/TreeDict/demo.html 改进后，options的存储方式变为 { "0&q
阅读全文
posted @
2012-04-01 17:18
薛端阳
阅读(3587)
推荐(8) 编辑
