纸头折飞机
欢迎大家加入KitJs官方高级QQ群88093625,讨论前端技术,上海携程招聘H5,iOS,android,产品,设计,交互,测试,有意者发简历到xueduanyang1985@163.com
摘要: ReactNative框架推出已经有一段时间了,相信很多小伙伴都在尝试实现Write Once, Run Anywhere的梦想,比如淘宝的ReactWeb等等,但是这些框架都局限于因为ReactNative本省的局限性,比如不支持CSS,不支持DOM操作,不支持选择器等等,而没有办法实现Js代码的... 阅读全文
posted @ 2016-01-12 22:09 薛端阳 阅读(12880) 评论(4) 推荐(10) 编辑
摘要: 最后补充一下: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’]取到中文这 阅读全文
posted @ 2013-05-30 16:18 薛端阳 阅读(59181) 评论(37) 推荐(22) 编辑
摘要: 号外: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 薛端阳 阅读(20580) 评论(71) 推荐(24) 编辑
摘要: 1. 星星评级(http://kitjs.co.cc/demo/StarLevel/demo.html) 支持Webkit核心,使用方法如下浏览器上,用鼠标在星星上按下,左右移动,选择星星级别,释放左键,选择成功,给出提示手机上,手指按下,左右移动,选择星星级别,手指移开,选择成功,给出提示2. 标签选项卡(http://kitjs.co.cc/demo/TabPanel/demo.html) 支持Webkit核心,使用方法如下电脑上,1.左键单击选择,打开tab对应的div容器2.tab选项卡可以鼠标左键按住左右拖动 1.拖动可分三档, a)慢速拖动,tab跟随鼠标b)中档拖动,tab会有移 阅读全文
posted @ 2012-02-14 11:09 薛端阳 阅读(3536) 评论(2) 推荐(1) 编辑
摘要: IE6,7,8下使用Javascript记录光标选中范围 阅读全文
posted @ 2011-08-26 00:29 薛端阳 阅读(2492) 评论(8) 推荐(4) 编辑
摘要: 简介对于combox功能实现的最小化js代码,页面原型参考dojo的combox模样,支持键盘动作以及自动筛选,高亮等API初始化方法编码方式Css申明方式只要class中包含了combox即可,class中同时包含其他样式也可以。如亦可配置参数说明combox支持配置参数如下 debug: true/false,是否显示原始的select元素可见 searchMode: 0为模糊不区分大小写,1... 阅读全文
posted @ 2010-04-14 15:31 薛端阳 阅读(3603) 评论(7) 推荐(1) 编辑
摘要: 上一篇文章,大家对于ReactMix(https://github.com/xueduany/react-mix)框架有了一个基本认识,知道我们是一个语法糖,帮助大家基于一套代码,所有平台都能跑。那么今天就是来实战一下,写一个所有平台都能跑的页面出来。 首先我们要准备了解的基本知识如下,在H5开发中,我们的页面布局方式有 1. 默认布局(块状元素和内联元素) 2. 浮动布局(Float) ... 阅读全文
posted @ 2016-01-15 19:47 薛端阳 阅读(2681) 评论(2) 推荐(1) 编辑
摘要: ReactMixhttps://github.com/xueduany/react-mix自从昨天发布起来,得到了不少小伙伴的热捧,很高兴帮助大家解决了憋在心中很久的问题“如果我只会HTML,Css,Jquery”,我可以不用学习就会什么MVVM啦?会ReactNative啦?答案自然是没问题,在这... 阅读全文
posted @ 2016-01-13 22:03 薛端阳 阅读(6904) 评论(4) 推荐(4) 编辑
摘要: 好久没有写博客了,想到2年前答应要放出源代码的也没放出来,最近终于有空先把纯js实现无限空间大小的本地存储的功能开源了,项目地址https://github.com/xueduany/localstore,demo见http://xueduany.github.io/localstore/,下面给大... 阅读全文
posted @ 2015-06-17 23:36 薛端阳 阅读(9563) 评论(2) 推荐(1) 编辑
摘要: 最近前端圈子里面,发现大家都在热炒概念,什么knockout,angularJs,都被捧成神了,鄙人不才,最近心情也不好,特地写这篇文章来找骂写代码的码农都知道,Java社区虽然不是一个提出分层思想的,确实贯彻的最好的,如今是个Java开发都不会不知道SSH的开发模式,从MVC到MVVM的概念的热炒,其实真没什么技术进步(如果你觉得本文言辞激烈,过于愤世嫉俗,实在看不下去,欢迎移步另一位园友的分层进化史科普文章http://www.cnblogs.com/indream/p/3602348.html)先看什么是MVVMView一般就是我们平常说的HTML文本的Js模板,里面可以嵌入一些js模板 阅读全文
posted @ 2014-03-14 23:14 薛端阳 阅读(244793) 评论(145) 推荐(58) 编辑
摘要: 昨天听w3ctech分享时候,说道orientationchange在不同OS和版本中,存在兼容问题,很多时候触发时候都没有渲染结束,开发同学一般都是基于setTimeout一段时间之后,在去执行具体的注册事件类似这样的系统兼容问题还有很多,其核心原因在于1. 渲染未结束,js事件提前出发或者延后触发2. 无法根本之道何时渲染完毕,只能用setTimeout估摸具体时间所以这里本质上还是js对于渲染模型的观察者模式public的api不够详细造成,所以我们就想到一个旁敲侧击的方式,1. 通过media query之类的Observe来做实时观察2. 再结合reflow/repaint会触发re 阅读全文
posted @ 2013-11-25 16:34 薛端阳 阅读(2042) 评论(0) 推荐(0) 编辑
摘要: 最近做微信沃卡项目,有个联通靓号匹配规则,诸如AAA,AA,ABAB,AABB等等类似的号码匹配规则,乍一看,貌似还有小复杂,其实使用正则可以实现轻松匹配。这里需要用到正则的两个基本知识点1. 反向引用,\1,\2分表表示第一个第二个正则子表达式捕获分组2. 零宽断言,度娘传送门http://baike.baidu.com/view/5201192.htm注意,js语言的正则中只有?!负向预查和?=正向预查,没有?<= 而这两个都是非捕获再来看我们的例子AAA的正则/(\d)(?=\1)(\d)(?=\1)\d/的意思,第一个位置是一个数字(后面跟着和第一个匹配分组一样的)一个数字(后面 阅读全文
posted @ 2013-08-08 12:13 薛端阳 阅读(2092) 评论(0) 推荐(0) 编辑
摘要: 前言:了解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 阅读全文
posted @ 2013-08-01 19:43 薛端阳 阅读(4815) 评论(8) 推荐(0) 编辑
摘要: 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... 阅读全文
posted @ 2012-07-09 22:53 薛端阳 阅读(4808) 评论(2) 推荐(3) 编辑