1.触屏事件
2.cookie 本地存储
3.jsonp
1.hammer.js
2.swiper.js
js兼容性代码
事件对象 e || window.event
事件目标 e.target || e.srcElement
给元素添加滚轮事件
element.mousewheel = fn;
element.addEventListener && element.addEventListener("DOMMouseScroll", fn, false)
页面的滚动条
document.body.scrollTop || document.documentElement.scrollTop
获取非行间样式
window.getComputedStyle(element)
element.currentStyle
绑定事件
ele.addEventListener
ele.attachEvent
...
1.触屏事件
touchstart/touchmove/touchend/touchcanclee.touch
触屏点的数组touchstart/touchmove
事件可使用 e.touchtouchend 事件不能使用e.touches,而使用e.changedTouches
2.点透现象(移动端开发的一些坑)
移动端 touchstart click 移动端有延迟300ms,原因:浏览器要判断用户是否有进一步的操作[双击]
touchstartDOMContentLoaded 结构节点渲染完毕触发load 等待所有的资源[img/js/audio/vedio]加载完成才触发
解决点透现象的方案:
使用fastclickdocument.addEventListener && document.addEventListener("DOMContentLoaded",function(){FastClick.attach(document.body);},false)
3.弹窗里面包含表单弹窗中的虚拟键盘使用fixed 定位,相对浏览器窗口,有输入框的时候,虚拟键盘有可能遮挡表单输入
4.上传文件file.onchange = fn;file.files 上传的图片信息f.type/f.size/f.name缩略图URL.createObjectURL()/FileReaderjson 利用script脚本
