移动端开发
liangklfang
https://github.com/liangklfangl
展开
-
如何让网页大小自适应的JS代码
其原理是比较简单的,也就是根据当前视口的大小自动计算跟元素的fontSize值: ! function(a) { function b() { //为window对象添加了rem属性,其值为document.documentElement的宽度的1/16! //同时把他设置为document.documentElement的fontSize属性,这里其实不用把w原创 2016-06-05 10:12:10 · 10431 阅读 · 0 评论 -
css3学习以及移动端开发基本概念的思考
-->此时在所有的手机上都是document.document.clientWidth,也就是[layout viewport!!!]都是400px; 在渲染页面之前,浏览器需要知道layout viewport有多大,基于此浏览器可以计算比如20%的具体像素宽度是多少。如果没有指定,那么浏览器就会自己设定一个layout viewport。8个浏览器中有6个会设定为980px原创 2016-07-17 14:19:09 · 2211 阅读 · 1 评论 -
iScroll中那些需要理解的细节部分
问题1:bindToWrapper主要作用是什么?解答:move事件一般都是绑定在document上面的而不是wrapper元素上,这时候当你在wrapper外移动游标/手指,这个scroller元素也会一直滚动。但是如果你可以把事件绑定在wrapper上,这时候只要指针离开了wrapper那么scroller就会停止!_initEvents: function (remove) {原创 2016-09-25 10:36:27 · 1584 阅读 · 0 评论 -
移动端开发基本知识之touch.js,FastClick.js源码分析
问题1:300ms延迟问题指的是?不管在移动端还是PC端,我们都需要处理用户点击,这个最常用的事件。但在touch端click事件响应速度会比较慢,在较老的手机设备上会更为明显(300ms的延迟)。双击缩放(double tap to zoom),这也是会有上述 300 毫秒延迟的主要原因。双击缩放,顾名思义,即用手指在屏幕上快速点击两次,iOS 自带的 Safari 浏览器会将网页缩放至原始原创 2016-10-13 19:53:45 · 6230 阅读 · 0 评论