用到的工具:FireFox浏览器Sublime Text 2响应式布局定义:2010年,Ethan Marcotte提出,可查看原文;通俗地讲就是:百份比布局,根据不同设备显示不同布局;这次主要解决:传统的固定像数(px)相比:不同显示设备,使用不同布局。例如:PC屏幕,显示3栏;手机,显示为1栏;...
分类:
移动开发 时间:
2015-01-26 00:01:44
阅读次数:
228
说到这个,移动开发面对的屏幕尺寸那叫一个丰富,其中安卓阵营就够让人头痛的。我们在PC端常用的两种布局方式就是固定布局和弹性布局,前者设置一个绝大多数电脑能正常显示的固定宽度居中显示,后者则采用百分比。关于这两者讨论的文章很多,有兴趣的自己查阅下,我今天要介绍的就是相信你已经听过的”响应式布局”,响应...
分类:
移动开发 时间:
2015-01-23 00:46:01
阅读次数:
394
年前给单位写了个小系统,主要用于年末各种评选工作,按照领导要求,需要在移动端进行开发,所以顺便就学习了移动 web开发。由于是初次接触,曲曲折折,最终完成,不过自己甚不满意,不够完美。在这里面走了不少弯路,积累了一些经验。移动前端,使用的是几样技术的综合,主要的部分就是应用responsive布局,...
分类:
移动开发 时间:
2015-01-20 10:21:04
阅读次数:
152
注:本文出自腾讯AlloyTeam的元彦,文章也可以在github上浏览。请尊重版权,转载请注明来源,多谢~~高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂,我们总结为以下几点: 流量、功耗与流畅度。 在PC时代我们更多的是考虑体验上的流畅度,而在Mobile端本身丰富的场景下,需要额...
分类:
Web程序 时间:
2015-01-13 12:22:50
阅读次数:
223
1. 前言在开发面向现代智能手机的移动Web应用的时候,无法避免一个事实,就是需要开发单页应用(Single Page WebApp)。对于不同的系统需求,单页应用的粒度会不同,可能是整个系统都使用一个页面装载,也可能是按模块分为独立页面装载。在开发单页应用时第一个要处理的问题就是页面结构化,由于多...
分类:
移动开发 时间:
2015-01-13 12:03:39
阅读次数:
285
一 背景 公司需要开发一个web页面,需要支持主流android和ios手机,采用web页面好处是一个页面,在不同平台之间都可以用,节省成本,基本html、js和css大家也都熟悉。但是对比传统网页开发移动web开发还是有一定区别的。二 技术选择 在正式开发前,对目前网上流行的几种web app.....
分类:
移动开发 时间:
2015-01-11 16:10:02
阅读次数:
175
qq群号(html5技术交流):158677025手机端演示二维码(或直接在手机中输入网址:http://lilinfeng.cncoder.me 浏览效果):一、前言去年接触了移动Web开发,做了些手机端的网站及应用,还有些小的微信游戏和活动页面。每个项目里或多或少的都会有一些触屏事件等。其中有两...
分类:
Web程序 时间:
2015-01-07 09:18:21
阅读次数:
241
Meta设置Link设置 电话/短信/Email/Android/GPS打电话打电话打电话发短信发短信发短信发邮件发邮件发邮件发邮件MyApp我的位置样式设置 app是否从主屏启动// IOSif( navigator.standalone === true ){}关闭IOS键盘自动大写auto.....
分类:
移动开发 时间:
2015-01-05 11:07:11
阅读次数:
250
现在很流行在H5页面滑屏的效果,特别是在微信浏览器窗口中,几乎很多推广的活动是使用到上下滑屏,一开始和前端的同事一起合作写滑屏效果花费了很多的时间,而且写出来的页面在浏览器的兼容上踩了很多坑,于是果断采用了框架。最初接触是使用iscroll4.js的框架,毕竟它是比较成熟的,用起来会让人觉得放心,可...
分类:
移动开发 时间:
2014-12-30 15:06:12
阅读次数:
284
本月26号参加webrebuild深圳站,会上听了彪叔的对初心的讲解,“工匠精神”这个词又一次被提出,也再次引起了我对它的思考。专注一个项目并把它做得好,很好,更好...现实工作中,忙忙碌碌,抱着完成任务的想法可能会比较多,而想做得更好,需不惜花费时间精力,孜孜不倦,反复改进产品,把99%提高到99...
分类:
移动开发 时间:
2014-12-29 19:57:00
阅读次数:
250