手机端和PC端开发区别
第一: PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化。
第二: 在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是hover事件。 另外包括移动端弹出的手机键盘的处理,这样的问题在PC端都是遇不到的。
手机端事件:onRefresh&onLoad
第三: 在布局上,移动端开发一般是要做到布局自适应的,我使用的一直是rem布局,感觉很好。vh. vw
第四: 在动画处理上,PC端由于要考虑IE的兼容性,所以通常使用JS做动画的通用性会更好一些,但是CSS3做了很大的牺牲, 而在手机端,如果要做一些动画、特效等,第一选择肯定是CSS3, 既简单、效率又高。
第五: 微信的一些接口组好能去实现一遍,熟悉一下肯定是有好处的,比如通过微信分享文章,title、description、icon等图标的配置,这些还是要会的。
第六: 百度地图的一些API接口,也得去实现一下,这些对于移动端来说,LBS是一个非常重要的特性,所以地图这块肯定是要了解的,在加上百度地图这块已经是一个比较成熟的平台了,所以学起来也比较容易。
第七: CSS3的动画一定要比较熟练,这在移动端用的还是比较多的。
第八: 一般pc端用jquery,移动端用zepto,因为移动端的流量还是比较重要的, 所以引入的资源或者插件,能小则小,一个30k的资源和一个80k的资源,在移动端的差别还是挺大的。
而未压缩的jquery是262kb, 压缩的jquey是83kb,可见两者的差别之大。
第九:最好能掌握一套完整的前端开发架构,比如模块化、打包、压缩、缓存、有条件的还可以做一下自动化测试等等,比较好用的有fis,另外,想要快速提升自己的前端开发技术,钻研前端架构这块是一个非常好的方向。
第十: 性能优化,包括首屏的打开速度、用户响应延迟、渲染性能、动画帧率等在手机上都需要特别注意。
第十一: 比如在手机上的300ms的延迟,这在PC端是没有的,如果我们希望做成webapp,那么自然就不需要这300ms的延迟,所以可以使用hammer-time.js来移除这300ms的延迟。
手机端和PC端开发区别相关推荐
- phpcmsv9实现手机端与PC端双模板的方法与详细教程(转)
现在随着智能手机的兴起,我们网站开发移动端版本也显得越来重要了,但是现在phpcms还没有开发手机版,下面我们就教大家如何让phpcms实现手机版访问,一般正常情况下我们电脑版的域名为http://w ...
- phpcms移动端和pc端_phpcms实现手机端与PC端双模板的方法
现在随着智能手机的兴起,我们网站开发移动端版本也显得越来重要了,但是现在phpcms还没有开发手机版,下面我们就教大家如何让phpcms实现手机版访问,一般正常情况下我们电脑版的域名为http://w ...
- phpcms移动端和pc端_phpcms实现手机端与PC端双模板的方法与详细教程
现在随着智能手机的兴起,我们网站开发移动端版本也显得越来重要了,但是现在phpcms还没有开发手机版,下面我们就教大家如何让phpcms实现手机版访问,一般正常情况下我们电脑版的域名为http://w ...
- php 判断来源 微信客户端_PHP判断手机端、PC端 、微信代码实例
欢迎大家关注我的其他Github博客和CSDN博客,互相交流! 在这里博主为大家分享了PHP判断的两个实例,一是PHP判断是手机端还是PC端,二是PHP判断是否是微信浏览器,供大家参考,具体内容如下 ...
- phpcms实现手机端与PC端双模板的方法与详细教程(同步跳转)
原文出自我的个人博客网站http://www.sunqiaoyin.top/blog/16.html 欢迎各位多去我的网站蹭流量 注:这篇文章是在我做完一个自适应和一个响应式网站后写的.所以我建议,如 ...
- 微信php示例代码,PHP判断手机端、PC端、微信示例代码分享
在这里博主为大家分享了PHP判断的两个实例,一是PHP判断是手机端还是PC端,二是PHP判断是否是微信浏览器,供大家参考,具体内容如下 1.判断是否是手机端function isMobile() { ...
- php判断客户端是微信,PHP判断是手机端还是PC端以及PHP判断是否是微信浏览器
这篇文章主要为大家详细介绍了PHP判断是手机端还是PC端,以及PHP判断是否是微信浏览器,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了PHP判断的两个实例,一是PHP判断是手 ...
- php判断移动端和pc端访问_PHP判断是手机端还是PC端 PHP判断是否是微信浏览器
本文实例为大家分享了PHP判断的两个实例,一是PHP判断是手机端还是PC端,二是PHP判断是否是微信浏览器,供大家参考,具体内容如下 1.判断是否是手机端 function isMobile() { ...
- nginx之自动识别手机端和pc端
Detect Mobile Browsers Detect Mobile Browsers 是外国的一套可以自动适配手机端和pc端的脚本代码.有Apache ASP ASP.NET ColdFusio ...
- html5多屏互动游戏,多屏互动 —— 手机端与PC端 网页互动的现有尝试及设想
不可否认,多屏时代已经到来. 手机/平板/笔记本/PC/TV等,多个显示平台的逐步构建,为信息传播及交互提供了多重平台及体验选择. 素材:多屏自适应网页设计/多屏延生设计 在此篇文章,取手机端与PC端 ...
最新文章
- Windows 搭建ASP.NET Boilerplate项目开发环境
- 配置oracle 11g环境,oracle 11g 的安装环境的配置
- Java Web——文件下载时中文文件名乱码问题解决方案
- 转载[POJ题型分类]
- project开发的程序设计与逻辑设计
- 软考信息安全工程师备考笔记8:第八章应用系统安全工程备考要点
- 12v电源正负极区分_解决冬天车辆无法启动的难题——车用应急启动电源选购要点及评测...
- mybatis中存储过程的调用
- 工作资讯003---甘特图
- Android服务注册完整过程源码分析
- nacos实现配置中心,对比config
- 谷歌登录com.google.andriod.gms.common.api.ApiException:10异常处理
- JS-BOM基本概念
- java从JDK里提取全球数据,包含国家(名称、二字代码、三字代码)、币种(名称和代码)、和语言种类的数据
- C51单片机学习笔记——秒表
- mysql最大tpmc_tpcc-mysql 压力测试 tpmc基准测试
- Java 编写的 坦克大战小游戏
- Java.util包简单总结
- Java和JDK版本的关系
- 台式计算机配置什么音响好,用什么办法才能让台式的电脑不用音响就有声音