03 2015 档案
摘要:移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析html代码,更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。
阅读全文
摘要:现在很多网站都是分为两个版本,一个pc端的一个移动端的(响应式除外),针对这两个版本,就需要对访问的设备进行判断,如果是pc,就直接访问pc网站,否则就访问移动端网站。
对于这个问题可以通过判断UA来解决,前端js可以判断,后端判断也行,这里我们主要讨论的是如何通过js来处理。
阅读全文
摘要:“appearance”功能听起来蛮大的,不过可惜的是,目前各个浏览器厂商各自为政,还无法达到统一的标准,至今天也只有两个内核的浏览器可以使用,其一是“webkit”,其二是“ff”的,也就是说在使用“appearances”时,需要加上各浏览器厂前缀。
阅读全文
摘要:Tooltip 也就是内容的提示信息,合理使用可以给用户比较好的体验。
实现方法有很多种,有很多JS 插件,我这里介绍的是纯CSS实现的方法,兼容性也比较靠谱,IE8+均可正常显示。实现方法也非常简单。
阅读全文
摘要:下面就说下移动端UC /QQ 浏览器的部分私有Meta 属性,都来自其开发者文档(UC开发者中心,左下一doc文档,QQ浏览器)。
阅读全文
摘要:HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件
阅读全文
摘要:移动端性能不及桌面浏览器性能的10分之1,特别是在android设备良莠不齐的情况下,性能显得尤为重要。感觉做移动端页面,重回了解放前电脑还是386的年代,呵呵。
国内,16ms优化,60fps指标等相关的文章非常少,大部分还是翻译国外的一些优秀文章,非常感谢这些翻译者对web前端的贡献,让我等英文盲能及时了解前沿技术哈。
阅读全文
摘要:meta基础知识
H5页面窗口自动调整到设备宽度,并禁止用户缩放页面
忽略将页面中的数字识别为电话号码
忽略Android平台中对邮箱地址的识别
当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari
将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式
viewport模板
常见问题
移动端如何定义字体font-family
移动端字体单位font-size选择px还是rem
移动端touch事件
移动端click屏幕产生200-300 ms的延迟响应
触摸事件的响应顺序
什么是Retina 显示屏,带来了什么问题
ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉
部分android系统中元素被点击时产生的边框怎么去掉
winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉
webkit表单元素的默认外观怎么重置
webkit表单输入框placeholder的颜色值能改变么
webkit表单输入框placeholder的文字能换行么
IE10(winphone8)表单元素默认外观如
阅读全文