纸头折飞机
欢迎大家加入KitJs官方高级QQ群88093625,讨论前端技术,上海携程招聘H5,iOS,android,产品,设计,交互,测试,有意者发简历到xueduanyang1985@163.com
摘要: 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... 阅读全文
posted @ 2012-06-15 00:13 薛端阳 阅读(9752) 评论(19) 推荐(18) 编辑
摘要: 号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 kit内置支持requireJs托管,可以使用requireJs加载和管理KitJs框架内的所有组件和类库 最近园子里有很多讨论requireJs(http://requirejs.org/)的兄弟,requireJs托管js代码的好处有 1.通过闭包提供了一个安全沙箱,保证js代码不会互相污染 2.基于AMD规范,支持了js的依赖关系,实现了依赖载入 3.对于大量跨域,或者大量重复的依赖,提供一个基于程序的打包合并压缩的工具 kitjs整合了requireJs的好处是,可以让显式申明在网页的js. 阅读全文
posted @ 2012-06-12 18:54 薛端阳 阅读(3439) 评论(0) 推荐(0) 编辑
摘要: 号外: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 阅读全文
posted @ 2012-06-07 18:42 薛端阳 阅读(3132) 评论(2) 推荐(1) 编辑
摘要: 号外: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,//持续时.. 阅读全文
posted @ 2012-06-06 15:35 薛端阳 阅读(2541) 评论(4) 推荐(3) 编辑
摘要: 号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 今天给大家介绍一下kitJs的多线程类,以及原生的javascript,不借助浏览器插件以及HTML5的webWorker是如何实现多线程模式的。 Demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#multithread (一)多线程简单工作原理 所谓多线程,一般意义上理解,就是两段程序块,在操作系统的分时调配下,交错运行。 1. 每个程序块需要有自己独立的线程运行环境以及独立上下文 2. 每个程序块包含多个语句块,每个语句块是原子的, 阅读全文
posted @ 2012-05-30 15:30 薛端阳 阅读(4360) 评论(3) 推荐(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 阅读全文
posted @ 2012-05-28 23:34 薛端阳 阅读(2589) 评论(4) 推荐(3) 编辑
摘要: 号外: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,这.. 阅读全文
posted @ 2012-05-22 16:34 薛端阳 阅读(2266) 评论(4) 推荐(3) 编辑
摘要: 号外: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,同时加入了一个图片上传预览插件。 阅读全文
posted @ 2012-05-17 14:51 薛端阳 阅读(5303) 评论(24) 推荐(15) 编辑
摘要: 号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题上一篇介绍了$Kit.Anim这个类的基本接口和特点以及用法,这一篇,我们深入代码来了解了解$kit.anim是如何实现Css全属性支持,Css Hack等等的 (一)一切缘起setInterval 每一个成功男人背后都有一个女人,对于使用javascript实现动画来说,setInterval这个基本的定时器就是那个“女人”了,哈哈。基本上我研究过的动画框架都是基于setInterval实现的,当然也有一些怪胎,是用setTimeout实现的,极少极少。 一般来说使用setInterval用java 阅读全文
posted @ 2012-05-10 21:33 薛端阳 阅读(3315) 评论(12) 推荐(2) 编辑
摘要: 很神奇,也是偶然发现的 一直大家都觉得,在移动设备上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 阅读全文
posted @ 2012-05-10 16:40 薛端阳 阅读(3816) 评论(1) 推荐(2) 编辑