移动端H5开发笔记

render 0.5px boder

移动端H5在retina屏幕上渲染，1px占用2dp大小，因此渲染设计图中1dp的border需要移动端浏览器支持0.5px。目前仅iOS 8+ Safari支持。

hack的话需要使用1px单位渲染成2dp再进行缩小，常用的方法：全局设置viewport initial-scale=0.5；局部设置transform: scale(0.5)等。

参考：百度EFE《1px on retina》

addEventListener

js事件有三个阶段：捕获->目标->冒泡。

捕获阶段，事件由外层父元素向内层子元素一步步触发，直到到达事件的目标元素。冒泡阶段，事件从目标元素向外层父元素一步步触发。

element.addEventListener(event, function, useCapture) event指定事件名，function指定事件触发函数，useCapture布尔值，true捕获阶段执行、false（默认）在冒泡阶段执行