移动前端开发和 Web 前端开发的区别是什么

mobile端的网页开发比pc端的网页开发，更简单一些。

css这个方面的东西，我不好多说，毕竟我承认我css一般，但是有几个原则可以提炼出来的就是：
1，很多坑的造成是对原生属性的掌握程度不熟练或者不知道有这个特性。
2，很多属性极限突破可以使用缩放，倾斜这种手段来hack，比如最小字体，比如各种自己画的伪类图标。
3，能css画的不要用图。
4，大小需要自适应的图标做成字体的不要画。
5，能flex布局的不要用浮动，不要用绝对定位（不利于页面布局的扩展）

模块化移动端的常见组件：
1，touch对应的swipe事件。
2，各种滑动翻页效果。
3，简单的小游戏框架。
4，视频和音频的包装。
5，各种lazyload。
6，各种keyframes效果收集。
7，拉拽刷新。

移动端的性能优化和统计。

做法和pc差不多，监控一些前端关注的时间点，首屏，doc ready，window ready，css ready，实现统计方法和pc也都一样，应该各个公司都有

首屏的图加载完，即首屏完成，首屏无图，最接近首屏的dom节点ready的时间点为首屏时间，我们可以在load的时候和document ready的过程之间检测这几个临界，来收集首屏的完成时间，当然很不准啦，但是也是有一些参考价值的。。

移动端的统计极值问题，举个例子，我们手机打开一个网页，还没有load完成，切到了后台，这个时候脚本是不会执行的了，过了几小时，几天再回来的数据，我们都能收集到，这部分属于垃圾数据，是需要算平均值的时候去除的。这点和pc不太一样。

性能优化建立在均值性能指标上的，我们尽快的提升首屏和win load的时间即可，原则和做法和pc一致，当然，移动端不是资源越合成一个越好，我们的实践是分散成不同的几个资源下载，总时间比较快，比如活动页面，h5小游戏页都是这样。可以统一把资源图拆开加载，然后增加loading即可。

移动端网页布局方法与pc的差异。

em和rem的概念我简要说一下，em是父元素fontsize的倍数表示，rem则是root即为html的fontsize的倍数表示。比如我网页链接 = 12px;那么1rem则为12px，0.5rem为6px；

移动端的字体默认为16px，那么1rem我想表示为10px的话，我们就需要 10 % 16 = 0.625 即为62.5%，这样就可以比较方便的把设计稿里的px转换成rem单位来做到自适应了。这样无论用户如何设置电脑或者手机的默认字体大小，设置为rem的单位的长度都会随比例变化。

常见js组件与pc端组件差异。
这部分还在想怎么说比较通俗易懂，哪些组件是非常典型得，需要我回去慢慢想想，找几个实际的对比例子。

适配【机型，浏览器】的方法和选择。
1，统计说话。
2，调试方法。