移动端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. const int *p,int *const p区别(转)

    1)先从const int i说起.使用const修饰的i我们称之为符号常量.即,i不能在其他地方被重新赋值了.注意:const int i与int const i是等价的,相同的,即const与in ...

  2. swift字典集合-备

    Swift字典表示一种非常复杂的集合,允许按照某个键来访问元素.字典是由两部分集合构成的,一个是键(key)集合,一个是值(value)集合.键集合是不能有重复元素的,而值集合是可以重复的,键和值是成 ...

  3. IDA pro 的Python环境变量设置

    推荐使用IDA PRO6.1+Python2.6 安装完毕Python2.6后,添加如下的环境变量: PYTHONHOME=C:\Python26PATH=%PATH%;C:\Python26LIB= ...

  4. 64位调试器花费的时间比预期的要长(A 64-bit debugging operation is taking longer than expected)

    在stackoverflow上找到解决方案的: http://stackoverflow.com/questions/21329899/vs2013-professional-local-64-bit ...

  5. Jquery使用tbody编辑功能实现table输入计算功能

    实例:编写一个输入计算(被减数-减数=差). HTML: <body> <table> <thead> <tr> <td >被减数</ ...

  6. c语言输出可见字符

    #include <stdio.h> void main() { int i; //可见字符是32-126 ;i<;i++) { putchar(i); } getchar(); }

  7. js笔记01

    js编写页面特效动态脚本类型的语言变量:存储数据(日常生活中的东西,比如电视,手机,电脑,出生年份...)语法: var obj=value; obj不能为数字开头,且区分大小写 value对应数据类 ...

  8. 在 IIS 上创建 FTP 站点

    微软参考文档: 在 IIS 上生成 FTP 站点 主要过程: 1.控制面板 -> 程序 -> 启动或关闭Windows功能 -> 将Internet Information Serv ...

  9. TPCC-UVA测试环境搭建与结果分析

    一.    准备 操作系统 :Linux, 内核版本2.6 需要软件:tpccuva-1.2.3, postgresql-8.1.15, gnuplot-4.2.5. tccuva是实现标准TPC-C ...

  10. Linux文件 I/O 介绍

    Linux文件 I/O 介绍 1. Linux系统调用 Linux系统调用(system call)是指操作系统提供给用户程序的一组"特殊接口",用户程序可以通过这组"特 ...