原文地址:http://www.ghugo.com/mobile-h5-fluid-layout-for-iphone6/iphone6 及 iphone 6 plus 已经出来一段时间了。很多移动端网站,以前写死body 为320px的,现在估计也忙着做适配了。大屏幕手机其实一直有,只是以前大家没...
分类:
移动开发 时间:
2015-08-25 13:21:09
阅读次数:
231
做一个H5页面,选中图片后上传,遇到手机QQ浏览器时?? 不能及时识别change事件,真是日了狗了,下面是针对这一现象的解决办法,不用change事件: <!DOCTYPE>
<html>
????<head>
????????<title></...
分类:
微信 时间:
2015-08-15 13:38:19
阅读次数:
310
H5性能优化的两个原则
1、最少化请求个数
2、最小单个文件大小
最少请求个数
为什么要减少请求次数:
手机浏览器同时响应请求为4个请求(Android支持4个,iOS 5后可支持6个)
如何减少请求次数:
1、合并图片(将若干个小图合并成一个大图、雪碧图)
2、合并JS/CSS文件(Nginx_concat_module)
天猫与淘宝的线上实践:
...
分类:
其他好文 时间:
2015-08-15 12:00:06
阅读次数:
159
移动端高清、多屏适配方案 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。 对于移动端开发而言,为了做到页面高清的效果...
分类:
移动开发 时间:
2015-08-12 17:10:51
阅读次数:
167
作为一名前端,在拿到设计稿时你有两种选择:1.快速输出静态页面2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面...
分类:
移动开发 时间:
2015-08-12 13:00:08
阅读次数:
122
手机屏宽度高度不一由于手机屏大小不一,所以H5页面所承载的设计图相应的宽高也会不一样,是否需要设计多套不同的设计图以适应不同的手机屏?最好的效果肯定是设计多套不同的效果针对不同的屏幕尺寸,但这样需要大量的人力与时间,而且维护成本太高,不符合大部分团队的实际情况。典型的手机屏尺寸如:导航栏+iphon...
分类:
微信 时间:
2015-08-11 15:32:46
阅读次数:
320
meta基础知识碎片整理H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式view...
分类:
移动开发 时间:
2015-07-30 19:03:18
阅读次数:
192
工作上遇到IOS的webView中的H5页面需要透明以显示webView的背景颜色。用H5自身的透明度的css样式或者js控制背景颜色及透明度都打不到想要的效果,最后还是通过ios设置webView中的body颜色及透明度来实现的,具体代码如下:-(void) webViewDidFinishLoa...
分类:
移动开发 时间:
2015-07-29 13:52:12
阅读次数:
231
原文:http://www.cocoachina.com/webapp/20150715/12585.html?utm_source=tuicool背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,...
分类:
移动开发 时间:
2015-07-23 23:27:31
阅读次数:
228
开门见山,本篇将总结一下 MobileWeb 的适配方法,即我们常说的H5页面、手机页面、WAP页、webview页面等等。本篇讨论的页面指专门针对手机设备设计的页面,并非兼容全设备的响应式布局。 文中提到的device-width指 viewport meta 标签中 width 的值,即由浏览器...
分类:
Web程序 时间:
2015-07-23 19:41:56
阅读次数:
2944