这段时间开发一个网站的移动版本,由于没有移动Web开发的相关经验,网上查了一下,发现jquery框架有对应移动端版本:jquery mobile,就投机取巧用jquery mobile来开发这个移动端网站(有网友说:使用htm5+原生的js开发最为高效)。 jquery mobile框架提供了...
分类:
Web程序 时间:
2015-10-08 19:45:51
阅读次数:
150
1.原生方式。android平台使用java方式、IOS平台使用object-c或者swift方式。优点:可以将app的性能做到极致。缺点:开发效率低、维护成本高。2.纯前端方式。比如用jquery mobile、bootstrap等做一个移动web网站,然后用转化工具转化为app,其实这个app就...
分类:
移动开发 时间:
2015-10-07 17:29:09
阅读次数:
236
适用设备:iOS、Windows Mobile在一些移动设备上,比方说iPhone,Windows Mobile,当用户把手机切换到横屏时,浏览器会自动地重置文本字体大小。这可能会对我们造成困扰,因为我们希望能够完全掌控用户界面的设计和浏览器对页面的渲染结果。新建ch02r02.html ...
分类:
移动开发 时间:
2015-10-06 18:03:40
阅读次数:
204
现在我们要使用手机上某个应用时,通过点击屏幕上的图标就可以运行。但是对基于HTML的Web应用来说,运行起来就比较麻烦了,用户必须先打开浏览器,然后访问想使用的应用程序站点。现在我们想把一个指定的Web应用绑定到界面上的一个图标,用户通过点击界面上的图标就可以启动对应的Web应用了。 但是不同...
分类:
移动开发 时间:
2015-10-06 15:18:09
阅读次数:
215
CSS媒介查询(media query)是响应式设计中很重要的部分,它帮助你实现更加灵活的移动设计。看示例代码ch01r06_c.html Mobile Cookbook 在窄屏中,这两个sec...
分类:
移动开发 时间:
2015-10-05 20:48:24
阅读次数:
247
创建一个简单得HTML5页面ch01e2.html hello to the HTML5 world. HTML5和其他HTML页面的唯一区别就在于我们使用的文件类型定义(DTDDocumentTypeDefinition): Saf...
分类:
移动开发 时间:
2015-10-05 15:28:57
阅读次数:
256
当前,手机设备发展迅猛、屏幕尺寸各不相同、存储和性能仍有局限性,如何结合HTML5的功能,在多平台上创建高性能、响应式的移动网站,是Web开发者所要面对的首要挑战。HTML5以及移动网站都是很有前景的技术,本身也仍在不断的演进。移动端Safari浏览器是当前最常用的iPhone应用,它使开发人员.....
分类:
移动开发 时间:
2015-10-05 15:24:39
阅读次数:
219
一、准备1.配置本地网络服务。对于Windows、Mac和Linux,最容易的方法是使用免费的XAMPP软件:http://www.apachefriends.org/en/index.html XAMPP下载:http://pan.baidu.com/s/1nt2APCH 提取码:94ui X.....
分类:
移动开发 时间:
2015-10-05 15:23:35
阅读次数:
162
前言记得做PC端页面的时候,字体一般设置为微软雅黑,现在做起移动端页面来了,设计师们一般都还把字体设置为微软雅黑字体,但是做出来后,测试的时候发现页面中的字体不是微软雅黑,怎么办?后来了解到的手机系统 ios、android 等是不支持微软雅黑字体。为了满足产品的需要,保证视觉稿的还原度,手机端是如...
分类:
移动开发 时间:
2015-10-01 20:32:33
阅读次数:
288
1.响应式web设计(1).媒体查询初探 通过media属性为样式表指定了设备类型CSS3 增加当设备纵向放置的时候才匹配的条件CSS3 增加当设备屏幕大雨960px才会加载style.css样式文件的条件参考CSS3媒体查询:http://www.w3.org/html/ig/zh/wiki/C....
分类:
移动开发 时间:
2015-09-29 18:52:30
阅读次数:
183