移动端前端开发与PC端比有哪些不同

移动端前端开发与PC端比有哪些不同

我来简单说说我认识到的移动端前端开发的一些特性吧。相对于PC端，移动端大概有以下几点优势：第一，浏览器内核相对单一，内核大部分都是webkit或者跟webkit有很大关系的blink，而且都是很“现代”的浏览器，对css3的支持的很不错，所以移动端开发可以相对随性的使用css3（当然不同的浏览器厂商支持程度还是不一样的）；第二，对于国内开发者来说，再也不用考虑低版本ie的兼容问题，这是一个多么大的解脱。
　　移动端相对于PC端需要考虑的问题，第一，移动端设备屏幕尺寸繁杂。虽然移动端的浏览器内核相对单一，但是屏幕尺寸从3.5-6寸不等，如何让用户在不同的设备尺寸下得到最好的使用体验，这是做移动开发首先要考虑的问题。第二，移动端的retina屏幕适配。移动设备有着更加高的像素密度，所以不能使用PC的那一套图片（非retina的手机还是可以用的），而要针对retina提供更加高像素的图片，这样在手机上看才不会模糊和出现锯齿。所以就得根据用户的屏幕来尺寸和像素密度来加载不同的图片。
　　目前暂时只想到这些。

那么首先你要了解移动端web开发和pc端web开发的特点区别在哪儿？就影响前端的两个最大的特点就是——1）网络特点：pc端带宽高，网络连接相对稳定；而移动端带宽低，网络不稳定，间歇性连通。2）分辨率：pc端分辨率相对固定（1440*900）；而移动端不同手机品牌甚至同一品牌手机不同型号，分辨率差别都很大。 所以我们就先从这两个方面说。在分辨率上，首先你要了解现在web前端开发，响应式页面布局设计给我们带来的方便。其次针对pc端，我们可以使用像素（px）来做为元素宽高的单位，但是对于移动端，我们通常会使用百分比（%）来做。对了记着在头部加上这句话： 在加载上，移动端尤其要注意，隐形加载，按需加载等加载方式，还有尽量处理和解决重定向问题，异步加载第三方等等...（这都属于移动web前端开发的优化问题） 其实你这个问题问的很大，很多东西要去掌握，一时半会儿也说不清，说不完。。加油