仓酷云

标题: IOS编程：#案例进修#优化挪动Web产物的四个要点仓酷云 [打印本页]

作者: 因胸联盟 时间: 2015-1-18 11:44
标题: IOS编程：#案例进修#优化挪动Web产物的四个要点仓酷云
除了在程序加载的时候把我的view加载到他上目前我还没用到过其他的苹果一直很推崇MVC的程序结构视图模型控制器简单说就是视图负责显示内容模型负责所有数据的保存结构或者一些其他数据操作控制器是用来协调视图和模型举车的发动机系统的例子天下局限内挪动设备的利用数目在一日千里。面临在超过多个分歧设备上创立优秀web体验的应战，如今已存在多种办理计划。可是关于任何一个给定的项目，这些办理计划中哪一个是最符合的？为了回覆这个成绩，《挪动优先》作者Luke以Bagcheck使用作为案例（注：Bagcheck是一家处置搜刮与发明营业的立异型企业），注释了选择分离计划挪动版和桌面版面前的缘故原由，并经由过程对照提炼出四个优化挪动Web产物的倡议。全文以下：
自己是呼应式Web计划（ResponsiveWebDesign）理念的反对者和粉丝。但常常有人如许问我：为何我们还要为Bagcheck独自构建一个自力的挪动版本，而不利用流体网格（fluidgrids），弹性图片（flexibleimages）和媒体查询（mediaqueries）等办法来为我们的挪动用户供应一个呼应式Web办理计划？

关于我们的Bagcheck站点来说，网站功能和网站开辟速率是两个相当主要的成绩。我们所做的决意中，良多都是为了使网站功能和开辟速率二者都尽量的快（究竟我们是一家新建立的企业）。作为我们存眷网站功能的一部分，我们也很注意“甚么才是必需的”如许的理念。这意味着我们必要向分歧设备大概用户出现一些他们必要的工具。我们乐于做一些优化事情。利用两重模板体系（dualtemplatesystem）我们就能够从以下多个方面举行优化，好比资本按次（sourceorder），媒体（media），URL布局和使用程序计划。
最后我们以命令行接口（command-lineinterface）的情势构建Bagcheck，在此基本之上我们创立了一个挪动Web体验版的Bagcheck，接着很快就开辟出了一个桌面Web体验版的Bagcheck。如许的历程极可能也影响到了我们所利用的开辟办法。
别的值得一提的是，固然本人可以胜任编码事情，但我次要是一个计划师。由于我存眷的核心是计划要素，以是在这篇文章里会只管多的包括一些手艺层面的资本链接，假如你有更多的资本和完成设法，从速发给我吧！
资本按次（SourceOrder）

呼应式Web计划(ResponsiveWebDesign)最为中心的部分是,将不异的HTML代码使用到分歧的设备下面来，而且依据详细设备本身的功能来静态调剂（次要是经由过程CSS）表面显现。HTML标志有一个资本按次，这个资本按次一般划定Web页面怎样被扫瞄器衬着。只管可使用JavaScript和CSS手艺来改动HTML元素的地位结构，但想以一种牢靠的体例在多种分歧设备下面举行HTML元素重定位则十分具有应战性。
就拿网站导航菜单这个复杂的例子来讲吧，关于那些具有较年夜屏幕和鼠标/键盘等输出的设备来讲，将导航菜单安排到网页的顶部是很罕见的做法，其缘故原由有以下几个方面：

设备屏幕具有充足多的空缺区，页面实践内容不成能被挤出屏幕以外。
一般必要经由过程一些关头的种别和举措汇合来决意在网站上显现甚么内容
当这些关头的分类和举措汇合与屏幕/扫瞄器的边沿对齐时，会见他们的速率大概会更快一些。将网站的全体导航放在在网页顶部是很成心义的，以是标志资本按次就成为起首得思索的成绩。

但是在那些有着校小屏幕而且触摸作为输出的设备，将网站的全体导航放在网页底部会加倍公道一些，这是由于：

