原文链接:A tale of two viewports — part two 在这个迷你系列中,我将解释viewports和各种重要元素的宽度是如何工作的,比如说<html>元素,窗口以及屏幕。 我们将在本页讨论移动浏览器。如果你是刚刚接触移动端,我建议你首先阅读关于桌面浏览器的第一部分。这会让你 ...
分类:
其他好文 时间:
2016-07-30 22:24:42
阅读次数:
234
用jQuery mobile开发移动应用和web应用的时候,页面切换会闪烁。 感觉,造成这样的原因大概是jQuery mobile在移动浏览器下的性能不佳造成的。jQuery mobile页面切换可以有很多效果,用data-transition来定义。超链接和脚本跳转都能定义。 将data-tran ...
分类:
Web程序 时间:
2016-07-19 15:26:04
阅读次数:
143
1.APPIUM介绍 Appium 是一个自动化测试开源工具,支持 iOS 平台和 Android 平台上的原生应用,web 应用和混合应用。所谓的“移动原生应用”是指那些用 iOS SDK 或者 Android SDK 写的应用。所谓的“移动web 应用”是指使用移动浏览器访问的应用(Appium ...
分类:
移动开发 时间:
2016-06-30 12:38:06
阅读次数:
163
原文地址:http://www.uedsc.com/fastclick.html 用途:去掉移动端click事件的300ms的延迟。 延迟为什么存在 …在移动浏览器中,当你点击按钮的单击事件时,将会等待大约300ms的时间。这是因为,浏览器是等着看,如果你是真正执行双击 延迟为什么存在 …在移动浏览 ...
分类:
Web程序 时间:
2016-06-15 19:16:59
阅读次数:
798
fixed:表示固定定位,与absolute定位类型类似,但它的相对移动的坐标是视图(屏幕内的网页窗口)本身。 由于视图本身是固定的,它不会随浏览器窗口的滚动条滚动而变化,除非你在屏幕中移动浏览器窗口的屏幕位置,或改变浏览器窗口的显示大小, 因此固定定位的元素会始终位于浏览器窗口内视图的某个位置,不 ...
分类:
其他好文 时间:
2016-06-03 21:25:30
阅读次数:
210
meta:content->tab ### 视口 ```html``` - 视口的作用:在移动浏览器中,当页面宽度超出设备,浏览器内部虚拟的一个页面容器,将页面容器缩放到设备这么大,然后展示- 目前大多数手机浏览器的视口(承载页面的容器)宽度都是980;- 视口的宽度可以通过meta标签设置- 此属... ...
分类:
其他好文 时间:
2016-05-27 02:03:10
阅读次数:
154
移动客户端的开发类型(站在前端立场上来说),主要是三种:Native App(原生APP),也就是完全使用移动设备系统语言写的客户端,iPhone iPad就是纯Object-C,安卓就是纯JAVA, 是性能最棒的开发方式,但灵活性不好。Web App, 就是在移动浏览器里打开的,纯HTML+CSS ...
分类:
移动开发 时间:
2016-04-10 01:07:14
阅读次数:
333
get_browser — 获取浏览器具有的功能。该函数通过查找 browscap.ini 文件中的浏览器信息,尝试检测用户的浏览器所具有的功能。 由于许可证的额问题,PHP 未提供浏览器功能文件,可以从 Browscap 得到浏览器功能文件,可以在 http://browscap.org/ 下载 ...
分类:
移动开发 时间:
2016-04-02 10:39:32
阅读次数:
162
原文:http://www.quirksmode.org/mobile/viewports.html 在这个迷你系列的文章里边我将会解释viewport,以及许多重要元素的宽度是如何工作的,比如<html>元素,也包括窗口和屏幕。 这篇文章是关于桌面浏览器的,其唯一的目的就是为移动浏览器中相似的讨论 ...
分类:
其他好文 时间:
2016-03-24 19:55:23
阅读次数:
251
最近在移动端设计头像上传功能时,原本是以<input type="file">直接通过formData上传,然而实际使用情况是:对于过大的图片(高像素手机所拍摄的照片等)上传时间过长会导致上传失败,而每次都上传原始大小的图片(后台处理压缩)十分影响用户体验,所以研究了一下通过canvas压缩图片并上
分类:
移动开发 时间:
2016-02-23 13:17:38
阅读次数:
193