- ionic学习(二):Ionic4+Vue+Capacitor搭建项目
天丶子衿
一、创建项目1、使用VueCLi搭建Vue项目npminstall-g@vue/clivuecreateionic-vue-appcdionic-vue-app创建成功之后通过命令启动项目:npmrunserve具体创建方式及相关配置参照文章vuecli3.x搭建项目2、然后添加Ionic框架npminstall@ionic/vue3、引用Ionic框架至项目中。打开src/main.js,配置如
- ionic4 customer icon useless(自定义icon无法正常使用)
anyangdp
1.usage:(用法:)iconurl:(图标下载地址)data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoa
- ionic4 入门 (三) 完善tabs
微笑城ios
ionic4入门(三)完善tabs创建界面cli:ionicgpagecart/cart创建cart路径下的home界面cli:ionicgpagemine/mine创建mine路径下的mine界面配置路由import{NgModule}from'@angular/core';import{CommonModule}from'@angular/common';import{FormsModule}
- ionic4 ion-tabs 切换tab更改颜色
cx322
global.scss添加.tab-selected{color:#ff4a4a!important;}
- cordova-plugin-statusbar-状态栏
SandLZ
node10.15.0ionic4.12.0cordova9.0#platformscordova-android:8.0.0cordova-ios:5.0.0安装ioniccordovapluginaddcordova-plugin-statusbarnpminstall@ionic-native/status-bar配置一般来说,无需设置。config.xml//相当于设置全屏//背景//io
- Ionic4 生命周期钩子函数-Lifecycles
阿谋_3428
Ionic4中的生命周期函数和angualr7基本是一样的,下面我们看看Ionic4中的生命周期函数,以及生命周期函数的用法。Ionic4中内置的生命周期函数:ionViewWillEnter —当进入一个页面时触发(如果它从堆栈返回)ionViewDidEnter —进入后触发ionViewWillLeave —如果页面将离开触发ionViewDidLeave — 在页面离开后触发ionView
- cordova-plugin-ionic-webview
SandLZ
node10.15.0ionic4.12.0cordova9.0#platformscordova-android:8.0.0cordova-ios:5.0.0安装ioniccordovapluginaddcordova-plugin-ionic-webviewnpminstall@ionic-native/ionic-webview配置config.xml//默认值:localhost//And
- 解决ionic4 Android版本8.0及以上升级 版本更新下载后不能打开app问题
喜欢喝酸奶的叱利霞月
在android8.0版本升级不能打开app,必须在您的项目工程中加入:ACTION_INSTALL_PACKAG。在ionic4的config.xml中加入如下:图一或者在android平台的AndroidManifest.xml添加如下:图二在解决问题参考如何链接:https://blog.csdn.net/spurs611/article/details/92812770https://bl
- cordova-plugin-device-设备
SandLZ
node10.15.0ionic4.12.0cordova9.0#platformscordova-android:8.0.0cordova-ios:5.0.0欢迎访问我的专栏:ionic4混合开发实战-csdnionic4混合开发实战-概述此插件可用于收集客户端的信息,用于用户分析及错误排查安装ioniccordovapluginaddcordova-plugin-devicenpminstal
- Ionic+Angular移动应用程序开发
会飞的阿史
前端框架相关Ionic+angularionic移动应用程序
Ionic程序开发教程1.介绍和安装2.常用指令3.电梯1.介绍和安装Ionic:Ionic是一个开源的移动应用程序开发框架,它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用,混合appweb页面。Ionic4目前已经发布了基于Angular的正式版本,对React和Vue的支持尚处于alpha状态。注意:angular1.x
- 使用cordova + ionic4 + angular使用步骤
人生如游戏---
CSS3+JSionic
第一步安装$npminstall-gcordovaionic第二步利用官方提供的模板创建一个项目myApp项目名tabsblanksidemenu是3个模板创建的时候内部script我们选择angularJS$ionicstartmyApptabs$ionicstartmyAppblank$ionicstartmyAppsidemenu第三步打包编译运行//安装部署到模拟器和设备的插件npmins
- Ionic 模块组件的理解
@Autowire
FE前端相关知识学习angular.js前端javascript
1Ionic4.x文件分析1.1app.module.ts分析Ionic是一个基于Angular的移动应用开发框架,能帮助开发者使用Web技术(HTML5、CSS3、JavaScript)创建跨平台的应用程序。在Ionic应用程序中,app.module.ts文件是整个应用程序的入口点,它定义了应用程序的模块和依赖项,并且配置了应用程序的生命周期事件。app.module.ts是Ionic的根模块
- ionic4 启动页白屏问题2019-04-18
Catnip_ea10
参考:https://www.cnblogs.com/leisir/p/8392325.html我的做法是在config.xml中加入然后在进入的首页的ts文件(tabs-page.ts)中加入import{Platform}from'@ionic/angular';import{SplashScreen}from'@ionic-native/splash-screen/ngx';//...con
- 【ionic4】hybrid app示例
匿于烟火中
CordovaterminatingwithuncaughtexceptionoftypeNSExceptionhttps://github.com/katzer/cordova-plugin-background-mode/issues/381Error:Errorcode1forcommand:xcodebuildwithargs:-xcconfig,/Users/Geek/work/lim-
- Ionic4+angular 安卓打包gradle版本修改
胡桃Ku
前言cordova增加安卓平台信息时会自带gradle版本信息,有时与本地既有gradle版本不同(比如Androidstudio内更新了gradle),此时可以通过修改如下文件gradle版本信息来解决因gradle版本不同导致的打包报错。修改内容文件platforms\android\cordova\lib\builders\ProjectBuilder.jsvardistributionUr
- ionic4 的代理配置
零点CoCo
第一步AppModuleimports:[BrowserModule,IonicModule.forRoot(),AppRoutingModule,HttpClientModule]第二步新建serviceexportclassComService{constructor(privatehttp:HttpClient){}get(url:string){returnnewObservable((o
- 2019-09-18
蓝子_23d0
Ionic4概述与demo练习1.什么是IonicFramework?IonicFramework是一个开源UI工具包,用于使用Web技术(HTML,CSS和JavaScript)构建高性能的高质量移动和桌面应用程序。2.Ionic核心概念平台连续性:PlatformContinuity是IonicFramework的内置功能,允许应用程序开发人员在多个平台上使用相同的代码库。每个Ionic组件都
- ionic绝对定位画fab
weixin_38287114
ionic3社会的毒打ionic4前端
今天要求在页面的下部画一个banner一样的东西。那个页面有一个下滑的列表。画好后发现固定的banner就老是随着列表一起滑动。百度了半天找到这篇文章。ionic3和ionic4ion-content中元素固定位置不滚动(fixed定位)-johnjackson-博客园总之就是ionic3的话在标签里面加上ion-fixedionic4的话就在标签里面加上slot="fixed"就可以解决了。
- ionic4-Plugin(插件)开篇
SandLZ
前言说到插件,不得不提到ionic框架实现app的方式,在Capacitor未出现之前,一直是Cordova独大,后面我们也会使用Cordova的方式来介绍和编写插件。插件作用插件的存在就是为了能满足js端与native端通信,比如访问摄像头实现拍照,访问蓝牙以及自定义的一些功能等.Cordova相关架构图官网架构图WebApp即使我们的前端,通过WebView渲染到手机App上;WebApp与原
- 将Echarts集成到ionic4应用程序中
海染蓝了天_2d47
1.第一种首先我们创建一个ionic4的标准项目image.png接下来,我们安装Echarts库和NGXEcharts库,它提供了一个角度指令,允许我们非常容易地将Echarts集成到angular应用程序中。有关最新文档,https://github.com/xieziyu/ngx-echartsimage.png要使用ngxecharts指令,我们必须导入模块。在模块文件中导入ngxecha
- vue是被ionic4抛弃了吗
tdabin
学习ionic4vue
之前ionic4刚出来的时候,是说会把angular、Vue、React一视同仁的。今天准备开始写收支系统V4安卓app的打包方法,想去升级下ionic4的时候,发现React的版本上去了,但是vue的版本一直都没有动静啊!这是要抛弃vue的节奏吗?
- 解决ionic4在android启动白屏问题
yudian123
原因:build完www中index.html文件的js引用路径不正确导致解决:修改src-index.html如下内容:将:替换为:或者你在根路由模块配置一个{provide:LocationStrategy,useClass:HashLocationStrategy},如果你服务器的配置经常换的话问题解决
- ionic4内置的生命周期函数
yw00yw
ionicionicionic生命周期
Ionic4中的生命周期函数和angualr7基本是一样的,可以在Ionic中同时使用ionic内置的生命周期函数也可以使用angular的生命周期钩子函数。Ionic4中内置的生命周期函数:**ionViewWillEnter** —当进入一个页面时触发(如果它从堆栈返回)**ionViewDidEnter** —进入后触发**ionViewWillLeave**—如果页面将离开触发**ionV
- ionic4.x仿京东 - 11.Angular路由守卫,登录权限判断
ZYYzyy1993
ionic
一、路由守卫1、概念——当用户满足一定条件才被允许进入或者离开一个路由。2、路由守卫场景:只有当用户登录并拥有某些权限的时候才能进入某些路由。一个由多个表单组成的向导,例如注册流程,用户只有在当前路由的组件中填写了满足要求的信息才可以导航到下一个路由。当用户未执行保存操作而试图离开当前导航时提醒用户。3、路由守卫Angular提供了一些钩子帮助控制进入或离开路由。这些钩子就是路由守卫,可以通过这些
- Ionic4 生命周期钩子函数和angular生命周期钩子函数介绍
smileAgain-lg
angular.jsjavascript前端
1、Ionic4生命周期钩子函数Ionic4(以及之后的Ionic版本)使用了Angular生命周期钩子,因为Ionic是基于Angular构建的。因此,Ionic4中的生命周期与Angular组件生命周期非常相似。以下是一些常见的Ionic4生命周期钩子:ionViewDidLoad:在页面加载完成后触发。通常用于执行一次性的初始化任务。不推荐使用此生命周期,因为它已经被废弃,可以用ngOnIn
- Ionic4+angular 安卓打包 签名包(release 包)
胡桃Ku
前言项目环境为ionic4+angular8记一套简单的安卓签名包打包方法。1.生成.jks签名文件找到本机javajdk路径如:C:\ProgramFiles\Java\jdk1.8.0_131\bin打开管理员权限命令行工具(下图示例用的ruby,node命令行也行)到上述路径,执行keytool-genkey-v-keystore项目名.jks-keyalgRSA-keysize2048-v
- 微信开发之Angular6+Ionic4与JS-SDK
蒹葭乄白露
刚开始接到这个项目时,因为对Angular比较熟悉,所以就选用了Angular6+Ionic4框架构造整个项目,开发界面时一切顺利,到了开发微信JS-SDK的时候就有点懵了,网上关于Angular2~6开发微信JS-SDK的案例一个都找不到,这下就不好办了,这时候再换框架的话就太拖进度了,会被骂死,而且新框架也不一定那么适用。辛辛苦苦配置好服务器之后,开始开发JS-SDK了,从官方平台上下载了de
- Ionic4 ion-picker设定动态默认值
Steven2619
背景:前两天在用ionic4UI写个demo,在用到组件ion-picker的时候,碰到个需求,需要动态设定该组件的默认选中项(即:每次打开组件的选中项是上一次操作的选中值),看过官网例子picker都知道,官网上每次打开都默认选中的是第一项在网上找了几天没找到解决办法,最终在大佬(IT晴天)指点下,知道了每列都有selectedIndex属性,可以设置每列的选中项,感谢!!!最终效果如下图:pi
- ionic3错误TypeError: Cannot read property 'constructor' of undefined
谨言的鼠猫
ionic3ionic3
ionic3出现错误TypeError:Cannotreadproperty'constructor'ofundefined,原因是ionic3的项目安装插件的时候,安装的是最新的插件,而最新的插件是对于ionic4的。解决办法:到ionic3的官网上重新安装插件。附:ionic3官网插件地址:https://ionicframework.com/docs/v3/native/ps:一定要看ion
- IONIC4+CORDOVA 指令笔记,欢迎补充
疯子不爱看美剧
1.编译打包移除cordovaplatformls(查看项目已安装平台)ionicplatformaddandroid(添加android平台)ionicplatformrmios(移除android平台)ioniccordovabuildios--prod(添加ios平台)2.安装和移除插件ioniccordovapluginremovecom.plugin.goscanioniccordova
- Enum 枚举
120153216
enum枚举
原文地址:http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration
于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型,比如四个季节、扑克花色。在出现enum type之前,通常用一组int常量表示枚举类型。比如这样:
public static final int APPLE_FUJI = 0
- Java8简明教程
bijian1013
javajdk1.8
Java 8已于2014年3月18日正式发布了,新版本带来了诸多改进,包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。
一.允许在接口中有默认方法实现
Java 8 允许我们使用default关键字,为接口声明添
- Oracle表维护 快速备份删除数据
cuisuqiang
oracle索引快速备份删除
我知道oracle表分区,不过那是数据库设计阶段的事情,目前是远水解不了近渴。
当前的数据库表,要求保留一个月数据,且表存在大量录入更新,不存在程序删除。
为了解决频繁查询和更新的瓶颈,我在oracle内根据需要创建了索引。但是随着数据量的增加,一个半月数据就要超千万,此时就算有索引,对高并发的查询和更新来说,让然有所拖累。
为了解决这个问题,我一般一个月会进行一次数据库维护,主要工作就是备
- java多态内存分析
麦田的设计者
java内存分析多态原理接口和抽象类
“ 时针如果可以回头,熟悉那张脸,重温嬉戏这乐园,墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗?这大时代会不会牵挂,过去现在花开怎么会等待。
但有种意外不管痛不痛都有伤害,光阴远远离开,那笑声徘徊与脑海。但这一秒可笑不再可爱,当天心
- Xshell实现Windows上传文件到Linux主机
被触发
windows
经常有这样的需求,我们在Windows下载的软件包,如何上传到远程Linux主机上?还有如何从Linux主机下载软件包到Windows下;之前我的做法现在看来好笨好繁琐,不过也达到了目的,笨人有本方法嘛;
我是怎么操作的:
1、打开一台本地Linux虚拟机,使用mount 挂载Windows的共享文件夹到Linux上,然后拷贝数据到Linux虚拟机里面;(经常第一步都不顺利,无法挂载Windo
- 类的加载ClassLoader
肆无忌惮_
ClassLoader
类加载器ClassLoader是用来将java的类加载到虚拟机中,类加载器负责读取class字节文件到内存中,并将它转为Class的对象(类对象),通过此实例的 newInstance()方法就可以创建出该类的一个对象。
其中重要的方法为findClass(String name)。
如何写一个自己的类加载器呢?
首先写一个便于测试的类Student
- html5写的玫瑰花
知了ing
html5
<html>
<head>
<title>I Love You!</title>
<meta charset="utf-8" />
</head>
<body>
<canvas id="c"></canvas>
- google的ConcurrentLinkedHashmap源代码解析
矮蛋蛋
LRU
原文地址:
http://janeky.iteye.com/blog/1534352
简述
ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢?其实它本身是对
ConcurrentHashMap的封装,可以用来实现一个基于LRU策略的缓存。详细介绍可以参见
http://code.google.com/p/concurrentlinke
- webservice获取访问服务的ip地址
alleni123
webservice
1. 首先注入javax.xml.ws.WebServiceContext,
@Resource
private WebServiceContext context;
2. 在方法中获取交换请求的对象。
javax.xml.ws.handler.MessageContext mc=context.getMessageContext();
com.sun.net.http
- 菜鸟的java基础提升之道——————>是否值得拥有
百合不是茶
1,c++,java是面向对象编程的语言,将万事万物都看成是对象;java做一件事情关注的是人物,java是c++继承过来的,java没有直接更改地址的权限但是可以通过引用来传值操作地址,java也没有c++中繁琐的操作,java以其优越的可移植型,平台的安全型,高效性赢得了广泛的认同,全世界越来越多的人去学习java,我也是其中的一员
java组成:
- 通过修改Linux服务自动启动指定应用程序
bijian1013
linux
Linux中修改系统服务的命令是chkconfig (check config),命令的详细解释如下: chkconfig
功能说明:检查,设置系统的各种服务。
语 法:chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level <</SPAN>
- spring拦截器的一个简单实例
bijian1013
javaspring拦截器Interceptor
Purview接口
package aop;
public interface Purview {
void checkLogin();
}
Purview接口的实现类PurviesImpl.java
package aop;
public class PurviewImpl implements Purview {
public void check
- [Velocity二]自定义Velocity指令
bit1129
velocity
什么是Velocity指令
在Velocity中,#set,#if, #foreach, #elseif, #parse等,以#开头的称之为指令,Velocity内置的这些指令可以用来做赋值,条件判断,循环控制等脚本语言必备的逻辑控制等语句,Velocity的指令是可扩展的,即用户可以根据实际的需要自定义Velocity指令
自定义指令(Directive)的一般步骤
&nbs
- 【Hive十】Programming Hive学习笔记
bit1129
programming
第二章 Getting Started
1.Hive最大的局限性是什么?一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce),不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的?Hive persists table schemas and other system metadata.
- nginx有选择性进行限制
ronin47
nginx 动静 限制
http {
limit_conn_zone $binary_remote_addr zone=addr:10m;
limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;...
server {...
location ~.*\.(gif|png|css|js|icon)$ {
- java-4.-在二元树中找出和为某一值的所有路径 .
bylijinnan
java
/*
* 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it.
* 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
- Netty学习笔记
bylijinnan
javanetty
本文是阅读以下两篇文章时:
http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html
http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html
我的一些笔记
===
- js获取项目路径
cngolon
js
//js获取项目根路径,如: http://localhost:8083/uimcardprj
function getRootPath(){
//获取当前网址,如: http://localhost:8083/uimcardprj/share/meun.jsp
var curWwwPath=window.document.locati
- oracle 的性能优化
cuishikuan
oracleSQL Server
在网上搜索了一些Oracle性能优化的文章,为了更加深层次的巩固[边写边记],也为了可以随时查看,所以发表这篇文章。
1.ORACLE采用自下而上的顺序解析WHERE子句,根据这个原理,表之间的连接必须写在其他WHERE条件之前,那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。(这点本人曾经做过实例验证过,的确如此哦!
- Shell变量和数组使用详解
daizj
linuxshell变量数组
Shell 变量
定义变量时,变量名不加美元符号($,PHP语言中变量需要),如:
your_name="w3cschool.cc"
注意,变量名和等号之间不能有空格,这可能和你熟悉的所有编程语言都不一样。同时,变量名的命名须遵循如下规则:
首个字符必须为字母(a-z,A-Z)。
中间不能有空格,可以使用下划线(_)。
不能使用标点符号。
不能使用ba
- 编程中的一些概念,KISS、DRY、MVC、OOP、REST
dcj3sjt126com
REST
KISS、DRY、MVC、OOP、REST (1)KISS是指Keep It Simple,Stupid(摘自wikipedia),指设计时要坚持简约原则,避免不必要的复杂化。 (2)DRY是指Don't Repeat Yourself(摘自wikipedia),特指在程序设计以及计算中避免重复代码,因为这样会降低灵活性、简洁性,并且可能导致代码之间的矛盾。 (3)OOP 即Object-Orie
- [Android]设置Activity为全屏显示的两种方法
dcj3sjt126com
Activity
1. 方法1:AndroidManifest.xml 里,Activity的 android:theme 指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例: <application
- solrcloud 部署方式比较
eksliang
solrCloud
solrcloud 的部署其实有两种方式可选,那么我们在实践开发中应该怎样选择呢? 第一种:当启动solr服务器时,内嵌的启动一个Zookeeper服务器,然后将这些内嵌的Zookeeper服务器组成一个集群。 第二种:将Zookeeper服务器独立的配置一个集群,然后将solr交给Zookeeper进行管理
谈谈第一种:每启动一个solr服务器就内嵌的启动一个Zoo
- Java synchronized关键字详解
gqdy365
synchronized
转载自:http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html
多线程的同步机制对资源进行加锁,使得在同一个时间,只有一个线程可以进行操作,同步用以解决多个线程同时访问时可能出现的问题。
同步机制可以使用synchronized关键字实现。
当synchronized关键字修饰一个方法的时候,该方法叫做同步方法。
当s
- js实现登录时记住用户名
hw1287789687
记住我记住密码cookie记住用户名记住账号
在页面中如何获取cookie值呢?
如果是JSP的话,可以通过servlet的对象request 获取cookie,可以
参考:http://hw1287789687.iteye.com/blog/2050040
如果要求登录页面是html呢?html页面中如何获取cookie呢?
直接上代码了
页面:loginInput.html
代码:
<!DOCTYPE html PUB
- 开发者必备的 Chrome 扩展
justjavac
chrome
Firebug:不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench
ChromeSnifferPlus:Chrome 探测器,可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
- 算法机试题
李亚飞
java算法机试题
在面试机试时,遇到一个算法题,当时没能写出来,最后是同学帮忙解决的。
这道题大致意思是:输入一个数,比如4,。这时会输出:
&n
- 正确配置Linux系统ulimit值
字符串
ulimit
在Linux下面部 署应用的时候,有时候会遇上Socket/File: Can’t open so many files的问题;这个值也会影响服务器的最大并发数,其实Linux是有文件句柄限制的,而且Linux默认不是很高,一般都是1024,生产服务器用 其实很容易就达到这个数量。下面说的是,如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了,所以我将这篇归纳进
- hibernate调用返回游标的存储过程
Supanccy2013
javaDAOoracleHibernatejdbc
注:原创作品,转载请注明出处。
上篇博文介绍的是hibernate调用返回单值的存储过程,本片博文说的是hibernate调用返回游标的存储过程。
此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。
1,创建oracle中的包,并在该包中创建的游标类型。
---创建oracle的程
- Spring 4.2新特性-更简单的Application Event
wiselyman
application
1.1 Application Event
Spring 4.1的写法请参考10点睛Spring4.1-Application Event
请对比10点睛Spring4.1-Application Event
使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低;
1.2 示例
包依赖
<p