首页 > xFace3.x 开发技巧(1)---从web开发转向移动开发

xFace3.x 开发技巧(1)---从web开发转向移动开发

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

介绍一些针对移动设备常用的HTML5开发技巧。

从web开发转向移动开发 视野范围的转变
  • 这点是针对可显示的内容区域而言的,PC的内容区域相对于移动设备的内容区域来说,那已经算相当丰富了。如果说PC可以是多视图区域的,那么移动应用更多的是单视图,使得我们开发的应用视野集中在当前的一点,而不是多点。
  • 总结:多视图视野向单视图视野的转变

用户习惯的转变
  • PC上的操作,更多的是使用鼠标;而移动设备更多的是用户手的直接接触。所以,对于页面元素而言,鼠标操作显得更加灵活;而移动设备上手的操作显得有些模糊,操作区域也就要响应变得更大一些。使用手操作可能还会不小心触碰到相邻的区域,所以在移动开发中需要使用手操作的区域一般来说不是很多,只需要轻轻点击,滑动就可以得到想要的结果。 总结:鼠标触屏向手触屏的转变

网络环境的转变
  • PC更多的使用的是有线,而移动设备更多的是wifi之类。所以,移动的网络环境相较于PC的网络环境显得恶劣得多。如果说PC,我们可以不用顾及用户使用流量的考虑(一定程度上而言),在移动应用上这是我们必须要考虑的一个问题。所以,移动应用提供的内容应该少而精。对于网络环境,还需要考虑其他因素,比如断网、网络环境改变等等。
  • 总结:网络环境大环境向移动小环境的转变

协作方式的转变
  • 由于页面布局、页面组织方式的改变,使得开发移动应用的协作方式也会发生变化。具体参考移动应用的布局方式和移动应用的页面组织方式。
  • 总结:相互协作的焦点更加集中,相互制约性加强,所以更需要懂得相互配合,以减少这种相互的影响。

转载于:https://my.oschina.net/u/1249251/blog/183971

更多相关:

  • navigator.userAgent.toLowerCase().includes("mobile")//true代表就是移动端  ...

  • 一,设置    二,脚本   1,PlayerController using System.Collections; using System.Collections.Generic; using UnityEngine;public class PlayerController : MonoBehaviour {privat...

  • 因为自己也是个linuxer 熟练运用VIM是必须的,恰好学长杰哥对此有研究, 转来给大家分享。对此表达对杰哥的敬意。 有好东西分享给大家才能相互学习是吧。 要做个Linuxer,VIM的操作是必须就跟手指头盲打键盘那么熟练。 首先说下Vim的两种最常用模式,这是对菜鸟说的:),普通模式和输入模式,在普通模式下所有的按键都是命令,在...

  • 第二章  配置开发环境...

  • 文章目录1. 编译前基本环境准备2. 编译 及 导入 Intellij IDEA3. Zookeeper 运行环境配置...

  • 查看环境变量 查看某一环境变量:比如我们需要查看HOME这个环境变量,我们可以在shell下直接输入echo $HOME 我们可以把所有的环境变量和环境变量的值都打印出来 打印环境变量 libc中定义的全局变量environ指向环境变量表,environ没有包含在任何头文件中,所以 在使用时 要用extern声明...

  •  step1: 安装虚拟环境: sudo pip3 install virtualenv # 安装虚拟环境sudo pip3 install virtualenvwrapper # 安装虚拟环境扩展包# 编辑家目录下的 .bashrc 文件,在最下面添加下面三行代码   export WORKON_HOME=$HOME/...

  • 学习到javascript的运行机制时,有几个概念经常出现在各种文章中且容易混淆。Execution Context(执行环境或执行上下文),Context Stack (执行栈),Variable Object(VO: 变量对象),Active Object(AO: 活动对象),LexicalEnvironment(词法环境),V...