实际上，并没有人提过屏幕三要素这个词，仅是我关于移动web开发屏幕相关部分总结归纳的术语。屏幕三要素包括屏幕尺寸、屏幕分辨率和屏幕像素密度。 屏幕尺寸　　我们常常听说5.5英寸大屏幕手机，实际上屏幕尺寸是指屏幕的对角线长度。常见的屏幕尺寸有3.5、4、4.3、4.8、5.0、5.2、5.5、6.0等　　对...

　　像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面端的像素有区别吗，缩放对像素有影响吗，视网膜屏幕和像素有什么关系？关于这些问题，可能就不清楚了。本文将介绍关于像素的相关知识 定义　　像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词pict...

　　本文将详细介绍移动端中的陀螺仪的概念及相关实现 横竖屏　　window下的orientation属性来表示移动端的横竖屏状态，chrome模拟器不支持该属性，只能在真机上测试window.orientation　　按照上右下左的顺序，该属性的结果分别是0、90、180、-90　　[注意]手机头朝下的切换没...

　　iOS版Safari为了向开发人员传达一些特殊信息，新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘，所以在为移动Safari开发交互性网页时，常规的鼠标和键盘事件根本不够用。随着Android中的WebKit的加入，很多这样的专有事件变成了事实标准，导致W3C开始制定TouchEvents规范。本文将详细介...

先看一下之前的版本（10年前的作品了）新版增加了拖动事件(双向及本列)，双击左右自动移动，修正了算法性能更好：也更新了如果姓名长度太长显示变形问题...

角色类（Sprite)Pygame游戏中有许多组件会重复用到，比如射击宇宙飞船的游戏中，外星宇宙飞船可能多达数十艘，通过创建“角色类”，可以生成多个相同的对象。Pygame角色类是游戏设计者最喜爱的功能，它不但能复制多个对象，还能进行动画给制、碰撞侦测等。创建角色类的基本语法为： &n...

   ...

    ...

本文作者： 伯乐在线 - debugtalk 。未经作者许可，禁止转载！欢迎加入伯乐在线 专栏作者。转载地址：http://blog.jobbole.com/101221/最近新加入DJI的某项目组（以下均已M指代），需要从零开始搭建功能自动化测试平台。简单地说，M是一...

meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>...

中国移动服务网号"134","135","136","137", "138","139","147","150","151","152","157","158","159","182","183","184","187","188","178"中国联通服务网号"130","131","132","145","...

最近随着AppleiOS和Android平台的盛行，一个新的名词WebApp也逐渐火了起来，这里我也趁着热潮做一个关于WebApp系列的学习笔记，分享平时的一些研究以及项目中的经验，在现阶段研究对象暂时限定为iOS平台(iPhone/iPad/iPodtouch)，随后会扩展到Android平台。对于WebApp，我的...

标签：h5 移动端设计初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。现象首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤...

移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。以下是四种touch事件touchstart:   //手指放...

modernizr.js  检测浏览器html5支持情况 parallax.js  轻量级视差插件 browserSwipe.js 当页面禁用滚动时,允许使用滑出的方式转换页面. touchswipe.js  就是微信上...