文章目录
  1. 1. 为啥要用html写app?
  2. 2. 要开发mobile webapp需要哪些框架?
  3. 3. ionic框架
    1. 3.1. 关注性能
    2. 3.2. AngularJS
    3. 3.3. 关注Native
    4. 3.4. 美丽地设计
    5. 3.5. 由Nerd所做

发现其实发博客很有些障碍,总是觉得内容不够不太适合发一篇,但是又觉得不说出来什么时候就忘了,原来一直是写在evernote里面的,现在觉得还是发出来比较合适,而且目前在用的静态博客方案很合胃口,把所有写的东西作为纯文本保存起来,随时可以生成为一个新网站还是挺不错的.

最近又考察了一些在移动设备上用html5开发的方案,虽然大家一直叫这些方案坑爹,但回头一想,现在已经2014年了,是不是还应该维持2年前的老观点不变呢?手机的主流都变成4核或者8核方案了(虽然距桌面端还是很有距离).

为啥要用html写app?

本来最近还是想学下ios开发的,后来发现还是比较复杂,而且看走势ios好像市场占有率在不断下降.同时周围有些朋友在开发ios表示这东西其实还是有些复杂的.由于我前端还有点基础,所以更喜欢webapp一些.

其他人的观点:

  • webapp工程量小,写起来快
  • 一次开发,多平台可用
  • 手机的性能总会提高到让webapp不坑爹的

要开发mobile webapp需要哪些框架?

原则上其实可以不用框架的,直接写一个native的app,这个app就只有一个元素:WebView.当然中间有不少交互的部分需要处理.
这些工作有一个框架:Phonegap都做了,当然开源后名字叫cordova.开发者直接改内部的一个www文件夹的内容,加上需要和底层通信需要的一些插件,就可以轻松构建一个手机上能跑webapp了.

光有了cordova做底层,我们写的网页就直接可以在手机上跑了.但这只是一个浏览器的包装层,有没有类似于Jquery UI或者Bootstrap的东西帮助我们快速构建一个应用呢?今天介绍的主角ionic就是一个类似的东西.当然还有许多其他的框架,这里提一下:

  • Jquery Mobile
  • Sencha touch
  • kendo UI

ionic框架

ionic是一个新的框架,目标是用html构建接近于native应用的体验,这里就意译下官网上的几个特性好了:

关注性能

Ionic 是为了在最新的移动设备上流畅运行构建的,只有很少的DOM操作,不依赖与jQuery,使用了硬件加速动画.

AngularJS

Ionic是建立在AngularJS的基础之上的,非常适合严肃的应用开发,Angular和ionic就是天作之合.(-_-)

关注Native

Ionic的设计就是模仿底层应用来的,任何开发过android或者ios的人都可以轻松地理解程序结构.
同时当完成后轻松地通过PhoneGap来生成一个app,一次开发,到处部署.

美丽地设计

Ionic遵循流行的设计原则,同时有theme系统可以修改风格,有很多组件外观和表现都与native的组件相差无几

由Nerd所做

RT

总而言之,我觉得是个不错的框架,感觉其目标有点更加像Mobile界的Bootstrap.目前开发还非常活跃,可以在github上看到整个项目还是非常活跃的.同时我自己看了文档,他们确实给了非常多的组件和例子,估计啥时候我用它来试试手写个mobile webapp.

文章目录
  1. 1. 为啥要用html写app?
  2. 2. 要开发mobile webapp需要哪些框架?
  3. 3. ionic框架
    1. 3.1. 关注性能
    2. 3.2. AngularJS
    3. 3.3. 关注Native
    4. 3.4. 美丽地设计
    5. 3.5. 由Nerd所做