移动端和PC端有什么区别

1.PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,由于目前无论是android手机仍是ios手机,通常浏览器使用的都是webkit内核,因此说作移动端开发,更多考虑的应该是手机分辨率的适配,和不一样操做系统的略微差别化。前端

2.在部分事件的处理上,移动端多出来的事件是触屏事件,而缺乏的是hover事件。 另外包括移动端弹出的手机键盘的处理,这样的问题在PC端都是遇不到的。jquery

3.在布局上,移动端开发通常是要作到布局自适应的,须要熟练使用rem布局android

4.在动画处理上,PC端因为要考虑IE的兼容性,因此一般使用JS作动画的通用性会更好一些,可是CSS3作了很大的牺牲,而在手机端,若是要作一些动画、特效等,第一选择确定是CSS3, 既简单、效率又高。ios

5.微信的一些接口组好能去实现一遍,熟悉一下确定是有好处的,好比经过微信分享文章,title、description、icon等图标的配置,这些仍是要会的。web

6.百度地图的一些API接口对于移动端来讲,LBS是一个很是重要的特性,因此地图这块确定是要了解的,在加上百度地图这块已是一个比较成熟的平台了,因此学起来也比较容易。浏览器

7.CSS3的动画在移动端用的仍是比较多的,但同时也要注意性能。缓存

8.通常PC端用jquery,移动端用zepto,由于移动端的流量仍是比较重要的,因此引入的资源或者插件,能小则小,一个30k的资源和一个80k的资源,在移动端的差异仍是挺大的。未压缩的jquery是262kb,压缩的jquey是83kb。未压缩的zepto是54kb,压缩的zepto只有9kb。性能优化

9.最好能掌握一套完整的前端开发架构,好比模块化、打包、压缩、缓存有条件的还能够作一下自动化测试等等。微信

10.性能优化,包括首屏的打开速度、用户响应延迟、渲染性能、动画帧率等在手机上都须要特别注意。架构

相关文章
相关标签/搜索