摘要：
一、iScroll.js的用法概要 iScroll 4 这个版本完全重写了iScroll这个框架的原始代码。这个项目的产生完全是因为移动版webkit浏览器（诸如iPhone，iPad，Android 这些系统上广泛使用）提供了一种本地化的方式来对一个限定了高度和宽度的元素的内容进行滑动。很不幸的... 阅读全文
随笔分类 - 移动前端开发
移动端开发经验
2014-05-19 09:44 by 臭小子1983, 246 阅读, 收藏,
摘要：
一、zepto和jQuery的区别 从支持上来说，zepto支持touch事件，而jquery中没有touch事件，只在jquery Mobile中才有touch事件 zepto不支持IE浏览器二、请求jquery.min.js的时候，log显示浏览器还请求了jquery.min.map,该请求... 阅读全文
iOS Webapp的桌面图标及更新
2014-01-23 13:44 by 臭小子1983, 590 阅读, 收藏,
摘要：
iOS允许网站开发者像NativeApp一样在iOS设备的主屏幕为其网站添加一个启动Icon，这个代表着网站的Icon在苹果官方开发者文档里被称为“Web Clip”，它的作用类似于桌面浏览器的书签，用户通过点击Icon能直接快速打开这个url的网站。 为了给某个网页或者整个网站指定一个漂亮的桌面启动图标，iOS Safari提供了两个私有接口： apple-touch-icon 和 apple-touch-icon-precomposed。Apple-touch-icon设置方法通过在页面HTML的头部添加 标签这两个标签都是用来指定桌面图标的，但两者有个细微的区别，通过 apple... 阅读全文
设备像素比devicePixelRatio简单介绍
2013-10-15 15:49 by 臭小子1983, 203 阅读, 收藏,
摘要：
本文地址：http://www.zhangxinxu.com/wordpress/?p=2568本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持，随着显示器的发展，这个属性也慢慢登上了前端技术的舞台。本文内容大部分属于翻译性质内容，因此，会不那么通俗易懂。不过，你是做手机开发的，或是有意向的，本文的内容如果细细读来，还是有些收获的。一、定义定义如下：window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 阅读全文
《手机网页设计设计精粹》读书笔记
2013-10-10 21:19 by 臭小子1983, 319 阅读, 收藏,
摘要：
第一章 手机网页开发的知识结构一、javascript的发展史 javascript是由网景公司创建，最开始叫"livescript"，在Netscape2的时候被称为javascript1.0之后的不断更新，现在已经是5.0的版本 后来javascript被网景公司提交给ECMA（欧洲计算机厂商协会）制定为标准，称之为ECMAScript二、手机网页与桌面网页的不同 iphone4、s：640×960 iphone5、s：640x1136三、手机类型、操作系统 手机类型：苹果、HTC、三星、黑莓、诺基亚等 手机系统：ios、Android、Android、Bla 阅读全文
jQuery Mobile权威指南笔记
2013-06-22 15:46 by 臭小子1983, 478 阅读, 收藏,
摘要：
第一章 初识jQuery Mobile一、与jQTouch、Sencha Touch、SproutCore的比较 1、jQTouch也是一个jquery的插件，官方下载地址：http://www.jqtouch.com 2、Sencha Touch：是一套基于ExtJS开发插件库，它与jQTouch相同，只针对WebKit内核的浏览器开发移动应用于，官网下载：http://www.sencha.com/ 3、SproutCore：官网下载：http://www.sproutcore.com二、页面结构 data-role自定义属性1、单页面结构 ... ... ...2、多页面结构... 阅读全文
手机中的javascript事件
2013-01-28 11:08 by 臭小子1983, 215 阅读, 收藏,
摘要：
1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素）height - // viewport 的高度 （范围从223 到10,000）initial-scale - // 初始的缩放比例 （范围从>0 到10）minimum-scale - // 允许用户缩放到的最 阅读全文
浙公网安备 33010602011771号