移动端web其实也就是小尺寸触摸屏设备的web,其中包含了两个词——1、小尺寸设备;2、触摸屏。能把这两个问题给解决掉,就已经是一个基本合格的移动web前端开发工程师了。对于前端工程师来说,前路漫漫,发展的太快,要学的东西超多,学什么感觉都是对的,不过不论怎样,还是得一步一步的迈。下面来探讨一下成为移动web前端工程师所必须要get到的一些硬技能。

一、触摸设备与桌面设备的差异化

  移动端主要是手机、小平板、大平板,而这三种其中的一种都会有无数个尺寸,而且浏览器在这几种设备中都是全屏显示,所以移动端的问题主要在于设备之间的匹配和横纵向之间的适应。

  桌面设备,也就是PC端,浏览器可以任意调节大小,各个尺寸并不会有太明显的跨度,可以人为分段控制,桌面浏览器之间存在不同的解析引擎,所以浏览器的兼容性是最大的问题。

  总结:移动web重点在设备尺寸;桌面web重点在各个浏览器的兼容。

二、硬件问题

  移动端硬件比较PC硬件水平要差得多,其计算能力对比PC也是弱爆了,所以做移动web前端,性能考虑要更多一些,考虑差一点,性能就差很多。

三、用户角度

  PC用户目的性很强,比如工作、娱乐、学习等等等等,是一整块时间去利用,所以用户会花一定的时间等待,而移动端不一样,移动端大多是利用碎片时间去使用的,所以用户不会花太多时间去等待空页面加载,要尽可能的快。

四、浏览器内核问题

  现在大多移动端系统内置浏览器都是webkit内核,包括iOS、Android、blackberry,但windows phone 8却是IE10,不过也支持HTML5。支持HTML5,不等于大家解析出来都一样,标准都一样,所以,测试的时候还是会看到很多“异样”,而这些“异样”在PC上开发的我们,即使用模拟器,也找不出问题所在,只能猜测、推断,这是一件很头痛的事。对了,还有一款浏览器opera mobile,opera浏览器在pc上表现极其优秀,因为超强的纠错能力,以前我最爱用的,但是在移动端就表现的有些不合群,我最开始做移动端时就是用它的移动端模拟版本在pc上模拟移动端的,后来才发现,有些地方需要单独做处理才行。还有Firefox,支持HTML5都是没问题的,就是有时候需要特殊处理一下,也算是个小麻烦吧。

五、HTML标准

  移动端几乎完全支持HTML5,所以不用太考虑不支持的问题,但是因为HTML5标准确定的比较晚,而各个浏览器厂商们试实行的比较早,所以会有一些个别前缀什么的,或者自己单独开放的一些功能,随着规范确定,以后会越来越统一吧。

  不过我现在仍会看到很多移动web里面用的是HTML4.0、XHTML1.0的声明,说到这里还得说一句——现在有通过脚本来实现pc转移动的,其实这样也应该会出现这种状况。当然,如果能正常显示、操作的话,这些也都不是什么大问题,不过对于未来升级或许是个障碍吧。

