随笔- 443
文章- 77
评论- 996
阅读-
105万
04 2016 档案
订制DOM选择器
摘要:本来是打算参考zepto.js,然后将里面想要的部分抽出来做函数,随调随用。 但后面发现这种写法重复代码太多,代码不整洁,于是就打算模仿下zepto的写法,挑出些比较实用的方法,造一下轮子。 起名叫“iSelector”,已经放到了github上面。 简单的做了封装,本来也想使用“$”相关的符号,但
阅读全文
图片预加载与懒加载
摘要:一、预加载 前面做了个招聘页面,里面有大量的图片需要加载。 一开始都是全部写在页面中,在测试环境还看不出很慢,一放到正式环境就不对了。 微信浏览器本来就觉得慢,现在一下子要加载这么多图片,一下子就把屏幕弄白了,过了几十秒后才会完整的出现Loading图片。 这显然是无法忍受的,马上就加了预加载的功能
阅读全文
用CSS3动画,让页面动起来
摘要:以前就听说过有个库,叫animate.css,但是自己并没有在实际项目中使用过,这次正好要做个招聘页面,得以利用一下这个库,在经常会卡顿的UC浏览器中也能流畅执行。 扫描下面的二维码,可以看到在线的demo页面: 如果对CSS3动画的一些基础概念不是很熟悉,可以参考《CSS3中的动画效果记录》。 一
阅读全文
制造自己的榫卯
摘要:一、榫卯 榫卯(sǔn mǎo),是古代中国建筑、家具及其它器械的主要结构方式,是在两个构件上采用凹凸部位相结合的一种连接方式。 若榫卯使用得当,两块木结构之间就能严密扣合,达到“天衣无缝”的程度,并且不用钉子。 下面这张图来自于山西悬空寺,屋檐下面的那些都是用榫卯做成的,没有用一颗钉子。 二、Ja
阅读全文
让自己也能使用Canvas
摘要:<canvas> 是 HTML5 新增的元素,可使用JavaScript脚本来绘制图形。例如:画图,合成照片,创建动画甚至实时视频处理与渲染。 兼容性方面,除了一些骨灰级浏览器IE6、IE7、IE8等,大部分现代浏览器都能支持。 一、属性与方法 1)属性 <canvas> 看起来和 <img> 元素
阅读全文