`

IONIC笔记恶补(1)

 
阅读更多
之前很长一段时间都没有再深入学习下去,感觉不是很好,正好春节这段时间好好恶补一下IONIC.



以下是的理论知识笔记,我告诉自己要有这个概念,但可能会更新想法.


现在要开发手机App,目前有三种方式:


    1.原生/Native:使用原生SDK开发App。优点不用说,当你有足够的资源,这是最理想的方式;

缺点是对不同的平台要分别开发,成本高、周期长。

    2.原生脚本/NativeScript:将原生API封装成JavaScript接口,这有点像前端的nodejs。

NativeScript方式与原生相比性能损失不大(据称只有10%左右),优点是开发语言统一使用

JavaScript,缺点是要针对不同的平台分别开发。

    3.混合/Hybrid:使用web技术开发App,使用cordova/PhoneGap之类进行打包封装。优点是采用标准的web技术开发,避免了不同平台原生开发体系的学习,上手快、效率高;缺点是性能上有一定损失。




那么 Ionic 就是第三种, 所谓的混合 hybrid ,使用web技术开发App,使用cordova/PhoneGap之类进行打包封装.



-------------------------------------------------------------------------------

关于 hybrid  是个啥 :
 
     ....  说得好听点就是包含了独立浏览器实例的移动应用.

这种应用被称为 'Web-View' .

==============================================================================
下面这段话是关于 Web-View 的优缺点的.


   + 跨平台,只开发一次就可以部署到多个平台,开发成本最小化.
  
   + Web技术共用!我们知道是NodeJs起到了关键性作用, 因为它能使JavaScript脱离Web运行!
   + 与原生应用相似度极高,大多数设备都能被正常访(调)问(用).
  
   + 简单的开发,这一点很重要哦,比如你是J2EE出生,不用会Obj-C 不用会-Swft 你就能使用Web相关技术开发IOS了.


   - 应用无法离开WenView实例,所以性能取决于浏览器.

   - 大多数访(调)问(用)原生功能都取决于插件(Cordova). 也就是说有些原生API可能还没有对应插件实现,那就要花功夫自行桥接.

   - 没有原生用户界面、控件. 。。。。。。
    

分享到:
评论

相关推荐

    ionic3开发笔记

    ### ionic3开发笔记知识点概览 #### 一、Ionic框架简介 Ionic是一个开源的前端框架,用于构建高质量的跨平台移动应用。它基于HTML5技术栈,支持使用Web技术如HTML、CSS和JavaScript来开发应用程序。Ionic 3是该...

    ionic sublime 2/3 提示插件 ionic-sublime-plugin

    1. **智能提示**:在编写代码时,插件会自动提供Ionic和AngularJS的指令、服务、模块等的智能提示,帮助开发者快速输入正确的API和标签,减少错误和查找时间。 2. **代码补全**:基于 Ionic 和 AngularJS 的语法...

    ionic小笔记.txt

    ionic自己整理的一些笔记,非常适合于刚入坑的小白,此文章是在开发项目中所得,希望可以帮助各位

    IonicLab 安装包 ionic开发工具

    1. **检查系统需求**:确保你的计算机满足IonicLab的运行要求,通常包括特定的操作系统版本(如Windows 7或更高版本)、足够的硬盘空间以及兼容的JavaScript运行环境,比如Node.js。 2. **下载安装文件**:由于官方...

    windows 下 ionic3 创建ionic1 项目 并添加android 平台 附添加插件的方法

    `ionic start myapp blank --type=ionic1` 这里的 `myapp` 是项目名称,可以根据需要更改。`blank` 是项目类型,创建一个目录。 接下来,使用以下命令将 Android 平台添加到项目中: `ionic cordova platform add...

    ionic2 new demo

    1. **环境设置**:首先,你需要安装Node.js、npm、Cordova和Ionic CLI,这些都是开发`Ionic2`应用的基础。然后,通过`ionic start`命令创建一个新的项目,选择`blank`模板,并按照项目描述,将这个示例代码导入到你...

    ionic购物商城demo源码

    1. **Ionic基本架构**:Ionic基于Angular框架,因此,理解Angular的基本概念,如组件、服务、依赖注入等,是构建Ionic应用的基础。同时,Ionic还引入了Ionic Core,提供了一系列UI组件,如导航栏、滑块、按钮等,...

    完整的Ionic项目实例

    【Ionic项目实例详解】 本文将深入探讨一个名为“ddcanzuo”的完整Ionic项目实例,该实例已经过Cordova编译处理,适用于个人自学。在理解这个项目之前,我们需要先了解 Ionic 和 Cordova 这两个关键的技术框架。 *...

    ionic中文文档1_3

    在 "ionic中文文档1_3" 中,你可能还会发现有关状态管理的信息,如使用 AngularJS 的 `$stateProvider` 和 `$urlRouterProvider` 实现路由管理,或者如何利用 `ngStorage` 或 `ionic-angular` 中的 `$ionicHistory` ...

    ionic-datepicker-oysq

    1. 引入依赖:在你的应用的主HTML文件(如`index.html`)中,引入`ionic-datepicker-oysq`的相关CSS和JavaScript文件。 2. 安装模块:在你的AngularJS应用中,你需要导入并注入这个插件的模块。 3. 配置使用:在你...

    ionic-1.x资源

    **Ionic 1.x 资源详解** Ionic是一款基于AngularJS和Cordova的开源移动应用框架,它允许开发者使用Web技术(HTML、CSS、JavaScript)来构建原生的iOS、Android以及Windows Phone应用。这个“ionic-1.x资源”包含了...

    ionic模版源代码

    1. 初始化项目:使用`ionic start`命令创建一个新的Ionic项目,可以选择不同的模板,如blank、tabs或sidemenu。 2. 编写业务逻辑:在`js`目录下的相应文件中编写AngularJS的控制器、服务等,实现应用的功能。 3. ...

    ionic-best-practices.pdf_ionic_

    1. **Ionic概述**: Ionic是一个跨平台的移动应用开发框架,允许开发者使用Web技术(如HTML、CSS和JavaScript)来构建原生感观的应用程序,支持iOS、Android以及Web平台。 2. **Ionic 5新特性**: Ionic 5带来了...

    ionic3仿京东商城源码

    《基于Ionic3构建的仿京东商城源码解析》 在移动应用开发领域,Ionic框架以其强大的功能和跨平台特性受到了广泛关注。本篇文章将深入探讨一个使用Ionic3开发的仿京东商城源码,这对于想要学习和掌握Ionic3技术的...

    ionic学习笔记

    ionic学习的笔记,现在有环境的安装,echarts的调用,百度地图的调用,懒加载的实现。

    ionic-lessons:ionic学习笔记 (ionic中文版教程)

    #ionic学习笔记 (ionic中文版教程) ##ionic 概述 ionic是一个强大的混合式/hybrid app移动开发框架。可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。目前已发布正式版本。...

    ionic succinctly快速入门

    《Ionic 移动开发快速入门》是一本关于如何使用Ionic框架进行移动应用开发的电子书。Ionic是一个开源的移动应用开发框架,它允许开发者使用Web技术(HTML、CSS和JavaScript)来构建跨平台的移动应用。这本书的目的...

    补齐ionic项目下node_modules等文件

    1. **Ionic Framework**:这是项目的基石,提供了创建混合移动应用的框架和API。 2. **Angular**:由于Ionic基于Angular,所以`node_modules`会包含Angular的核心库和其他相关模块。 3. **Cordova插件**:用于与设备...

    ionic通过HmacSHA1加密对接Java系统

    在本文中,我们将深入探讨如何使用Ionic框架通过HmacSHA1加密方法与Java系统进行安全的数据交互。HmacSHA1(Hash-based Message Authentication Code with SHA-1)是一种用于验证数据完整性和来源的安全算法,常用于...

Global site tag (gtag.js) - Google Analytics