2013年07月17日 by 张 鑫旭 阅读 221615 次, 今日 15 次

网上也有其他一些介绍jQuery原理或机制的文章,可能当事人自己理解,而阅读者本来就不懂,说来说去,越说越绕,可能更不懂了。
jQuery是很优秀,好比身为灵长类的人类。但是,其诞生显然是从简单开始的。因此,要了解人类,可以通过追溯其起源。如果你是上帝,要让你造一个人,你会怎么造,是一口气出来?女娲造人还要捏泥人呢!不妨从单细胞生物开始,随着自然进化,淘汰,自然而然,就会出现人类,上帝他就是这么干的。
jQuery的诞生也大致如此,要想了解jQuery,可以试试踏着本文jQuery的成长足迹,一点一点逐步深入,您就会了解为何jQuery要这么设计,它是如何设计的等。
虽然,内容由浅及深,但是,其中涉及的原型以及new
构造函数的一些特性,对于新人而言,还是有一些理解门槛的,希望我的描述与解释可以让你有一丝豁然开朗,那就再好不过了。
阅读全文…
标签: dom, extend, jQuery, prototype, querySelectorAll, this上下文, 原型, 继承
发布在 jQuery相关 | 96 条评论 »
2013年07月17日 by 张 鑫旭 阅读 90866 次, 今日 5 次
针对移动设备的自定义滚动条插件有不少,例如iscroll, 或者appframeword(原名jqmobi)的af.scroller.js
方法。
前者34K
,后者呢,我勒个去,63K
! 没错,63K
!一个滚动插件63K
, 而且是在移动设备上使用的,移动联通立即表示压力很大!
人家…人家..只是个小项目,就指头多个web app页面,你…你..突然露出一身肌肉,人家怕怕……
阅读全文…
标签: mobile, simpScroller, web app, 插件, 移动设备
发布在 Mobile相关 | 15 条评论 »
2013年07月15日 by 张 鑫旭 阅读 187462 次, 今日 2 次
如果我们把元素的类名操作比作“切水果”游戏的话,其中一个单独的类名就好比“水果”或“炸弹”!
DOM Level 2时代,类名的获取与设置,多半使用className属性,className的生效近似切水果的“一刀切”。在web的初期,交互什么的其实很简单的来;就像切水果刚开始的时候,一次就一个水果飞上来,一刀“咔嚓”切了就好,就像使用className赋个类名值,就算偶尔冒出2个水果,className也可以一刀切搞定的。
但是,随着web的发展,交互的逐渐复杂……
阅读全文…
标签: API, classList, className, dom, DOMTokenList, jqmobi.js, prototype, toString, zepto.js
发布在 JS相关 | 20 条评论 »
2013年07月5日 by 张 鑫旭 阅读 62892 次, 今日 7 次
background+filter滤镜可以实现低版本IE浏览器下的多背景效果,::first-line伪元素也是可以实现的,本文就将介绍这种技巧。有表格数据、有源代码展示,有demo页面,有效果截图,总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: ::before, ::first-line, haslayout, 伪元素, 伪类, 多背景
发布在 CSS相关 | 4 条评论 »
2013年07月1日 by 张 鑫旭 阅读 86938 次, 今日 5 次
本文是brad_frost2年手机web开发遇到的常见问题总结。还好,这次翻译不坑,还是有点干货的。文中有很多拓展阅读的链接,还是相当有价值的。对文本,自己打个78分吧,看看会有些收获的。
阅读全文…
标签: fixed定位, mobile web, web app, 原生app, 手机, 移动设备, 覆盖层, 重定向
发布在 Mobile相关, 外文翻译 | 18 条评论 »
2013年06月19日 by 张 鑫旭 阅读 332529 次, 今日 11 次
众所周知,Ajax可以实现页面的无刷新操作——优点;但是,也会造成另外的问题,无法前进与后退!曾几何时,Gmail似乎借助iframe搞定,如今,HTML5让事情变得如同过家家般简单。
当执行Ajax操作的时候,往浏览器history
中塞入一个地址(使用pushState
)(这是无刷新的);于是,返回的时候,通过URL或其他传参,我们就可以还原到Ajax之前的模样。
本demo所展示的就是ajax的内容载入与地址栏的前进与后退,典型应用,对于熟悉相关知识点很有帮助。
阅读全文…
标签: Ajax, history, HTML5, onpopstate, pjax, pushState, replaceState
发布在 JS实例 | 77 条评论 »
2013年06月9日 by 张 鑫旭 阅读 140891 次, 今日 8 次
一个名叫“阿贾克斯”的屌丝男在名为“客户端”的学校上学,为了追女神,下狠心,借了高利贷给女神买Mac. 结果,期限已到,要债的找上门,没办法,只能向身在“服务器端”的父母要钱。但是,要钱是要一定的过程和时间的。他必须想办法向要债的表明,钱正在过来的过程中,否则,可能要债的会认为你在忽悠,直接使大招——”Ctrl+W”,瞬间灭了你,眼不见心不烦。
如果告知钱正在过来的过程中呢?
有人可能如下处理,弄个转转转的小图片告诉要债的,看,我在原地不停地转……
阅读全文…
标签: animation, animation-fill-mode, progress, 加载, 动画效果, 提示, 渐进增强
发布在 CSS相关 | 14 条评论 »
2013年06月7日 by 张 鑫旭 阅读 208203 次, 今日 8 次
所有的form表单元素都有或多或少的伪元素可以重置其浏览器内置的UI样式,我光demo就有17个之多,截图30+之多,本文虽参考之作,自己条条亲自验证设置。虽目前价值并未凸显,但是,过段时间,可能就是宝了。
阅读全文…
标签: chrome, Firefox, HTML5, IE10, keygen, meter, placeholder, progress, range, Shadow DOM, webkit, 伪元素, 控件, 表单
发布在 CSS相关 | 32 条评论 »
2013年05月29日 by 张 鑫旭 阅读 111055 次, 今日 5 次

摘要,摘个鬼啊,本来只想来个短篇的,该死的越写越多,这个点了,还有鬼心情写摘要啊。总之,是处理IE10+浏览器非常不错的一篇文章,demo啊,截图啊,源代码显然很多的啦。还有大量关于伪类伪元素的小技巧小知识等……就这样,我先撤了~~~
阅读全文…
标签: ::before, :empty, :optional, :valid, animation, box-shadow, css3, CSS伪类, hack, IE10, rotate, transform, 伪元素, 兄弟选择器, 渐变背景
发布在 CSS相关 | 15 条评论 »
2013年05月23日 by 张 鑫旭 阅读 156277 次, 今日 6 次

缓存是什么?顾名思意,就是缓慢的存钱。为什么要缓慢的存钱,因为工资卡都上交老婆了,为了攒点零花钱又不能被老婆发现,只能慢慢存了。那缓存有什么用呢?你想啊,自己有点小钱,做事情就方便快捷了,比方说我想买个鱼竿,就不要去向老婆要(给不给先不谈),自己从自己这边取,大大提高了执行的速度。
那什么时候可以存什么时候不能存呢?老婆给零花钱的时候,可能会有过期时间头,例如,周一甩了100块钱,拿去,这是一周的伙食!这个一周就是过期时间头(Expires Header),在这个时间内,你的前可以从缓存,也就是自己这里取……
阅读全文…
标签: Apache, Cache-Control, ETag, Expires, IIS, Last-Modified, php, 服务器, 缓存
发布在 Web综合 | 13 条评论 »