小屏幕设备没有充足多的空缺地区，招致网页的实践内容被网站的全体导航按钮挤出屏幕以外。
关于小屏幕和低带宽的设备来讲，相对网站的导航功效，用户更存眷的是网站内容的当即会见。
人类工程学的要素使得用户更简单在屏幕底部点击到他们感乐趣的方针。

以是关于挪动设备来说，将网站的全体导航按钮安排在网页的底部长短常公道的做法，如许做就意味着菜单标志（menumarkup）在资本按次中极可能是排在最初面的。当在分歧设备上利用不异的HTML代码时，资本按次不成能被改动。利用两重模板体系，我们在构建Bagcheck的时分就能够供应分歧的标志，因而在挪动设备上就会有分歧的资本按次。下图展现的是我们为挪动设备和桌面设备天生的两种分歧的UI界面。

<br>
固然你也能够利用其他办理计划，不必供应分歧的HTML代码也能够到达类似的效果。Box-direction可以反转条目列表的按次而不会影响到资本标志按次。你也能够实验利用display：table的办法来依据设备屏幕的实践巨细从头天生内容显现和网站导航。这些办法大概会更合适你，就看你的需求了。
媒体（Media）

呼应式Web计划别的一个办法是利用弹性图片（flexibleimages）和视频。当被设置为添补他们容器巨细的格局的时分，弹性图象可以依据扫瞄器视图中的可用空缺区来静态调剂本人的巨细。
在较年夜的扫瞄器视图中，弹性图片能够经由过程显现本身的原始巨细来添补更多的空缺地区。在较小的扫瞄器视图中，不异的图片能够缩放本身巨细从而占用较少的空缺地区。为了完成如许的效果，扫瞄器必要一些较年夜的图片，这些图片不论是在缩小大概减少的时分看起来都要有不错的效果。
如今的成绩是，图象越年夜，文件的巨细就越年夜。固然并非一切的Web扫瞄器都以他们的原始巨细来显现图象，但扫瞄器必要下载全部图片文件，如许会很快招致低功能，除非如许做：

分离利用CSSMediaQueries,背景图片不显现，和不要加载仅仅为较年夜扫瞄器视图筹办的年夜图等办法。这类办法关于指定图片标签（imagetags）的那些图片是有效的，仅仅对利用CSS图片背景的那些图片无效果，如许就限定了此办法的合用性。
你可使用像呼应式图片（ResponsiveImages）如许的办理计划，这类办法依附Javascript言语来将HTML标志的小图片依据扫瞄器视图巨细的增添交换成较年夜的图片。禁用Javascript和cookie功效的扫瞄器只可以显现响应的小图片。
实验相似noscripttag如许的办法，来制止不用要的图片加载。
利用服务器真个办理计划来检测会见你的站点的设备，而且只传送一些需要的工具。

埋没在这些办理计划上面的不异理念是，利用mediaqueries，背景图片，JavaScript大概服务器真个办理计划等办法来仅向设备出现需要的工具。这类办法能够明显地削减文件传输巨细而且进步网站功能。
举个例子来说，Bagcheck的挪动优化模板为每一个列表上的项目供应50

: 登录/注册后可看大图

: 登录/注册后可看大图

: 登录/注册后可看大图

: 登录/注册后可看大图

: 登录/注册后可看大图

作者: 谁可相欹 时间: 2015-1-21 13:49
在此，某不才愿将安装成功的Mac OS X系统的vmware虚拟机向有志学习iOS开发的各位学友们免费开放出来，经测试，可以在WindowsXP/Win7系统上完美运行，即便你的机器只有2GB内存。

作者: 精灵巫婆 时间: 2015-1-28 05:29
特别是在校的学生，都存在一个小小的尴尬——虽然学习iOS开发的热情高涨，但由于没有多余的银子购买昂贵的Mac电脑而踟蹰不前。其实，针对初学者，如果想进入iOS开发的天地

作者: 小魔女 时间: 2015-1-31 19:33
特别是在校的学生，都存在一个小小的尴尬——虽然学习iOS开发的热情高涨，但由于没有多余的银子购买昂贵的Mac电脑而踟蹰不前。其实，针对初学者，如果想进入iOS开发的天地

