中文前端UI框架Kit（十）Javascript多线程工作模型的实现
摘要：号外：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
薛端阳
阅读(4380)
推荐(2) 编辑
中文前端UI框架Kit（九）IE下实现W3C标准的range对象所有api，支持通过xpath跨浏览器实现特定选区高亮，书签标记功能
摘要：号外：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
薛端阳
阅读(2601)
推荐(3) 编辑
中文前端UI框架Kit（八）无插件异步文件上传组件源码解析
摘要：号外：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
薛端阳
阅读(2274)
推荐(3) 编辑
中文前端UI框架Kit（七）无插件异步文件上传组件，带进度，支持文件拖拽
摘要：号外：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
薛端阳
阅读(5317)
推荐(15) 编辑
中文前端UI框架Kit（六）javascript动画代码实现原理和一些小技巧
摘要：号外：kitjs官方讨论QQ群建立了，QQ群号88093625，欢迎大家加入，讨论前端相关话题上一篇介绍了$Kit.Anim这个类的基本接口和特点以及用法，这一篇，我们深入代码来了解了解$kit.anim是如何实现Css全属性支持，Css Hack等等的 （一）一切缘起setInterval 每一个成功男人背后都有一个女人，对于使用javascript实现动画来说，setInterval这个基本的定时器就是那个“女人”了，哈哈。基本上我研究过的动画框架都是基于setInterval实现的，当然也有一些怪胎，是用setTimeout实现的，极少极少。 一般来说使用setInterval用java
阅读全文
posted @
2012-05-10 21:33
薛端阳
阅读(3324)
推荐(2) 编辑
不知道大家知道不知道，iOS开发，web页面的链接的active属性无效，但是今天发现一个hack办法可以让Css的active有效
摘要：很神奇，也是偶然发现的 一直大家都觉得，在移动设备上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
薛端阳
阅读(3818)
推荐(2) 编辑
中文前端UI框架Kit（五）支持Css全属性/Css Hack/Css3属性/颜色渐变的Javascript动画，相比JQuery和Mooltools，功能更为强大，这不是标题党!
摘要：中午做了几个紧急的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
阅读全文
posted @
2012-05-10 11:36
薛端阳
阅读(5393)
推荐(4) 编辑
不要再吹水地球人听不懂的技术，咱来点干货!--中文前端UI框架Kit（四）给你真正的原生的drag以及drop事件，而不是像市面上主流的Js框架jQuery，Ext等，利用mousemove事件，判断位置来模拟
摘要：上一篇，我们了解了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，对于增强
阅读全文
posted @
2012-05-03 14:04
薛端阳
阅读(9303)
推荐(9) 编辑
不要再吹水地球人听不懂的技术，咱来点干货!--中文前端UI框架Kit（三）揭开高级事件管理的神秘面纱
摘要：从今天这章开始，我将会着重介绍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
阅读全文
posted @
2012-05-02 11:46
薛端阳
阅读(3141)
推荐(3) 编辑
