pc端和移动端有什么区别

区别:1、PC开发考虑的是浏览器的兼容性,而移动端开发考虑的是手机分辨率的适配,和不同操作系统的略微差异化。2、移动端多是触屏事件,缺少hover事件;而pc端相反。3、移动端开发一般要做到布局自适应,而pc端有多种布局方式。

本教程操作环境:windows10系统、Lenovo 小新Air14电脑。

移动端和PC端有什么区别

PC开发考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化。

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

在布局上,移动端开发一般是要做到布局自适应的,需要熟练使用rem布局

在动画处理上,PC端由于要考虑IE的兼容性,所以通常使用JS做动画的通用性会更好一些,但是CSS3做了很大的牺牲,而在手机端,如果要做一些动画、特效等,第一选择肯定是CSS3, 既简单、效率又高。

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

百度地图的一些API接口对于移动端来说,LBS是一个非常重要的特性,所以地图这块肯定是要了解的,在加上百度地图这块已经是一个比较成熟的平台了,所以学起来也比较容易。

CSS3的动画在移动端用的还是比较多的,但同时也要注意性能。

一般PC端用jquery,移动端用zepto,因为移动端的流量还是比较重要的,所以引入的资源或者插件,能小则小,一个30k的资源和一个80k的资源,在移动端的差别还是挺大的。未压缩的jquery是262kb,压缩的jquey是83kb。未压缩的zepto是54kb,压缩的zepto只有9kb。

最好能掌握一套完整的前端开发架构,比如模块化、打包、压缩、缓存有条件的还可以做一下自动化测试等等。

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

以上就是pc端和移动端有什么区别的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » 其他答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