看群里发的，记录下
https://blog.csdn.net/malonely/article/details/52512827?tdsourcetag=s_pctim_aiomsg
https://my.oschina.net/u/2949632/blog/1475364?tdsourcetag=s_pctim_aiomsg
ionic使用sliders做滑动切换tab效果
ionic编译提示error: resource android:attr/fontVariationSettings not found.
估计是gradle或者sdk版本太高造成的
解决办法：
安装插件cordova-android-support-gradle-release
https://github.com/dpa99c/cordova-android-support-gradle-release
ionic/cordova打开apk文件提示exposed beyond app through Intent.getData()
解决办法：
最简单的解决办法就是把arduino SDK版本降到23，但也可能造成其他问题
其他解决办法：
https://github.com/Smile-SA/cordova-plugin-fileopener/issues/15
https://inthecheesefactory.com/blog/how-to-share-access-to-file-with-fileprovider-on-android-nougat/en
https://stackoverflow.com/questions/38200282/android-os-fileuriexposedexception-file-storage-emulated-0-test-txt-exposed
ionic应用全屏/状态栏透明等操作
华为手机适配：
直接在入口文件MainActivity.java中添加：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
import android.graphics.Color; import android.view.View; import android.view.Window; import android.os.Build; if (Build.VERSION.SDK_INT >= 21) { final Window window = getWindow(); window.getDecorView().setSystemUiVisibility( View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN); window.setStatusBarColor(Color.TRANSPARENT); } |
关于隐藏状态栏、导航栏：
https://blog.csdn.net/QQxiaoqiang1573/article/details/79867127
留海屏适配（android 9.0之后google官方支持）
https://developer.huawei.com/consumer/cn/devservice/doc/50114
Android SDK目录及版本号区别
https://blog.csdn.net/aiynmimi/article/details/51028499
ionic3 升级 ionic4
提示：
error TS2307: Cannot find module ‘rxjs-compat/Observable’
将
import { Observable } from ‘rxjs/Observable’;
改为
import { Observable } from ‘rxjs’;
即可
合并json数据
方法1:
|
1 2 |
var places = JSON.parse((JSON.stringify(json1)+JSON.stringify(json2)).replace(/}{/,',')); |
方法2：
|
1 |
<br /> |
ionic3和ionic4差异
版本差异
先了解下ionic4 >>> ionic4概述
在继续使用angular开发的前提下，ionic4和ionic3还是有诸多差异，总的来说更angular了。
主要主要注意的如下：
项目结构
不ionic了，以后都angular了。命名方式都用angular的了；provider也改成angular的叫法了，以后请叫service
生命周期
一句话，在ionic4中，用angular的生命周期钩子，不要用以前ionic的
导航
ionic中经典的基于NavController和ion-nav的导航方式已经被废弃了。ionic现在推荐使用angular路由
懒加载
好吧，又被废弃了，推荐使用angular路由的loadChildren方法实现
总结，从新回去学angular
ionic4开发教程——快速开始
快速开始
只需三步即可快速开始（你需要预先安装上node和git）
安装ionic cli
|
1 2 |
npm install -g ionic |
新建项目
|
1 2 |
ionic start myApp tabs --type=angular |
运行App
|
1 2 3 |
cd myApp ionic serve |
ionic4开发教程——ionic4概述
什么是ionic
ionic是一套开源UI套件。其使用web技术构建，可以用于移动端、桌面端应用开发。
ionic特点
跨平台
无论是android、ios还是windows、mac应用都可以使用ionic开发。
基于web标准
ionic程序使用html、css、js开发，可以调用标注的web api
简洁优雅
代码很简洁，学习很简单，开发很畅快
什么是ionic4
ionic是基于cordova(web app打包方案)的app构建方案。ionic app本质是一个web app，然后通过cordova可以打包成一个android、ios app或者桌面程序。
要说ionic4，还得说说ionic的历史版本
ionic历史版本
ionic1，使用angularjs构建
ionic2~3，使用angular构建
这里需要特别说明下，angularjs和angular是两套框架，一个团队开发的两套框架，名字类似，但完全是两套框架。angularjs使用js开发，angular使用ts开发。
ionic4，是当前最新版本，官方版本集成angular，也支持使用vue、react开发。
为啥能支持angular以外的框架？
简单说就是，ionic4将之前版本中用angular写的一些核心组件重写了，不在依赖angular了。
详细点说，之前的ionic和angular耦合性很高，所有组件都是使用angular写成的。因此你没办法再使用其他框架，只能用angular开发。但ionic4进行了重新设计，ionic构建了一套独立的web组件库（没有依赖angular），因此ionic4可以使用angular以外的框架进行开发。
能不能继续用angular开发？
当然可以，angular大法好，ts大法好，巨硬股沟大法好！
通过调用@ionic/angular包，可以使用ionic2/3所具备的所有功能。
待续