关于移动端前端开发和PC端前端开发的一点总结
首先就是操作兼容性和个移动版浏览器的兼容性 ：传统设备上用户利用鼠标（包括触摸版）和键盘来操作网页，放大图片、拖拽元素、进行页面滚动等等。一些常见的鼠标和键盘事件诸如mouseover、mouseout、mousemove、click、foucs、blur等为我们提供了很好的页面交互操作，具体可以参考 W3school 。 然而，开发支持触摸屏的网页与传统意义上的网页有很大的不同。就拿鼠标hover事件来说，例如页面上有一个表格，当鼠标指向表格的 title时你希望在附近的某个地方显示一个浮动的tooltip。当然，你希望这个tooltip能更加引起浏览者的注意，因此你自定义了一个DIV元 素并且通过JavaScript让它动态显示或隐藏。这个程序很简单，并且在普通设备的多个不同版本的浏览器上都运行良好。但是如果你在支持触摸屏的设备 上浏览网页的时候问题却来了，设备不支持鼠标，因此用户无法用鼠标来hover表格的title元素。用户唯一能和网页进行交互的设备就是用手指去触摸或 滑动屏幕，然而在一个非touch friendly的网页上用手指去触发传统的mouse hover事件会显得非常怪异，你会发现tooltip会在你手指接触到屏幕的一瞬间显示，而后马上会消失。这是因为浏览器默认触发了mouseover 和mouseout两个事件