博客园 - 薛端阳
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=35139
2016-01-15T11:46:31Z
薛端阳
https://www.cnblogs.com/xueduanyang/
feed.cnblogs.com
https://www.cnblogs.com/xueduanyang/p/5134338.html
12小时包你学会基于ReactMix框架的ReactNativeApp开发(二)基于Css+HTML写第一个app页面 - 薛端阳
上一篇文章,大家对于ReactMix(https://github.com/xueduany/react-mix)框架有了一个基本认识,知道我们是一个语法糖,帮助大家基于一套代码,所有平台都能跑。那么今天就是来实战一下,写一个所有平台都能跑的页面出来。 首先我们要准备了解的基本知识如下,在H5开发中,我们的页面布局方式有 1. 默认布局(块状元素和内联元素) 2. 浮动布局(Float) ...
2016-01-15T11:47:00Z
2016-01-15T11:47:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】上一篇文章,大家对于ReactMix(https://github.com/xueduany/react-mix)框架有了一个基本认识,知道我们是一个语法糖,帮助大家基于一套代码,所有平台都能跑。那么今天就是来实战一下,写一个所有平台都能跑的页面出来。 首先我们要准备了解的基本知识如下,在H5开发中,我们的页面布局方式有 1. 默认布局(块状元素和内联元素) 2. 浮动布局(Float) ... <a href="https://www.cnblogs.com/xueduanyang/p/5134338.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/p/5128690.html
12小时包你学会基于ReactMix框架的ReactNativeApp开发(一)Hello World! - 薛端阳
ReactMixhttps://github.com/xueduany/react-mix自从昨天发布起来,得到了不少小伙伴的热捧,很高兴帮助大家解决了憋在心中很久的问题“如果我只会HTML,Css,Jquery”,我可以不用学习就会什么MVVM啦?会ReactNative啦?答案自然是没问题,在这...
2016-01-13T14:03:00Z
2016-01-13T14:03:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】ReactMixhttps://github.com/xueduany/react-mix自从昨天发布起来,得到了不少小伙伴的热捧,很高兴帮助大家解决了憋在心中很久的问题“如果我只会HTML,Css,Jquery”,我可以不用学习就会什么MVVM啦?会ReactNative啦?答案自然是没问题,在这... <a href="https://www.cnblogs.com/xueduanyang/p/5128690.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/p/5125781.html
ReactMix框架,让你实现一套js代码,基于ReactNative在H5,App都能完美跑起来,Write Once,Run Anywhere - 薛端阳
ReactNative框架推出已经有一段时间了,相信很多小伙伴都在尝试实现Write Once, Run Anywhere的梦想,比如淘宝的ReactWeb等等,但是这些框架都局限于因为ReactNative本省的局限性,比如不支持CSS,不支持DOM操作,不支持选择器等等,而没有办法实现Js代码的...
2016-01-12T14:09:00Z
2016-01-12T14:09:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】ReactNative框架推出已经有一段时间了,相信很多小伙伴都在尝试实现Write Once, Run Anywhere的梦想,比如淘宝的ReactWeb等等,但是这些框架都局限于因为ReactNative本省的局限性,比如不支持CSS,不支持DOM操作,不支持选择器等等,而没有办法实现Js代码的... <a href="https://www.cnblogs.com/xueduanyang/p/5125781.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/p/4584633.html
[分享黑科技]纯js突破localstorage存储上线,远程抓取图片,并转码base64保存本地,最终实现整个网站所有静态资源离线到用户手机效果却不依赖浏览器的缓存机制,单页应用最新黑科技 - 薛端阳
好久没有写博客了,想到2年前答应要放出源代码的也没放出来,最近终于有空先把纯js实现无限空间大小的本地存储的功能开源了,项目地址https://github.com/xueduany/localstore,demo见http://xueduany.github.io/localstore/,下面给大...
2015-06-17T15:36:00Z
2015-06-17T15:36:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】好久没有写博客了,想到2年前答应要放出源代码的也没放出来,最近终于有空先把纯js实现无限空间大小的本地存储的功能开源了,项目地址https://github.com/xueduany/localstore,demo见http://xueduany.github.io/localstore/,下面给大... <a href="https://www.cnblogs.com/xueduanyang/p/4584633.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/p/3601471.html
不要听吹牛逼什么前端MVVM框架就是好,其实都是一帮没学好分层设计的搞出来的,让你彻底看清前端MVVM的本质 - 薛端阳
最近前端圈子里面,发现大家都在热炒概念,什么knockout,angularJs,都被捧成神了,鄙人不才,最近心情也不好,特地写这篇文章来找骂写代码的码农都知道,Java社区虽然不是一个提出分层思想的,确实贯彻的最好的,如今是个Java开发都不会不知道SSH的开发模式,从MVC到MVVM的概念的热炒,其实真没什么技术进步(如果你觉得本文言辞激烈,过于愤世嫉俗,实在看不下去,欢迎移步另一位园友的分层进化史科普文章http://www.cnblogs.com/indream/p/3602348.html)先看什么是MVVMView一般就是我们平常说的HTML文本的Js模板,里面可以嵌入一些js模板
2014-03-14T15:14:00Z
2014-03-14T15:14:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】最近前端圈子里面,发现大家都在热炒概念,什么knockout,angularJs,都被捧成神了,鄙人不才,最近心情也不好,特地写这篇文章来找骂写代码的码农都知道,Java社区虽然不是一个提出分层思想的,确实贯彻的最好的,如今是个Java开发都不会不知道SSH的开发模式,从MVC到MVVM的概念的热炒,其实真没什么技术进步(如果你觉得本文言辞激烈,过于愤世嫉俗,实在看不下去,欢迎移步另一位园友的分层进化史科普文章http://www.cnblogs.com/indream/p/3602348.html)先看什么是MVVMView一般就是我们平常说的HTML文本的Js模板,里面可以嵌入一些js模板 <a href="https://www.cnblogs.com/xueduanyang/p/3601471.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/p/3441762.html
基于Css反射形自触发事件,优化你的延时事件 - 薛端阳
昨天听w3ctech分享时候,说道orientationchange在不同OS和版本中,存在兼容问题,很多时候触发时候都没有渲染结束,开发同学一般都是基于setTimeout一段时间之后,在去执行具体的注册事件类似这样的系统兼容问题还有很多,其核心原因在于1. 渲染未结束,js事件提前出发或者延后触发2. 无法根本之道何时渲染完毕,只能用setTimeout估摸具体时间所以这里本质上还是js对于渲染模型的观察者模式public的api不够详细造成,所以我们就想到一个旁敲侧击的方式,1. 通过media query之类的Observe来做实时观察2. 再结合reflow/repaint会触发re
2013-11-25T08:34:00Z
2013-11-25T08:34:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】昨天听w3ctech分享时候,说道orientationchange在不同OS和版本中,存在兼容问题,很多时候触发时候都没有渲染结束,开发同学一般都是基于setTimeout一段时间之后,在去执行具体的注册事件类似这样的系统兼容问题还有很多,其核心原因在于1. 渲染未结束,js事件提前出发或者延后触发2. 无法根本之道何时渲染完毕,只能用setTimeout估摸具体时间所以这里本质上还是js对于渲染模型的观察者模式public的api不够详细造成,所以我们就想到一个旁敲侧击的方式,1. 通过media query之类的Observe来做实时观察2. 再结合reflow/repaint会触发re <a href="https://www.cnblogs.com/xueduanyang/p/3441762.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/p/3245545.html
巧用正则零宽断言实现靓号检索逻辑 - 薛端阳
最近做微信沃卡项目,有个联通靓号匹配规则,诸如AAA,AA,ABAB,AABB等等类似的号码匹配规则,乍一看,貌似还有小复杂,其实使用正则可以实现轻松匹配。这里需要用到正则的两个基本知识点1. 反向引用,\1,\2分表表示第一个第二个正则子表达式捕获分组2. 零宽断言,度娘传送门http://baike.baidu.com/view/5201192.htm注意,js语言的正则中只有?!负向预查和?=正向预查,没有?<= 而这两个都是非捕获再来看我们的例子AAA的正则/(\d)(?=\1)(\d)(?=\1)\d/的意思,第一个位置是一个数字(后面跟着和第一个匹配分组一样的)一个数字(后面
2013-08-08T04:13:00Z
2013-08-08T04:13:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】最近做微信沃卡项目,有个联通靓号匹配规则,诸如AAA,AA,ABAB,AABB等等类似的号码匹配规则,乍一看,貌似还有小复杂,其实使用正则可以实现轻松匹配。这里需要用到正则的两个基本知识点1. 反向引用,\1,\2分表表示第一个第二个正则子表达式捕获分组2. 零宽断言,度娘传送门http://baike.baidu.com/view/5201192.htm注意,js语言的正则中只有?!负向预查和?=正向预查,没有?<= 而这两个都是非捕获再来看我们的例子AAA的正则/(\d)(?=\1)(\d)(?=\1)\d/的意思,第一个位置是一个数字(后面跟着和第一个匹配分组一样的)一个数字(后面 <a href="https://www.cnblogs.com/xueduanyang/p/3245545.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/p/3231014.html
HTML5触屏版多线程渲染模板技术分享 - 薛端阳
前言:了解js编译原理的屌丝们都知道,js是单线程的,想当年各路神仙为了实现js的多线程,为了解决innerHTML输出大段HTML卡页面的顽疾,纷纷设计了诸如假冒的“多线程“实现,我自己也在写开源框架KitJs时候,写过类似的组件http://www.cnblogs.com/xueduanyang/archive/2012/05/30/2526422.html ,其原理就是改造代码中的for为setInterval,改递归为尾递归等等,为可怜的刷新率60Hz争取17ms的微弱时间。当然了,这些都不是真正的多线程。其实W3C很早就有关于纯前端真多线程实现的,就是http://www.w3.or
2013-08-01T11:43:00Z
2013-08-01T11:43:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】前言:了解js编译原理的屌丝们都知道,js是单线程的,想当年各路神仙为了实现js的多线程,为了解决innerHTML输出大段HTML卡页面的顽疾,纷纷设计了诸如假冒的“多线程“实现,我自己也在写开源框架KitJs时候,写过类似的组件http://www.cnblogs.com/xueduanyang/archive/2012/05/30/2526422.html ,其原理就是改造代码中的for为setInterval,改递归为尾递归等等,为可怜的刷新率60Hz争取17ms的微弱时间。当然了,这些都不是真正的多线程。其实W3C很早就有关于纯前端真多线程实现的,就是http://www.w3.or <a href="https://www.cnblogs.com/xueduanyang/p/3231014.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2013/05/30/3108442.html
(造福中国前端界)纯前端Js完美解决各种汉字urlencode,urldecode,编码解码问题,不借助任何字库,内码表,轻松一行,兼容IE8+,chrome,firefox,safari等主流浏览器 - 薛端阳
最后补充一下:IE6,7用vbscript可以decode,传送门:http://www.baidu.com/s?wd=vbscript+urldecode+gbk(昨晚更新)IE8是不支持script的src的datauri的,昨晚想了一个hack方法MSND传送门:http://msdn.microsoft.com/en-us/library/cc848897(v=vs.85).aspxIE8支持link的datauri,我想是否可以构造一个link过来的css,通过设置background-image,然后通过ie的currentStyle[‘backgroundImage’]取到中文这
2013-05-30T08:18:00Z
2013-05-30T08:18:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】最后补充一下:IE6,7用vbscript可以decode,传送门:http://www.baidu.com/s?wd=vbscript+urldecode+gbk(昨晚更新)IE8是不支持script的src的datauri的,昨晚想了一个hack方法MSND传送门:http://msdn.microsoft.com/en-us/library/cc848897(v=vs.85).aspxIE8支持link的datauri,我想是否可以构造一个link过来的css,通过设置background-image,然后通过ie的currentStyle[‘backgroundImage’]取到中文这 <a href="https://www.cnblogs.com/xueduanyang/archive/2013/05/30/3108442.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/07/09/2583816.html
分享Css3设计---纯Css实现超酷的iphone玻璃气泡效果 - 薛端阳
demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#bubble 号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 最近做手机项目时候,需要实现一个类似iphone SMS效果的气泡效果。 这里分享下实现心得, 首先分析下iphone的气泡效果有一下特点 1. 圆角 2. 向下的外阴影 3. 上边和下边的内阴影 4. 上边内的一个内嵌的玻璃气泡的反光效果 首先定义一个容器,盒模型为display: inline-block,方便自适应文字大小 .bubble { position...
2012-07-09T14:53:00Z
2012-07-09T14:53:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#bubble 号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 最近做手机项目时候,需要实现一个类似iphone SMS效果的气泡效果。 这里分享下实现心得, 首先分析下iphone的气泡效果有一下特点 1. 圆角 2. 向下的外阴影 3. 上边和下边的内阴影 4. 上边内的一个内嵌的玻璃气泡的反光效果 首先定义一个容器,盒模型为display: inline-block,方便自适应文字大小 .bubble { position... <a href="https://www.cnblogs.com/xueduanyang/archive/2012/07/09/2583816.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/06/15/2550062.html
中文前端UI框架Kit(十四)超酷的瀑布流特效动画 - 薛端阳
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...
2012-06-14T16:13:00Z
2012-06-14T16:13:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】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... <a href="https://www.cnblogs.com/xueduanyang/archive/2012/06/15/2550062.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/06/12/2546754.html
中文前端UI框架Kit(十三)使用RequireJs托管你的类库和js代码 - 薛端阳
号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 kit内置支持requireJs托管,可以使用requireJs加载和管理KitJs框架内的所有组件和类库 最近园子里有很多讨论requireJs(http://requirejs.org/)的兄弟,requireJs托管js代码的好处有 1.通过闭包提供了一个安全沙箱,保证js代码不会互相污染 2.基于AMD规范,支持了js的依赖关系,实现了依赖载入 3.对于大量跨域,或者大量重复的依赖,提供一个基于程序的打包合并压缩的工具 kitjs整合了requireJs的好处是,可以让显式申明在网页的js.
2012-06-12T10:54:00Z
2012-06-12T10:54:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 kit内置支持requireJs托管,可以使用requireJs加载和管理KitJs框架内的所有组件和类库 最近园子里有很多讨论requireJs(http://requirejs.org/)的兄弟,requireJs托管js代码的好处有 1.通过闭包提供了一个安全沙箱,保证js代码不会互相污染 2.基于AMD规范,支持了js的依赖关系,实现了依赖载入 3.对于大量跨域,或者大量重复的依赖,提供一个基于程序的打包合并压缩的工具 kitjs整合了requireJs的好处是,可以让显式申明在网页的js. <a href="https://www.cnblogs.com/xueduanyang/archive/2012/06/12/2546754.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/06/07/2540769.html
中文前端UI框架Kit(十二)整合Mustache做kitjs模板引擎,基本写法${varname} - 薛端阳
号外: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
2012-06-07T10:42:00Z
2012-06-07T10:42:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】号外: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 <a href="https://www.cnblogs.com/xueduanyang/archive/2012/06/07/2540769.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/06/06/2538289.html
中文前端UI框架Kit(十一)摇头动画?让你的页面元素嗑药嗑起来?? - 薛端阳
号外: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,//持续时..
2012-06-06T07:35:00Z
2012-06-06T07:35:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】号外: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,//持续时.. <a href="https://www.cnblogs.com/xueduanyang/archive/2012/06/06/2538289.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/05/30/2526422.html
中文前端UI框架Kit(十)Javascript多线程工作模型的实现 - 薛端阳
号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 今天给大家介绍一下kitJs的多线程类,以及原生的javascript,不借助浏览器插件以及HTML5的webWorker是如何实现多线程模式的。 Demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#multithread (一)多线程简单工作原理 所谓多线程,一般意义上理解,就是两段程序块,在操作系统的分时调配下,交错运行。 1. 每个程序块需要有自己独立的线程运行环境以及独立上下文 2. 每个程序块包含多个语句块,每个语句块是原子的,
2012-05-30T07:30:00Z
2012-05-30T07:30:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题 今天给大家介绍一下kitJs的多线程类,以及原生的javascript,不借助浏览器插件以及HTML5的webWorker是如何实现多线程模式的。 Demo地址:http://xueduany.github.com/KitJs/KitJs/index.html#multithread (一)多线程简单工作原理 所谓多线程,一般意义上理解,就是两段程序块,在操作系统的分时调配下,交错运行。 1. 每个程序块需要有自己独立的线程运行环境以及独立上下文 2. 每个程序块包含多个语句块,每个语句块是原子的, <a href="https://www.cnblogs.com/xueduanyang/archive/2012/05/30/2526422.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/05/28/2522829.html
中文前端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
2012-05-28T15:34:00Z
2012-05-28T15:34:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】号外: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 <a href="https://www.cnblogs.com/xueduanyang/archive/2012/05/28/2522829.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/05/22/2513518.html
中文前端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,这..
2012-05-22T08:34:00Z
2012-05-22T08:34:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】号外: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,这.. <a href="https://www.cnblogs.com/xueduanyang/archive/2012/05/22/2513518.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/05/17/2506215.html
中文前端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,同时加入了一个图片上传预览插件。
2012-05-17T06:51:00Z
2012-05-17T06:51:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】号外: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,同时加入了一个图片上传预览插件。 <a href="https://www.cnblogs.com/xueduanyang/archive/2012/05/17/2506215.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/05/10/2495009.html
中文前端UI框架Kit(六)javascript动画代码实现原理和一些小技巧 - 薛端阳
号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题上一篇介绍了$Kit.Anim这个类的基本接口和特点以及用法,这一篇,我们深入代码来了解了解$kit.anim是如何实现Css全属性支持,Css Hack等等的 (一)一切缘起setInterval 每一个成功男人背后都有一个女人,对于使用javascript实现动画来说,setInterval这个基本的定时器就是那个“女人”了,哈哈。基本上我研究过的动画框架都是基于setInterval实现的,当然也有一些怪胎,是用setTimeout实现的,极少极少。 一般来说使用setInterval用java
2012-05-10T13:33:00Z
2012-05-10T13:33:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】号外:kitjs官方讨论QQ群建立了,QQ群号88093625,欢迎大家加入,讨论前端相关话题上一篇介绍了$Kit.Anim这个类的基本接口和特点以及用法,这一篇,我们深入代码来了解了解$kit.anim是如何实现Css全属性支持,Css Hack等等的 (一)一切缘起setInterval 每一个成功男人背后都有一个女人,对于使用javascript实现动画来说,setInterval这个基本的定时器就是那个“女人”了,哈哈。基本上我研究过的动画框架都是基于setInterval实现的,当然也有一些怪胎,是用setTimeout实现的,极少极少。 一般来说使用setInterval用java <a href="https://www.cnblogs.com/xueduanyang/archive/2012/05/10/2495009.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/xueduanyang/archive/2012/05/10/2494621.html
不知道大家知道不知道,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
2012-05-10T08:40:00Z
2012-05-10T08:40:00Z
薛端阳
https://www.cnblogs.com/xueduanyang/
【摘要】很神奇,也是偶然发现的 一直大家都觉得,在移动设备上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 <a href="https://www.cnblogs.com/xueduanyang/archive/2012/05/10/2494621.html" target="_blank">阅读全文</a>