移动端分类
- Native原生APP
- 手机浏览器的Webapp
- Hybird混合应用Native+Html
- 微信小程序
移动端与PC的区别
- 移动端的布局会更简单
- 事件触发不同,移动端常见手势事件有:click,touchstart,touchend,touchmove
- 移动端click事件会有300ms延迟(原因:如果你点击一个a标签,在300ms以内再点击一次会让屏幕放大缩小)
解决300ms延迟
- 使用touchstart
- 使用fastclick插件
常见库
- hammerjs
- Jquery
- zepto
- iscroll
- fastclick
动态rem
移动端开发调试
-
npm install browser-sync --D
运行后会发送一个局域网网址,在可以用手机访问该网址看效果(前提是连连同一个wifi) - 调试方面可以进入
localhost:3001
,启动Remote Debug
。