ionic

时间:2024-12-01 18:58:08编辑:笔记君

ionic是原生的吗

摘要:Ionic是一个前端的框架,帮助开发者使用HTML5, CSS3和JavaScript做出原生应用。有了它,开发者可以使用HTML5做出原生应用的感觉。
  原生应用通常跑起来会更快、更平稳,带给用户的体验也更出色。然而Web设计者/开发者也一直在寻找着一种工具,将原生应用的体验带到Web技术中。Ionic是一个前端的框架,帮助开发者使用HTML5、CSS3和JavaScript做出原生应用。

  Ionic不能完全取代PhoneGap和JavaScript框架的作用,但是它在前端的交互设计功能十分强大。这个框架除了带有SASS服务和各种各样的AngularJS拓展(可选)之外,还有大量的组件。

  对于开发工具来说,速度也是一个重要的因素。带有DOM操作最小化、零jQuery和硬件加速功能的Ionic可以给你留下好的印象。

  Ionic的联合创始人Max Lynch介绍这款工具时提到,这款工具就是由几个对Web开发十分狂热的普通程序员做出来的。Ionic倾向于关注标准兼容(standards compliant)的代码,这么做是比较超前的。他们的目标是通过HTML5使移动开发变得既简单又惊艳。
转载


ionic1和ionic2的区别

1、Ionic2新特性

①组织结构与框架:

在Ionic2中,每个组件、页面都只专注于做一件事,它单独有自己的一个目录,有自己的类(Class)、模板文件(Template)和自己的样式文件(在这里我们提倡使用scss);

②命令行工具:

在开发中,我们总希望能够有一个规范使得我们的开发更具有合理性,同时还能提升我们的开发效率,那么ionic2的CLI完全可以满足你这一点。

③路由导航:

Ionic2的路由导航不同于Ionic1,我们都知道其实Anngular1自带理由是比较弱的,在复杂路由跳转的app中,是很吃力的,我

们一般都是依赖Angular1的插件ui-router,它是基于URL的hash(当然官方也提供配置切换到html5模式),那么ionic1也是
在这个基础之上进行导航封装的,比如说页面导航堆栈。

④模板的语法结构:

ionic2的模板语法与Ionic1非常相似,但是看起来又有点古怪,其实Ionic2的模板语法更为简洁。例如:


ionic1:






ionic2:






我们看一下 事件调用:

ionic1:






ionic2:






⑤编译:
ionic从平台上讲是基于cordova的封装( 不仅仅是它的CLI
),因此ionic工程也是一个标准的cordova工程,也就是说我们最终给跨平台提供的是www目录的资源文件,但是在ionic2中我们都是在

www的同级目录的app目录进行编码,也是因为我们使用EM6或Typescript写的代码浏览器并不能够直接执行,如果你自己观察ionic2的工
程目录,你会发现Gulp.js的脚本多了几个任务的定义,其实是几个ionic的钩子命令,如ionic
serve,ionic build之类的,其目的是在我们打包,或者浏览器模拟时的
命令执行之前,执行一些gulp任务,其中就是对typescript、scss的编译,是不是感觉很方便,而且最终合并编译到www/build/js目录下,并且很难反编译,也就是说你的app如果被人解包,他只能运行,但如果想拿到你的源码是相当困难的。


ionic 和cordova的区别是什么

百度百科搜一下:觉得还是ionic比较好。ionic 基于Angular语法,简单易学。2.ionic 是一个轻量级框架。3.ionic 完美的融合下一代移动框架,支持 Angularjs 的特性, MVVM ,代码易维护。4.ionic 提供了漂亮的设计,通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。5.ionic 专注原生,让你看不出混合应用和原生的区别6.ionic 提供了强大的命令行工具。7.ionic 性能优越,运行速度快。Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码。Cordova支持如下移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。

ionic怎么使用cordova

方法/步骤
1
首先需要安装好node.js(网上教程很多)
这是为了使用npm来安装ant,cordova,ionic
验证是否安装好node.js的方法是在命令提示符中输入“node -v”
若出现版本号,证明安装成功。
2
下载jdk,并配置java环境(网上教程很多)
验证是否安装好的方法是在命令提示符中输入“javac”
若出现如下内容,证明安装成功。
3
安装ant,并配置相应的环境(网上搜教程)
验证是否安装好ant的方法是在命令提示符中输入“ant -v”
若出现版本号,证明安装成功。
4
现在就可以安装cordova了,根据下图一步一步来就好了,官网有,可以自己搜下;
验证是否安装好cordova的方法是在命令提示符中输入“cordova -v”
若出现版本号,证明安装成功。
5
接下来是安装成功ionic的重要一步了,就是安装express,
cmd 输入:npm install express
等待一会即可
6
接下来就可以安装ionic了,也是按下图,或是去官网查看步骤;
注意:如果按步骤执行到最后三步,发现出错,请先安装android sdk
或者可以直接省略最后三步(即只用执行到 cd myApp),在命令提示符中输入“ionic serve”
直接在浏览器中查看效果;
7
验证是否安装好ionic的方法是在命令提示符中输入“ionic -v”
若出现下图,证明安装成功。
END
应用过程中遇到的一些问题解决办法
1
升级cordova命令
调用语句 :windows用户npm update -g cordovamac系统的用sudo npm update -g cordova查看cordova信息npm info cordova 查看cordova 版本cordova -v查看cordova命令cordova help
END
注意事项
配置环境变量时,用英文状态下“;”把要添加的路径与前面有的隔开;
所有的命令都是在命令提示符中进行的,在输入命令时,别把“$”也一块输进去~
如果前面都实现了,但是ionic还是安装失败,多半是网络问题;


上一篇:含羞草好养吗

下一篇:没有了