移动端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. 利用css3-animation来制作逐帧动画

    前言 趁着还没有元旦之前先码一篇文章,不然到时候估计又被各种虐了,所以趁现在还有力气先来一篇.今天来聊聊css3中的动画属性animation,对这个属性懵懂是在很早的时候有前辈用这个 animati ...

  2. Hex文件

    那么什么是Hex文件呢?Intel Hex文件是由一行行符合Intel Hex文件格式的文本所构成的ASCII文本文件.在Intel Hex文件中,每一行包含一个Hex记录.这些记录由对应机器语言码和 ...

  3. 编写Swift代码的其他工具

    Swift程序不能在Windows其他平台编译和运行,有人提供了一个网站swiftstub.com,左栏是代码编辑窗口,右栏是运行结果窗口.可以在任何平台下编译和运行Swift程序.

  4. cf Sereja and Array

    http://codeforces.com/contest/315/problem/B #include <cstdio> #include <cstring> #includ ...

  5. 开始慢慢学习这本书了。。Python编程实战:运用设计模式、并发和程序库创建高质量程序

    没办法,不到设计模式,算法组合这些,在写大一点程序的时候,总是力不从心...:( 一开始可能要花很多时间来慢慢理解吧,,这毕竟和<大话设计模式>用的C#语言有点不太一样... 书上代码是3 ...

  6. Powershell创建数组

    在Powershell中创建数组可以使用逗号. PS C:Powershell> $nums=2,0,1,2 PS C:Powershell> $nums 2 0 1 2 对于连续的数字数 ...

  7. hdu1521:排列组合---指数型母函数

    题意: n种元素,每种有 ni个,选出 m 个的排列有多少种 题解: 指数型母函数的裸题 x^n 项的系数为  an/n!.... 代码如下: #include <iostream> #i ...

  8. HTML特殊符号显示技巧

    转:http://www.cnblogs.com/JessonChan/archive/2011/08/06/2129170.html HTML符号 显示一览表.编辑博客的时候经常会用到.特别是空格( ...

  9. Kali for Android

    使用设备:小米平板1 材料:Complete Linux Installer(好像是这个名字,很多应用商店都能下载,所以我就不用送上链接了) 进入app之后,按照着提示做就是了.关于镜像,也是在app ...

  10. 斐波那契数列 Php练手

    数列从第三项开始,每一项都等于前两项之和. F0=0,F1=1,Fn=F(n-1)+F(n-2) 递归版和非递归版. <?php function fib($n){ $array = array ...