移动端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. Android性能优化学习

    工作以来,越来越觉得性能优化的重要性,从技术角度,它甚至成了决定一个app成败的最关键因素.因此,特地花时间去学习专研性能优化的方法. 学习性能优化最便捷的方式便是研读别人有关性能优化的博客,然而网上 ...

  2. C语言的画图(圆形动画)

    #include <stdio.h> #include <malloc.h>#include<graphics.h> #define LEN sizeof(stru ...

  3. Hibernate学习笔记--映射配置文件详解

    参考资料: http://blog.163.com/hzd_love/blog/static/13199988120108265317988/ http://www.cnblogs.com/often ...

  4. mysql 查询表

    判断表是否存在 SELECT table_name FROM information_schema.TABLES WHERE table_name ='yourname'; 判断存储过程是否存在 se ...

  5. 在jsp页面中使用自定义标签

    在某些场景中,自定义标签可封装大量代码,使页面变得更简洁,标签也可以很方便地在不同页面中实现通用而不必去粘贴大量的js代码.现在把最近做的一个自定义标签在这里总结一下.首先总结一下关于自定义标签的一些 ...

  6. Ubuntu 下安装使用文件比较合并图形工具Meld

    Meld是一款跨平台的文件比较合并工具使用Python开发,具体内容参照官网:http://meldmerge.org/ 注意以下环境要求: Requirements Python 2.7 (Pyth ...

  7. 读书笔记:java并发

    java中主要的同步机制是关键字synchronized,它提供一种独占锁,但是 同步这个术语还包括validate类型的变量,显示锁(Explicit Lock)以及原子变量. -------显示锁 ...

  8. POJ1845 数论 二分快速取余

    大致题意: 求A^B的所有约数(即因子)之和,并对其取模 9901再输出. 解题思路: 应用定理主要有三个: (1)   整数的唯一分解定理: 任意正整数都有且只有一种方式写出其素因子的乘积表达式. ...

  9. Oracle11gRAC安装

    安装Oracle RAC 一.硬件环境 ①用虚拟机搭建两台机器,操作系统都为: [root@node1 ~]# cat /etc/issue Red Hat Enterprise Linux Serv ...

  10. 浅谈c语言代码段 数据段 bss段

    代码段.数据段.bss段 (1)编译器在编译程序的时候,将程序中的所有的元素分成了一些组成部分,各部分构成一个段,所以说段是可执行程序的组成部分. (2)代码段:代码段就是程序中的可执行部分,直观理解 ...