平时会留意一些开源组件，收藏到收藏夹里，然后一天mac电脑因为卸载window出问题导致不能不重装，然后里面的东西都没了，特别是适用于ionic2布局的angular2和普通js……so sad，现整理回一些并分享下：
使用phonegap开发APP的优劣在此不必细说，快速，简单，跨平台，以及随着iOS，Android本身对webview优化所带来的不错的性能，便是其独有的优势。而且私以为在目前激烈而又变化快速的移动APP市场环境下，用phonegap来开发APP未尝不是一种低成本mvp的方案，快速发布，成王败寇^-^
现在开始实现这个指令，新建指令之前添加Keyboard插件，一般我们的项目默认已经装上了的，我们只需安装相应的ionic-native子模块：
今天做了一个登录注册页，iOS 端毫无 bug，Android 端却出现了问题。当软键盘弹出后，Android 端的 tabs 移到了软键盘的上面，再仔细一看，整个界面都被压扁了，输入框也不知道去哪儿了。
Ionic 通过整合各种技术和功能使构建Hybrid 应用更加快速、容易和美观。Ionic 的生态系统基于Angular 和Cordova，前者是Web 应用框架，后者是构建和打包原生应用的工具。
使用 Okta 和 OpenID Connect (OIDC)，可以很轻松的在 Ionic 应用中添加身份认证，完全不需要自己实现。 OIDC 允许你直接使用 Okta Platform API 进行认证，本文的目的就是告诉你如何在一个 Ionic 应用中使用这些 API。我将演示如何使用 OIDC 重定向、Okta 的 Auth SDK 以及基于 Cordova 内嵌浏览器的 OAuth 进行登录； 由于功能还在开发中，所以省略了用户注册。
序言：本文主要介绍了使用 Ionic 和 Cordova 开发混合应用时如何添加用户身份认证。教程简易，对于 Ionic 入门学习有一定帮助。因为文章是去年发表，所以教程内关于 Okta 的一些使用步骤不太准确，但是通过 Okta 的官网也可以找到对应的内容。另外，使用 npm 安装 Ionic starter 模板可能会有安装失败的情况，建议不要在这方面浪费太多时间，可以直接在 Ionic 的 GitHub 仓库 中下载 starter 模板。 原文：How to Sprinkle ReactJS i
Ant Design Vue 是一个非常成熟的框架，使用 Ant Design Vue 创建用户界面非常简单，这些组件可以适应各种图标样式、字体和黑色主题。Ant Design Vue 不断改进其60多个组件，基本覆盖项目大部份需求，而且使它们变得更好，更易于访问。
本文推荐几个比较流行的VUE3 UI框架，同时提供出色的开发人员体验，合理利用，又或者学习借鉴都是不错的选择，排名不分先后。
Vue3已经发布一段时间了，版本趋于稳定并且可以用于生产。虽然很多开发人员对这个版本褒奖不一，新版本由于算是重新构建生态系统，相关资源的缺乏。与Vue2丰富的UI框架相比，Vue3就显得有点少，也算是影响开发人员使用Vue3的原因之一。
ionic可以很方便的安装cordova插件，最新ionic-cli要求cordova插件里面有package.json和plugin.xml才能安装成功，如果缺失，请自行补上，而原来旧的cli不要求package.json文件（插件目录里的，不是ionic项目里的）。
提到跨终端应用开发，很容易想到最近很火的React Native。使用React Native开发出的APP本质上是Native APP。在跨端应用开发这一领域内还有另一块：Hybrid APP。本文研究的inoic framework就是一种hybrid app的开发框架。
ionic里面有不少彩蛋——就是官网没有说明，但是可以用的，因为一段时间没用ionic做项目，所以一时想不起来，先列几个：
Ionic这几个网站是需要经常看的，应该了解过才执行后面步骤，其中强烈要求至少先撸一遍官网的组件和API文档。
“明知山有虎，偏向虎中行”。这里说的虎，主要有两点： @ionic/vue还属于beta版，在npm上是v0.0.4，实际在Github上源码已更新到v0.0.8，但这离正式版发布有很大的距离，使用它开发有一定的风险。 网上资料较少，官方文档待完善。 实际上，@ionic/vue最初来自一个社区团队Modus的项目ionic-vue，后来该团队发送了一个pull请求，被ionic吸收，使包装器成为核心存储库的一部分。 Modus团队为了证明不只是在展现层上工作，而且集成运行良好，Modus团队还使
客户反映应用在微信浏览器上有问题，有时输入框无法聚焦从而无法输入。开发找我求助，我去试遍了主流浏览器，桌面、android、ios平台，发现仅有【ios+微信浏览器】才会出现这个问题，使用微信开发者工具调试也没有问题，最后通过工具调试微信浏览器，也没找到什么原因，一脸懵逼。
文件上传，我们一般需要和本地文件打交道，先安装file插件（全称cordova-plugin-file）,
如果你要做一个app应用，你有最少三种方式：原生开发、加壳在线WebApp开发与混合式开发。
本文是Ionic3系列的第一排你文章，主要介绍开发环境的搭建过程，之后的文章将依赖此应用，不再涉及到环境搭建方面的内容(除非是添加特性)，Ionic官方文档： ionic官网 ionic官方文档
本文主要介绍使用cordova实现拍照上传，走通 “拍照 》预览 》上传 》 下载 ”这个流程。为了方便查看测试结果，需要了解Ionic应用调试的基本方法，有关于Ionic项目Android 调试的详细教程，请参考以下文章：Ionic3 Android调试
安装ionic相关依赖（其中@ionic/core是组件部分，@ionic/vue是封装成Vue方式调用的接口部分）：
对比目前其它流行的js框架，个人觉得其分工明确、清晰好理解，我觉得就算一开始头脑一遍空白的新手，对他讲解过一次后都能有个大致印象。
工欲善其事，必先利其器，搭好环境是开发的前提，有时环境没弄好，不时报错往往很扎心。
简单介绍自己使用Ionic3开发的过程，涉及到的知识点如下： Angular Ionic Cordova ES6 TypeScript Scss 环境搭建 引用插件 调试 Android打包 Android签名 IOS打包
0 开始之前 通过本教程之前,您应该至少了解一些基本的Ionic 2概念。您还必须已经安装了Ionic 2 在您的机器上。 1 创建一个新的Ionic 2 应用 我们将使用有Ionic团队创建的tutorial模板，可见于官方教程，来创建我们的应用程序。要做到这一点，您需要运行以下命令： ionic start ionic2-tutorial tutorial --v2 现在您的应用程序将自己开始建立。为运行后续的命令，你应当将项目目录作为当前工作目录： cd ionic2-tutorial 简单瞟一眼应用
Ionic Storage 是一款基于 localForage 用于 Ionic 应用程序的简单 “键-值” 存储模块，支持 SQLite 开箱即用。该工具可以根据平台自动选择最佳的存储引擎，而不用用户关系具体的使用细节。模块内存储引擎的默认选择顺序是 SQLite，IndexedDB，WebSQL 和 LocalStorage。
其实Capacitor是ionic4的衍生品，如果说Stencil是跨框架组件开发，那Capacitor就是跨平台原生封装。为解决Webview的渲染性能瓶颈，相对于Cordova，原理应该和RN差不多的，页面使用原生渲染，但比RN更接近Web的开发方式，且多了对Cordova的兼容。
这篇没什么东西可扯，基本是 Q&A 形式。不定时更新，不用 Ionic 了就不更新。。。
在上一篇文章中（使用Ionic3创建原生app系统入门）介绍了如何使用ionic构建一个Android app 项目,并生成apk安装包。
这种方式稍显麻烦，也容易误操作，而比较优雅的方式是通过配置文件和命令行参数结合来实现。
ionic-cli或angular-cli能很好地辅助开发，其中generate很方便地创建各种模版内容，即：
昨天angular5和ionic3同时发布更新了，为了用上angular5的新特性，还是有必要踩下坑的，当然踩坑的白老鼠建议选用一个最近不用维护的项目。
本文使用Ionic2从头建立一个简单的Todo应用，让用户可以做以下事情： 查看todo列表 添加新的todo项 查看todo详情 保存 todo到持久化存储 0 开始之前 本教程需要你了解基本的Ionic 2概念。已经在电脑上安装了Ionic 2。如果没有，先去安装和学习吧。 1 创建新的Ionic 2工程 我们将通过生成一个基于“空白”模板的新项目开始。这是一个空的项目框架，但有一些示例代码供我们使用。 运行以下命令创建新项目 ionic start ionic-todo blank --v2 一
使用Ionic这种框架伟大的地方在于用户界面元素默认准备好了，意味着你可以设计更好的app而不需要很强的用户体检设计背景，而且让你可以更容易实现这些模式。 这篇教程将展示如何使用Ionic2添加一个简
其实ionic3（angualr4）和ionic2（angular2）差不多，但和ionic1（angular1）就差别非常大了，可以说基本是推倒了重来。在angular1时代，组件和指令是一回事，即严格来说，没有组件这概念，只有指令，而到了angular2时代，虽说组件仍是一种特殊的指令，但已经有一定目的明显区分开来，分别用Directive和Component来标识，用cli生成命令就如下所示：
在ionic中，除了常规的弹窗【$ionicPopup】还提供了浮动窗口【$ionicPopover】
用ionic也有一段时间了，今天说一下它里面提供的一个小组件：浮动框 浮动框的使用在移动端的项目中已经很少了，只有在少数的一些特殊情况下才会出现。所以官方文档中对于$ionicPopover的介绍也是非常少。
这个时候，如果想扩展这些功能，一是修改源码，二是自己实现，然而这两种方法都比较麻烦，比较好的解决方案是利用现有的开源代码，搜索ionic的相关组件寥寥无几，这个时候转换下思路，搜索angular的相关组件会发现有几个，经过比较后觉得ngx-toastr较为适合。它提供了在线Demo.
https://github.com/Telerik-Verified-Plugins/ImagePicker
在混合式应用中，我们通过现有的Cordova插件，可以轻松的在 H5 上调用手机native的功能。现有的Cordova插件能满足平时大部分的开发需求，然而，有时候找不到合适的插件、或对找到的插件有不满意的地方，那就要动手去做或改写一个插件，这时候就要了解一些Cordova插件的相关知识。
在android平台上的app，在主页面时经常会遇到“再按一次退出app”的功能，避免只按一下返回键就退出app提升体验优化。
项目上有一个消息推送的功能，一开始想使用极光推送，在安卓上测试比较顺利，但是IOS上需要什么证书，没有开发者账号，感觉好麻烦。后面就想在每次启动app的时候，本地推送一次消息，碰巧官网上发现了这个插件
2015年10月16日Hipo 2.0.0正式上线App Store，似乎倏忽间就将这大半年的躁郁一扫而光。上线全新版本，~~限时免费，限时免费，限时免费~~（已经结束限免）^_^
有人问到视频上传这个问题，那我还是写一下吧，其实基本参考《ionic3多文件上传》这文章也行，不过对于单文件上传就不用那么复杂了，步骤如下：
本文版权归作者AWeiLoveAndroid所有，未经授权，严禁私自转载。转载请声明原文链接和作者信息。
前面章节基本把应用的总体配置完成了，开始进入具体页面的开发，而这些离不开与数据的交互、与用户的反馈操作等。正所谓“兵马未动，粮草先行”，现在封装下基本的服务。
今天，我们用一个最简单的例子上手Spring Data JPA的开发。 1、新建工程 首先，我们使用STS建一个工程： Paste_Image.png 这里我们示例使用H2数据库，主要是因为简单，使用
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发，相信IONIC一定会取得不错的成就 。 Mobile Angular UI
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
