移动端开发技术文档样稿.docx

移动端开发技术文档
字体
Web页面采取是绝正确字体，即像素（px）
APP开发采取是pt，
字体和pt之间对应关系
Html5移动端页面开发采取是相对字体 （rm / rem）
rm 是相对于父元素，rem是相对于文档根元素来定义；
Html5页面布局
移动端开公布局是相正确，不能设置固定大小，包含各DOM元素；
如页面上图片，通常来说有二种形式：
全屏宽或带边距图片；
图片加文字，利用文字块来定义图片高度
注意：html5页面中不适合在一行中使用多列布局图片
（处理方法：a. 给图片固定相对高度； b. js计算页面宽度，利用该宽度计算出该列图片高度 ）
，精简版Jquery，和Jquery有相同语法
详见API地址：
如click事件，写法以下：
$(".post-rate .icon-hx003").on("click",function () {
$(".post-rate .icon-hx003").removeClass("cur");
var score = parseInt($(this).attr("data-score"));
for(var i=0; i<=score-1;i++) {
$(".post-rate .icon-hx003").eq(i).addClass("cur");

}
});
FastClick 处理点击事件穿透
如：click事件作用等同于tap事件，我们能够用使用Jquery习惯来写移动端业务/事件代码
使用很简单：
();
Lazyload 图片懒加载
滚动加载图片（懒加载）原理：
移动端分页
原理：利用页面滚动，距底部距离来实现分页
在下一页数据