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

Question

如题所述

Answer 1

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

Answer 2

先说布局方面：
PC端咱们最常用的就是固定宽度980px（也有960，1000,1200），然后水平居中
width:980px;margin:0 auto;

但移动端就不能这么用了，因为很多网页都是可以横屏看，也可以竖屏看；很多屏幕的分辨率不一样；
所以只要牵涉到移动端，就要牵涉到响应式（也叫自适应）；如果是只针对移动端的项目，我平时主要考虑的是320px宽 到 750px宽的兼容；

然后是js方面，这个题主你应该问的更详细一些，因为有没有canvas对js影响很大；
第一、普通移动端网页（比如手机新浪网，手机淘宝，手机百度等）
这个在js方面和PC端区别不是太大；
主要的区别在于移动端没有了鼠标悬停（onmouseover）；点击（onclick）还可以用；
多了触摸、滑动（这里我没自己写过原生的，只会用一些插件）
我常用的移动端插件：