作者: 愤怒的大鸟 时间: 2015-2-4 06:11
以上可以同时进行，学习过程中尽量不要纠结细节和底层，要知道ios是封闭的、OC是高级语言，我们不可能过多地去了解它的原理，至少在新手阶段没有必要。用迭代的方式更新你的知识，而不是死抠一个知识点。

作者: 飘灵儿 时间: 2015-2-9 08:06
每个行业都一样，想要一天学有所成是不可能的，一定要做好努力的准备，做ios不是简单的学会oc语言。不怕多走弯路，就怕不肯动手。

作者: 仓酷云 时间: 2015-2-21 06:38
首先是基础，在汉昌的课程非常全面。从object—c到最后的毕业项目，基本上方方面面都涉及到了，我是一名非计算机专业的学生，起初学习还有点吃力，因为基础知识薄弱。经常像听天书

作者: 冷月葬花魂 时间: 2015-2-24 10:07
中国如今已然发展成为一个软件大国，软件人才的数量跃居全球之首。当然，在苹果平台的开发领域，也保持了相当强劲的发展势头。然而，很多初入iOS开发门槛的开发者，

作者: 活着的死人 时间: 2015-3-2 00:58
才在自己的Windows电脑上安装配置成功了一个完美的Mac OS X Lion（10.7.4）系统，而且下载了Xcode4.5的最新版本。虽然不能实机调试，但是作为iOS开发学习已经非常完美了。

作者: 海妖 时间: 2015-3-11 01:20
每个行业都一样，想要一天学有所成是不可能的，一定要做好努力的准备，做ios不是简单的学会oc语言。不怕多走弯路，就怕不肯动手。

作者: 莫相离 时间: 2015-3-11 18:13
才在自己的Windows电脑上安装配置成功了一个完美的Mac OS X Lion（10.7.4）系统，而且下载了Xcode4.5的最新版本。虽然不能实机调试，但是作为iOS开发学习已经非常完美了。

作者: 再现理想 时间: 2015-3-19 06:24
培训时可以选择安卓，iOS，Java，因为实习的时候我选了安卓，当时实习时间只有三周，学的晕头转向，而java我也没学过，iOS的基础是C语言，这个大学里还是学过的，于是选择了iOS。

作者: 再见西城 时间: 2015-3-22 20:28
我也从简单的状态栏适配开始，先研究了下关于状态栏的适配，特总结如下，供广大网友一起讨论交流。

作者: 金色的骷髅 时间: 2015-3-27 12:11
有办法利用自己手头的电脑立刻开始这个美妙旅程的。

作者: 第二个灵魂 时间: 2015-3-28 03:07
还有开发工具是用Xcode，是在Mac系统的，你多摸索一下就可以开发简单的应用了，建议你买一本iphone开发秘籍第二版看看，希望可以帮到你，谢谢。

作者: 简单生活 时间: 2015-3-28 07:26
因为我们老师也是自学的，给我们讲课说的最多的就是百度，谷歌，查文档。

作者: 不帅 时间: 2015-4-18 17:10
AD： iPhone文件系统NSFileManager讲解是本文要介绍的内容，主要是通过iphone文件系统来学习NSFileManager的使用方法，具体内容来看本文详解。

作者: 蒙在股里 时间: 2015-4-19 09:09
AD： iPhone文件系统NSFileManager讲解是本文要介绍的内容，主要是通过iphone文件系统来学习NSFileManager的使用方法，具体内容来看本文详解。

作者: 深爱那片海 时间: 2015-4-26 07:55
这个办法就是在WindowsXP或Win7的电脑上，使用vmware虚拟机来搭建一个真实的Mac OS X环境。

作者: 变相怪杰 时间: 2015-5-9 22:46
自从苹果公司开放iOS SDK以来，大量的国内外的软件开发者将关注的目光聚集在苹果的iOS平台上。由于iPhone和iPad自一出现就给人带来了颠覆性的感觉

欢迎光临仓酷云 (http://ckuyun.com/)