23

关于javascript的匿名函数的写法理解, 在网上查了一下, 那个括号啊, 还是有很多种不同的解析…

其中: 秦歌 的 Javascript的匿名函数 一文有比较详细的解析.

另外还有一篇文章以另外一个角度解析, Javascript 匿名函数及其代码模式原理

从我个人角度来看, 貌似后一篇写得更好理解.. 也好像更合理点.

19

03

在乎? 不在乎了? 怎么办?

10
十二

http://wordpress.org/extend/plugins/wptouch/

先记下~~hoho

,

17

[本文转载自:http://blog.ntx.me/?p=277]

IPhone 的 App 固然有很多吸引人的地方,然而Web毕竟是大势所趋,已经有越来越多应用用 WebApp 的方式来实现了。所谓 WebApp,说白了就是Web应用而已,只不过是专门对手机尤其是IPhone的特点来定制界面,更有甚者,把界面做的跟本地IPhone App一摸一样,以至于我们都难以区分它是一个App还是一个Web。
优秀的WebApp

先来看看各种漂亮的WebApp,除了用IPhone上的safari里面的默认书签,进到IPhone 的 WebApp 列表http://www.apple.com/webapps/, 还有不少地方能看到WebApp的展示,如http://cssiphone.com/ 汇集了各种优秀的IPhone站点,这些优秀的CSS设计可以给你不少灵感
IPhone 设计素材

* IPhone 程序的视觉设计,有一套psd文件真是太流行了,那就是http://www.teehanlax.com/blog/2009/06/18/iphone-gui-psd-30/,IPad出来时,他们又推出了IPad psd文件http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/,让我们对 teehanlax 这个设计公司肃然起敬。
* 另一个IPhone 矢量元素图 http://www.mercuryintermedia.com/blog/index.php/2009/03/iphone-ui-vector-elements
* 另一个IPad psd文件 http://www.rawapps.com/849/ipad-gui-kit-in-psd-format-is-here/

WebApp开发框架

* IUI http://code.google.com/p/iui/ 是一个为IPhone等设备定制的css和js框架,可以用web来实现Iphone app的效果, http://video.yahoo.com/watch/853528/3491272 是一个介绍IUI的视频,你还可以学到IPhone上的safari的独特的地方。
* http://iwebkit.net/ 是一个很强大的框架,可以从 http://iwebkit.net/gallery 看它的 Gallery
* http://webapp-net.com/ 也是一个类似的框架,http://demo.webapp-net.com/ 看它的demo, 它的动画效果在chrome中也能展现!
* http://phonegap.com/ 也相当不错,特色是支持iPhone, Android, Palm, Symbian 和 Blackberry,它其实是一个xcode的库,需要编译成app来支持其特性。另一方面说,这个库实现的才是一个真正的app,其他的多是web而已。
* http://www.jqtouch.com/ 有很多人推荐这个,它的demo一定会让你喜欢,缺点是文档比较少。
* 这么多东西,一时间看不过来,尽快搞清楚原理才是正道,oreilly 居然还有一本书专门讲用html, css, javascript 来实现Iphone app,就叫做Building iPhone Apps with HTML, CSS, and JavaScript, 点击http://building-iphone-apps.labs.oreilly.com/index.html 可以在线阅读,也可以从http://www.stopdownloading.com/book/402/ 下载pdf 版本
* 当然,最后不要忘了Apple的Dashcode。

IPhone App第三方库

* TouchJSON 是一个轻量级的Object-C 写成的 JSON decode/encode 库,使用起来很方便,项目主页在http://code.google.com/p/touchcode/wiki/TouchJSON
* ASIHTTP 是一个Object-C 的http库,提供比较高层的HTTP操作,使用很方便,功能很强大,并且对Amazon的云服务有少量支持并持续更新中,主页 http://allseeing-i.com/ASIHTTPRequest/
* Three20 是一个非常著名的IPhone UI库,来源于facebook的IPhone App,可以实现很多强大的UI效果,主页在 http://github.com/facebook/three20

其他IPhone资源站点

* http://iphonetoolbox.com/ 提供关于iphone开发的各种资源与新闻。

17

iPhone有着丰富的软件资源,到目前为止,仅在appStore上架的软件就达十多万个,而相比之下,有着10年历史的WM系统却不过只有大约 2万个应用程序。 随着ipad和iphone 4的发布,iphone/ipad的app应用开发将再次掀起热潮。下面给大家介绍下iPhone App开发的两种途径及有优缺点,以及其中适合前端人员的iPhone webApp的一些开发工具,最后以无线UED Blog为例子看看iPhone webApp的开发过程。

一.什么是iPhone Web App?

目前有两种方式让你开发iphone上的应用:

  • 编写Objective-C 及 iPhone SDK 直接运行在iphone上的原生应用程序
  • 在基于 WebKit 的Safari上利用HTML5, CSS3及Javascript编写你所需要的WebApp网络应用程序

而Apple的官方网站上,除了有iPhone/iPad SDK开发的详细资料外,你也可以像SDK应用程序提交到App Store一样,把你的Web App提交到Apple的Web Apps Site。

当然,两种开发模式, SDK应该是首选的开发方式,毕竟SDK才是apple上的原生程序,而Web App是基于Safari,由于本地文件操作等安全问题在功能上会存在较大的限制。但是Web App也并不是没有优势,它的开发更简洁更快捷,它不需要像后者那样向Apple 注册申请使用SDK及 提交 Apple Store 审核才能上架发布;也不需要重新去学习Objective-C的编程语言,另外iPhone 4对CSS3支持的完善也将加快WebApp在iPhone上的应用。

至于iPhone Web App与普通的Web应用在开发上有什么区别?恩,对于Web工程师来说,最明显的一条就是你不需要去关心你的项目跨浏览器的兼容性,因为你面对的只有iPhone的Safari浏览器。iPhone 上的Safari 支持的标准:

  • HTML 4.01
  • XHTML 1.0
  • CSS 2.1 以及部分 CSS 3
  • JavaScript (ES3)
  • DOM (Level 2)
  • AJAX (XMLHttpRequest)

下面是两个比较出名的iPhone Web App应用:Facebook(http://iphone.facebook.com)以及Gmail

二.iPhone WebApp开发工具:

Dashcode

Dashcode由Apple官方开发的, 可以在iPhone/iPod Touch上用的Web Application而产生的开发工具。原来的DashCode是用来做Widget的,而新版的DashCode增加了iPhone的Web App的支持,而且非常方便。它提供了许多模板并附带了不少用于制作iPhone特效的Javascript。这样一来,制作iPhone原生界面的 Web App可以直接用这些JS提供的效果。不过,DashCode只能运行于Mac哦~:)

Eclipse iPhone插件

Apanta为Eclipse提供的一个iPhone插件,利用它可以生成特定的iPhone项目,让你在开发的同时能直接在PC端看到页面模拟在iPhone上的效果,当然,它支持旋转取景器来预览应用程序在iPhone上横竖两种不同效果。

三.iPhone Web App开发实践:

上面是以无线UED博客做的一个iPhone WebApp的应用,使用了iUI的UI库,iUI是一个是Joe Hewitt(目前就职facebook)开发的一套JS+CSS的UI, 完全模拟iPhone缺省的视觉及交互。

先来看看iUI的样式:它提供了iPhone 友好的交互方式与样式。iUI提供的不仅仅是一个CSS文件,基于这个CSS文件你所建立的页面能够符合iPhone的人机界面指引,并且看起来的效果贴近iPhone原生的应用程序。

至于交互方面: iUI提供一个基于page的换页导航机制。这里的Page不是一个Web页面,而是一个<body />内的顶级DOM元素,每一个这样的DOM元素都可以作为一个page,同一时间上仅显示一个page。页面上的所有链接,要么导致page转 跳,要么导致整个页面转跳。

以下是Dem的一些页面截图:

横屏效果:

除了SDK之外,web应用开发是不是也让你眼前一亮?就像传统的 Flash,Flex,Silverlight,Objective-C 那样,形成自己的生态系统,毕竟Web应用比以上的技术更容易出现在任何设备上。欢迎大家加入移动设备技术交流QQ群: 47722406

(本文出自Tencent WSD Blog,转载时请注明出处)

 上一页 1 2 3 4 5 下一页