移动web前端的一些硬技能(一)关于移动设备的更多相关文章

  1. 移动web前端的一些硬技能(二)动手前必须掌握的基本常识

    记得刚开始接触移动端web的时候,书和网上的资料都不多,查起来很费劲,现在比以前要好很多了,可是还是会有一些刚接触移动端的朋友会问我一些我最初会遇到的问题,或许是书本写的并不那么重,也或许是这些知识写 ...

  2. web前端的一些实用技能

    如今我们使用的互联网,客户端与服务器端的交互无时无刻不在发生.比如我们在浏览器打开网页,浏览器就是客户端,将网页数据发过来的也就是服务器.其实服务器,并没有什么特别的,也就是一台昼夜不停运转的电脑罢了 ...

  3. web前端开发学习内容

    应该 具备的 知识技能 :懂web标准,熟练手写 xhtml css3 并符合 符合w3c标准                       代码能 兼容主流浏览器.ie6.7.8.9 ff 等.    ...

  4. Web前端学习过程

    推荐学习网站www.freecodecamp.cn http://www.w3school.com.cn/ 步骤: 作者:张帅 知乎链接:https://www.zhihu.com/question/ ...

  5. 谈谈Web前端工程师的定位

    原文地址:http://www.360doc.com/content/10/0708/17/1277406_37692580.shtml 2010-07-08  锋子chans   阅 1116  转 ...

  6. web前端学习之路

    test 随着自己对于web前端知识了解的越多,越来越发现自己真的好菜 一脸茫然阶段 两年前大学接触网页设计,那时对于网页设计一窍不通,只是看了一本自己大学编的一本入门教材,我甚至不知道那些网页设计的 ...

  7. Web前端开发最佳实践(1):前端开发概述

    引言 我从07年开始进入博客园,从最开始阅读别人的文章到自己开始尝试表达一些自己对技术的看法.可以说,博客园是我参与技术讨论的一个主要的平台.在这其间,随着接触技术的广度和深度的增加,也写了一些得到了 ...

  8. 一个Web前端工程师或程序员的发展方向,未来困境及穷途末路

    如果你刚好是一个Web前端工程师,或者你将要从事web前端工作.你应该和我有同样的感慨,web前端技术到了自己的天花板,前端工作我能做多少年?3年或5年?自己的职业规划应该怎么样?收入为什么没有增长? ...

  9. 【初学者必读】能让你月薪过万的5大web前端核心技能

    前言Web前端开发所涉及的内容主要包括W3C标准中的结构.行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?看小编来为你揭开谜底的. 1.开发语言 HTML发展历史有二十多年,历经多次版本更新, ...

随机推荐

  1. POJ1850 组合数学

    POJ1850 问题重述: 用26个小写字母进行编码,编码规则如下: 1)每个编码中前一个字母必须小于后一个字母 2)编码按照长度从小到大排列,相同长度按字典序进行排列 输入一个字母串,求解该编码对应 ...

  2. CSS XHTML规范化命名参考

    CSS命名规则 头:header 内容:content/containe 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:l ...

  3. CSS - 针对不同浏览器的写法

    火狐浏览器: @-moz-document url-prefix() { /*这段区域的样式代码只在firefox起作用*/ .x{ width: 100px; height: 100px; back ...

  4. C语言计算机器运行时间

    //计算机器运行时间 long i = 10000000L;clock_t start, finish;double duration;//测量一个事件持续的时间printf( "Time ...

  5. Visual studio 内存不足的解决方案(out of memory)

    编译Visual Studio项目,如果出现"out of memory "的编译错误,可以进行如下操作,加大应用程序可以使用的内存. 请先备份好系统和设置好系统还原点,大体步骤是 ...

  6. Okhttp3日志采集功能

    原文地址以示尊重:http://www.jianshu.com/p/d836271b1ae4 日志采集是一个APP必备的功能,可以方便开发人员快速定位问题,解决问题,那么我们在使用okhttp的时候应 ...

  7. Javascript quiz

    作为一个勤劳的corder,在大年三十的前一天还留守在公司的最前线.百无聊赖中看到一套关于js的测试题,测试过后发现有些题还是有很大的意义,至少能够让我门对js基础有所重视.本人将每道题的考察点总结了 ...

  8. flex

    http://www.w3.org/html/ig/zh/wiki/Css3-flexbox https://developer.mozilla.org/zh-CN/docs/CSS/CSS_Refe ...

  9. Codeforces 219D Choosing Capital for Treeland

    http://codeforces.com/problemset/problem/219/D 题目大意: 给出一棵树,但是它的边是有向边,选择一个城市,问最少调整多少条边的方向能使一个选中城市可以到达 ...

  10. 自制单片机之十五……可串行驱动LCD12864的应用

    在网上搜了一下,ST7920控制器的LCD产品可以提供8位,4位并行和串行接口可选,并行的控制接口的LCD较多,前面的贴子也介绍过,我们在这儿不说了,这儿我们讲的是串口控制LCD12864. 买了块S ...