前言这几天,第三轮全站优化结束,测试项目在2G首屏载入速度取得了一些优化成绩,对比下来有10s左右的差距:这次优化工作结束后,已经是第三次大规模折腾公司框架了,这里将一些自己知道的移动端的建议提出来分享下,希望对各位有用文中有误请您提出,以免误人自误技术选型单页or多页spa(single page...
分类:
移动开发 时间:
2015-06-13 20:10:06
阅读次数:
309
1、页面高度渲染错误 坑:页面底部部分与浏览器导航条重合了 填坑:重置高度document.documentElement.style.height = window.innerHeight + 'px';2、transform碰上模糊 坑:在android中,如果元素或其父元素应用trans...
分类:
移动开发 时间:
2015-06-08 19:19:00
阅读次数:
154
浅谈移动前端的最佳实践前言这几天,第三轮全站优化结束,测试项目在2G首屏载入速度取得了一些优化成绩,对比下来有10s左右的差距:这次优化工作结束后,已经是第三次大规模折腾公司框架了,这里将一些自己知道的移动端的建议提出来分享下,希望对各位有用文中有误请您提出,以免误人自误技术选型单页or多页spa(...
分类:
移动开发 时间:
2015-06-04 15:29:47
阅读次数:
716
http://mobile.51cto.com/design-447378_all.htm 移动前端分享:对于移动设备页面尺寸的理解http://blog.sina.com.cn/s/blog_48b47ae40101bqs7.html 移动端屏幕尺寸整理http://s.yanghao.or...
分类:
移动开发 时间:
2015-06-02 16:50:15
阅读次数:
114
移动web性能优化最近看了一些文章,对移动web性能优化方法,做一个简单笔记笔记内容主要出自 移动H5前端性能优化指南和移动前端系列——移动页面性能优化
分类:
移动开发 时间:
2015-05-27 22:37:16
阅读次数:
174
第一:第二:参考:移动前端开发之viewport的深入理解.http://www.cnblogs.com/2050/p/3877280.htmlviewport工具.http://viewportsizes.com/移动web开发,文字是否有必要根据分辨率调整文字大小?http://www.itno...
分类:
移动开发 时间:
2015-05-24 12:42:56
阅读次数:
157
移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta标签显得非常重要。
DOCTYPE
DOCTYPE(Document Type),该声明位于文档中最前面的位置,处于 html 标签之前,此标签告知浏览器文档使用哪种
HTML 或者 XHTML 规范。
使用 HTML5 doctype,不区分大小写。
...
分类:
移动开发 时间:
2015-05-20 18:26:10
阅读次数:
144
原文:http://gaoboy.com/article/26.html在朋友圈看到一款疯转的H5小游戏,想要copy,什么?只能在微信里打开?小样,图样图森破,限制了oauth、微信浏览器内打开,照样能看你源码~使用fiddler来抓包需要先做一些简单的准备工作:一台带有无线网卡的PC或者笔记本电...
分类:
微信 时间:
2015-05-12 15:25:12
阅读次数:
365
本文与《【Ratchet】模态框》(点击打开链接)为姊妹篇,相比之下,AmazeUI的模态框,更加接近于一个alert(),不适合承载过多的内容,但是其优点就是可以通过JS操控,Ratchet仅能通过超级链接a标签打开。
AmazeUI的模态框效果如下:
完全就如同某些手机浏览器对alert()的处理。其现实代码如下:
...
分类:
其他好文 时间:
2015-05-06 17:48:29
阅读次数:
167
1。 点击图片,链接,甚至是空白的框框,会产生一个淡蓝色的透明背景,pc上没事。这个怎么处理? 在css中增加一行样式 body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 功能是去掉高亮色,r,g,b,透明度. 只在webkit核心的浏览器.....
分类:
移动开发 时间:
2015-05-06 17:24:52
阅读次数:
122