移动端
关注
分享
扫一扫
文章平均质量分 68
叶ch楼喽
这个作者很懒，什么都没留下…
展开
-
浅谈移动前端的最佳实践
原文链接转载 2015-06-25 21:55:40 · 395 阅读 · 0 评论 -
MobileWeb 适配总结
原文链接开门见山，本篇将总结一下 MobileWeb 的适配方法，即我们常说的H5页面、手机页面、WAP页、webview页面等等。本篇讨论的页面指专门针对手机设备设计的页面，并非兼容全设备的响应式布局。 文中提到的 device-width指 viewport meta 标签中 width 的值，即由浏览器指定的值，常用机型对应值可参照 Screen Sizes。转载 2015-06-25 21:32:54 · 546 阅读 · 0 评论 -
移动前端不得不了解的html5 head 头标签
原文链接DOCTYPEDOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。使用 HTML5 doctype，不区分大小写。 charset声明文档使用的字符编码， charset="utf-8">html5 之转载 2015-06-25 21:38:44 · 692 阅读 · 0 评论 -
常用meta整理
原文链接 元素概要标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School必要属性属性值描述contentsome text定义与http-eq转载 2015-06-25 21:42:47 · 439 阅读 · 0 评论 -
移动端真机调试终极利器-BrowserSync
原文链接之前有分享过一篇《如何在移动设备上调试网页》，感谢 xyyjk 留言推荐BrowserSync这个工具，自己也花了点时间研究了一下，还是很好上手的。比起之前介绍的方法更加方便（之前的方法已经过时）。BrowserSync可以实时同步更新CSS、JS文件，此外最关键的是全平台支持，即你可以在手机QQ浏览器、微信浏览器里面调试。今天就介绍一下这个工具的用法（以下针对Ma转载 2015-06-25 21:35:58 · 8337 阅读 · 0 评论 -
js控制iphone端的input/textarea元素失去焦点时隐藏键盘
原文链接问题的原由同事在制作触屏页面的时候收到产品这样一个需求：“我们的页面为什么点击完textarea框，在点空白处时，iphone的键盘不能隐藏？”我们就这个问题进行了测试，确实没有隐藏。看了看其它网站的页面，也是有的能隐藏有的不能隐藏。IPHONE系统在点击document时textarea为什么没有失去焦点？同样的问题我又在And转载 2015-06-22 09:56:28 · 11740 阅读 · 2 评论 -
虚拟键盘与fixed带给移动端的痛！
原文链接【小贴士】虚拟键盘与fixed带给移动端的痛！前言今天来公司的主要目的就是研究虚拟键盘与fixed的问题，期间因为同事问起闭包与事件委托（阻止冒泡）相关问题，便穿插了一篇别的：【小贴士】工作中的”闭包“与事件委托的”阻止冒泡“，有兴趣的朋友可以去看看，因为首页只能放一篇，这个就略去了现在回到主要研究点，首先在移动端我们点击文本框后会出现一个虚拟键盘，转载 2015-06-22 10:47:39 · 735 阅读 · 0 评论 -
移动端点击穿透和click事件300ms延迟问题
详细解析-移动H5点击穿透现象300 毫秒点击延迟的来龙去脉场景描述（类似）：一个页面里存在A元素和B元素；B元素浮在A元素之上，A元素里具有a标签或者绑定了点击事件或表单元素；点击B元素后，隐藏或者删除B元素；再B元素隐藏或者删除的同时触发A元素里的a标签或者点击事件；点击穿透的现象发生；问题产生的原因分析：当我们在触屏上点击某个位置时候的时候，浏览器依次转载 2015-06-29 12:32:09 · 6059 阅读 · 0 评论 -
移动端Web上传图片实践
原文链接其他链接：http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201409/278736.shtml从iOS 6+、Android 3+开始 (来源http://mobilehtml5.org/)，移动端可以通过网页中的<input type="file">来拍照上传或是上传相册中的照片转载 2015-07-18 11:41:30 · 5426 阅读 · 0 评论