转到正文

博客水木

一个学习总结与工作经验分享博客。

存档

分类: 移动应用

十二年前,无论多么复杂的布局,在我们神奇的table面前,都不是问题; 十年前,阿捷的一本《网站重构》,为我们开启了新的篇章; 八年前,我们研究yahoo.com,惊叹它在IE5下都表现得如此完美; 六年前,Web标准化成了我们的基础技能,我们开始研究网站性能优化; 四年前,我们开始研究自动化工具,自动化测试,谁没玩过n...继续阅读

...

互联网发展越来越快,各种技术层出不穷,其中各种设备的显示尺寸分辨率大小不一,这也是目前我们前端人员比较纠结的问题:如何一次开发,在不同的界面都能友好显示呢! 幸好HTML5中Viewport的出现了!Viewport的出现让我们开发出来的应用或页面在不同大小的设备上都能统一友好显示! viewport 语法介绍: <!– html d...继续阅读

...

对于H5这个名词想必大家已经很熟悉了,就在2014年,一项本来还不太成熟的技术在微信的社交舞台下大放异彩,让我们见识了“移动+社交”爆发的巨大能量。 然而这不是偶然,而是趋势。在具体介绍H5营销之前,我想和大家分享一份eMarketer的数据,其中显示了2012年-2018年品牌在不同媒体渠道的预算比重: 相比电视、杂志、...继续阅读

...

想对移动端和PC端实现自动切换主题模版,于是找到http://www.thinkphp.cn/topic/6541.html。但是作者是对于 3.1版本写的。查看文档,原来3.1和3.2的文件目录结构不一样。正好@余小魚也在问怎么修改,整理一下,贴出解决方案。 引用原文: ThinkPHP的模板主题机制,如果只是在PC,只要需修改 DEFAULT_THEME (新版模板主...继续阅读

...

本文简介: 1、手机移动端页面的自适应 2、手机触摸手动滑动效果 一、header信息的设置(自适应) 1、声明信息 <!DOCTYPE HTML> 2、编码设置 <meta charset=”UTF-8″> 3、移动设备特别设置(重要声明!) <meta content=”width=device-width,user-scalable=no” name=”viewp...继续阅读

...

在移动 App 开发领域,主流的开发模式可分为 Native、Hybrid、WebApp 三种方式。然而 2013 年,纯 WebApp 开发模式的发展受到一定挫折,以 Facebook 为代表的独立 App 转投 Native 阵营。但是开发者对 WebApp 更新速度快,跨平台优势的渴望却并未减弱,最终的结果是促成了 Hybrid App 在 2013 年数量的激增,并且增长的...继续阅读

...

本教程堪称最实用的移动端最实用的HTML5+CSS3开发教程,比极客学院的Html5从入门到精通学习知识体系视频来说,下面分享的的确是实实在在的webAPP开发干货。 分别从举例说明H5拖拽效果、H5上传案例源码共享、H5缓冲处理技术和H5所有事件的用法等。 第一部分:HTML5新标签和新功能说明 HTML5 提供了很多新的功能,主要有:...继续阅读

...

作为下一代的网页语言,HTML5拥有很多让人期待已久的新特性。HTML5的优势之一在于能够实现跨平台游戏编码移植,现在已经有很多公司在移动设备上使用HTML5技术。随着HTML5跨平台支持的不断增强和智能手机的迅速普,HTML5技术有着非常好的发展前景,甚至有人预言HTML5将引燃移动平台游戏开发技术的新革命。 越来越多的开发...继续阅读

...

Web App简而言之就是为移动平台而优化的网页,它可以表现得和原生应用一样,并且克服了原生应用一些固有的缺点。一般而言Web App最大的入口是浏览器,但现在微信公众平台作为新兴的平台,结合其内置浏览器可以和Web App很好的结合,虽然现在还不够成熟,但有可能取代浏览器成为Web App第一大入口。 (微信Web App示例)...继续阅读

...

近日,全球软件开发大会QCon亮相上海。作为为团队领导者、架构师、项目经理和高级软件开发人员量身打造的企业软件开发大会,QCon邀请了诸多业内大牛为大家做出技术分享。其中,直达号Clouda+团队的百度资深工程师雷志兴用一场名为《Blend,完美地混合Web App与Native App》的演讲,吸引了与会代表们的大量“眼球”。 现场...继续阅读

...
建站服务