近期要做个手机html5的页面,做些知识储备,重要的点记录下来以备兴许。

1.devicePixelRatio:定义设备物理象素和设备独立象素的比例。css中的px能够看作是设备的独立象素。通过devicePixelRatio。就能够知道设备上的一个css像素代表着多少个物理像素,能够考虑devicePixelRatio+rem进行不同设备间的适配;

2.利用Image对象实现图片的懒载入,主要逻辑代码例如以下:

var len = queue.length;
var counter = 0; for(var i = 0; i < len; i++){
var img = new Image(); img.src = Zepto(queue[i]).data("url");
img.onload = function(){
counter++;
if(counter >= len){
Logic.onLoadComplete();
}
}
}

通过new Image()新建Image对象,然后监听其onload事件,当载入完毕后进行载入完毕的处理。

3.Zepto.js。专为移动端web开发,更小更轻便。API和jquery类似。中文手冊地址:http://www.html-5.cn/Manual/Zepto

4.SVG vs canvas。两种html5的浏览器画图技术。

SVG所绘制的图像都是dom元素,因此支持事件处理,canvas的每次更新须要重绘。并且svg支持动画和滤镜。

对于动画的实现,canvas是不断的重绘画板。而svg是原生支持的。

5.用到iscroll5,iscroll5的源代码中仅仅实现了scrollStart,scrollEnd,refresh的事件。而没有滚动进行时的事件,能够通过在源代码中添加一句来解决:

this._execEvent('scrollMove');  

加入到源代码的_move:function的后面。这样在_move的最后会触发这个事件,从而进行监听。

最新文章

  1. Atitit 设计模式的本质思考】
  2. What is SPI?
  3. visual studio 设计器上出现蓝色的点和箭头
  4. cocos2d-html5 笔记3: Node
  5. [原创]个人工具 - YE快速复制助手(YeFastcopyHelper)
  6. dede只调用当天发布的文档
  7. DateTime日期格式获取 分类: C# 2014-04-15 10:36 233人阅读 评论(0) 收藏
  8. 【Shell脚本】运行shell脚本文件的几种方法与区别
  9. 非root用户搭建hadoop伪分布式
  10. java 枚举类型和数据二进制等问题思考
  11. delphi选择打印机打印
  12. sql必知必会-总结篇
  13. 【公众号系列】两分钟学会SAP F1技巧
  14. Mac搭建SVN服务器+Cornerstone连接服务器
  15. java 通信
  16. Deploying Keras model on Tensorflow Serving--
  17. xss挑战之旅wp
  18. Selenium 2(Webdriver)
  19. 1115 洛谷luogu最大子段和
  20. Python开发技巧

热门文章

  1. SpringBoot学习笔记(12)----SpringBoot实现多个 账号轮询发送邮件
  2. URL正则
  3. 【BZOJ3678】Wangxz和OJ
  4. Android端通过HttpURLConnection上传文件到server
  5. ormlite 中的onUpgrade
  6. linux 流量统计小程序
  7. 转:移动建站工具(一):分秒钟将Web网站移动化
  8. 数据可视化之Processing【1】
  9. 用DOM动态控制表格
  10. Apache Bench测试