移动端前端开发资料

转自:http://yujiangshui.com/multidevice-frontend-debug/ 通过移动端使用 Web 服务的比率越来越大,例如淘宝今年双十一,移动端交易份额就达到 42.6%.由此可见,掌握移动端的前端开发和测试是非常有必要的. 由于之前做过大量有响应式需求的项目:今年(2014)年初也配合 Denis 的 微信机器人 做了一些用于微信的移动端项目:在淘宝 UED 实习的时候,也有参与过一个针对移动端的游戏的部分开发.所以算是积累了一点移动端调试的经验,在这里分享一

移动端前端开发真机调试攻略 一.IOS 移动端 (Safari开发者工具) 手机端:设置 → Safari → 高级 → Web 检查器 → 开. mac端:Safari → 偏好设置 → 高级 → 在菜单栏中显示“开发”菜单. 在 OS X 中启动 Safari 之后,以 USB 电缆正常接入 iOS 设备,并在此移动设备上启动 Safari.此时点击计算机上的 Safari 菜单中的“开发”,可以看到有 iOS 设备的名称显示,其子菜单项即为移动设备上 Safari 的所有标签页,点击任意一

以下内容转载自:http://yujiangshui.com/multidevice-frontend-debug/ 本文更新说明:第一版是在 2014-06-16 编写的,现在来看,内容不够分明,思路不够清晰,方法不够完全.故再次更新.补充.修改,力求可以作为移动端前端开发测试的基本参考文档.后续还会随着技术的进步不断调整和修改. ———————————————————— 通过移动端使用 Web 服务的比率越来越大,例如淘宝今年双十一,移动端交易份额就达到 42.6%.由此可见,掌握移动端的前

w3cmark最近会新增一个栏目,专注于搜集前端资源的下载,包括和前端相关的电子书.文档PPT.手册.视频教程等等.而下载的媒介是用微博的微盘,至于为什么选择微盘的,那是因为和微博关联起来,通过微盘上传后,第一时间分享给粉丝查看和下载,所以希望喜欢的朋友关注我们的微博 @w3cmark . 资料名称 <最受网友力荐的30份HTML前端开发资料>. 资料简介 今天推荐的资料是一份PDF,是51cto弄的一份关于前端开发资料的整理.里面总共推荐了30分相关资料,包括有<HTML5高级程序设计

1 移动端开发的背景 1.全球移动端设备将会超过人口总数: 2.移动端上网时间超过pc端上网时间: 3.平板电脑.电子阅读器.智能电视和手机等设备每天下载数以百万计的应用 .     总结: 面对这样的挑战,让头脑与目光保持一定的前瞻性是很重要的. 要想使自己的产品在占有率及收入等方面取得持续性的成功,产品设计与开发的策略必须符合移动应用的未来发展趋势. 2 移动端开发和pc端开发的异同 2.1 性能差异 这是最显著的一个差异.对移动开发影响最大的,就是性能问题,特别是功耗和流畅性问题. 2.2

首先就是操作兼容性和个移动版浏览器的兼容性:传统设备上用户利用鼠标(包括触摸版)和键盘来操作网页,放大图片.拖拽元素.进行页面滚动等等.一些常见的鼠标和键盘事件诸如mouseover.mouseout.mousemove.click.foucs.blur等为我们提供了很好的页面交互操作,具体可以参考W3school. 然而,开发支持触摸屏的网页与传统意义上的网页有很大的不同.就拿鼠标hover事件来说,例如页面上有一个表格,当鼠标指向表格的 title时你希望在附近的某个地方显示一个浮动的too

1.pc端有ie,chrome,ff 内核兼容问题移动端,简单来说兼容问题相对较少.但是移动端要做好多分辨率的处理.移动端所有图片和所有html标签的尺寸都要减半. 2.移动端在布局跟js效果方面,与PC端有什么不同:先说布局方面:PC端最常用的就是固定宽度980px(也有960,1000,1200),然后水平居中 width:980px;margin:0 auto;但移动端就不能这么用了,因为很多网页都是可以横屏看,也可以竖屏看:很多屏幕的分辨率不一样:所以只要牵涉到移动端,就要牵涉到响应式(

摘抄自:http://www.cnblogs.com/tugenhua0707/p/5180841.html 一. 使用rem作为单位 html { font-size: 100px; } @media(min-width: 320px) { html { font-size: 100px; } } @media(min-width: 360px) { html { font-size: 112.5px; } } @media(min-width: 400px) { html { font-si

************************************************************************************************************* 1.界面展示 源码,相关视频链接 2.1感谢麦子学院视频教程:链接: http://pan.baidu.com/s/1i4DEYCt 密码: xth4 2.2我的源码链接:链接: http://pan.baidu.com/s/1nvr2xRj 密码: 36f4(所有资源) ***