1.Ionic3 websocket 启动没问题,编译的时候报错 events.js:136thrower;// Unhandled 'error' event^Error: read ECONNRESET at _errnoException (util.js::) at TCP.onread (net.js::) 解决办法,删除node_modules/ws目录,然后在项目目录启动命令行,输入 npm install ws@3.3.2 2.ionic3 懒加载机制问题 Ionic3的懒加载机…

cordova platform add ios@latest 安装最新ios ionic cordova build ios -- --buildFlag="-UseModernBuildSystem=0" 删除libstdc++.6 xcode不再支持…

1生命周期 ionViewDidLoad(){ console.log("1.0 ionViewDidLoad 当页面加载的时候触发,仅在页面创建的时候触发一次,如果被缓存了,那么下次再打开这个页面则不会触发"); } ionViewWillEnter(){ console.log("2.0 ionViewWillEnter 顾名思义,当将要进入页面时触发"); } ionViewDidEnter(){ console.log("3.0 ionViewDi…

BUG场景:在 ActionSheetController 使用modalCtrl.create 创建模态框时报如下错误 原代码片段 解决方式: 重新设置root page…

Ionic3首次项目实践记录 标签(空格分隔): Angular Ionic Ionic3踩坑 1. 路由懒加载(lazy load) 如果设置了懒加载,就必须全部懒加载(包括TabsPage),否则会出现路由跳转后tabs消失的情况. 2. 通过ts来返回tabs的首页: 注意必须通过this.app.getRootNav().setRoot('tabs');,不能到home,否则,tabs会消失. 参见stackoverflow | Issues import { App } from "i…

总的来说都很顺利,毕竟已经打包成功在手机上面跑起来了,给的两个教程很给力,基本没有误差,照着步骤敲没问题,打包命令有所更新目前已修正,吃一堑长一智下面说下其中遇到的问题:1.第一点是ionic serve这个启动服务时遇到的问题,总是手欠把ionic serve敲成ionic server倒是启动服务屡屡报错,后面突然恍然大悟,于是顺利的启动了服务.2.第二点是打包命令,本来的文档里面的打包命令可能是由于版本比较落后,打包命令运行不成功,后由新打包命令运行不报错.3.第三点是安装Gradle,这…

如果内容没有被<ion-content></ion-content>或者<ion-header></ion-header>标签包裹,页面过渡的时候是没有动画效果了. 但设置成"md-transition", "wp-transition"这两种动画效果, 就算没有那两个标签包裹,也会出现页面动画效果. 翻了下源码和看了下动画设置, ios效果的动画效果是加在ion-content或者ion-header的组件上的. 其…

上图: module: import {NgModule} from "@angular/core"; import {CommonModule} from "@angular/common" import {PpInputComponent} from './pp-input' import {FormsModule} from "@angular/forms"; @NgModule({ declarations: [PpInputCompon…

在ionic开发公用组件的时候,我一直在想有没有angular有没有像vue一样的slot插槽.方便组件后期扩展. 然后去翻文档,发现有ng-content这么个东西,用法很像vue的slot. 组件预留插槽位置 <div class="header-wrapper"> <div class="header"> <span class="back" *ngIf="showBackButton"&g…

按照官方文档安装和使用,最后在打包的时候报错 /platforms/android/src/info/protonet/imageresizer/ImageResizer.java:12: error: package org.apache.cordova.camera does not exist import org.apache.cordova.camera.FileHelper; 看了下应该是没有camera相关依赖. ionic cordova plugin add cordova-p…

1.安装基本框架npm install -g ionic@latest npm install -g cordova ionic 验证版本号 ionic –version cordova -version 2.新建ionic项目 ionic start myapp 会显示选项列表 tabs:创建一个选项卡项目 blank:创建一个空白项目 sidemenu:创建一个侧边菜单项目 super: 创建一个预制的完整项目,提供ionic开发最佳实践 conference:创建一个展示真是应用的项目 t…

自定义font的时候,在assets中创建的文件夹名字别用fonts,会与ionic默认样式冲突,在浏览器中调试是正常的,到手机上就出问题了. 在html中写img的src直接如图  assets前面不要加../.…

1  错误:Unable to merge dex 执行打包命令时 ionic cordova build android --prod 报如下错误 2 原因 重复引用了同一个包 如上图所示, com-sarriaroman-photoviewer,cordova-plugin-imagepicker 插件同时引入了com.squareup.picasso:picasso:2.5.2,虽然不知道这文件是个什么鬼!!!但这并不影响我们解决问题. 3 解决办法 在平台文件下检查安装过的插件包,查看插…

1.若未安装cordova 需先安装cordova 包: npm install -g cordova 2.安装docker 可查看官方文档进行一步步的安装:https://docs.docker.com/install/linux/docker-ce/ubuntu/ 3.在项目中找到含有 mkbld文件的目录下,执行命令: sudo ./mkbld 项目名 即开始build过程. 4.build过程中若遇到push失败问题可查看另一文档: https://www.cnblogs.com/hsl…

app.module.ts app的根模块,一些插件的引用需要在这里声明,告诉APP如何组装应用: app.componet.ts app的根组件,主要用来APP启动时和启动后的操作;…

一个业务流程需要多个弹窗: 在上一个弹窗的onDidDissmiss写下一个弹窗:…

{ display:flex; align-items:center; } 未完待续...…

判断设备网路是否正常: 安装插件: ionic cordova plugin add cordova-plugin-network-information npm install --save@native/network…

这里主要是记录ionic3+angular4开发混合app时自定义组件,我想自定义组件的方法和angular4应该类似,具体在纯angular4中自定义组件,暂时没有实践,个人觉得差别不大,之后实践了会再次更新. 首先,在ionic3中有命令可以直接创建一个组件:ionic g component componentName 使用这个命令创建的组件会在components目录下生成一个组件文件夹和一个module文件,具体目录,请看截图:我这里是有3个小组件 并且会把你创建的组件自动import…

之前我有篇随笔讲的是ionic3应用内跳转第三方地图应用的方法 忘了记录在ios内是需要把你用到的第三方地图应用加入跳转URL白名单内的 第三个是高德地图 iosamap 第四个是百度地图 baidumap 第二个微信  wechat 忽略第一个 ^_^…

ionic3 通过插件phonegap-plugin-barcodescanner,调用机器硬件摄像头实现扫码功能. 首先当然先了解下 phonegap-plugin-barcodescanner,这个插件. 支持的平台 Android的 iOS版 Windows(Windows / Windows Phone 8.1和Windows 10) Windows Phone 8 黑莓10 浏览器 支持的条码类型 安装 首先,我们在项目中安装这个插件和ionic-native插件: $ ionic c…

安卓 环境:ionic3  + 极光 "jpush-phonegap-plugin": "^3.4.3" "cordova-plugin-jcore": "^1.2.3" android@6.4.0   插件github: https://github.com/jpush/jpush-phonegap-plugin 在极光推送注册,然后创建应用--推送设置 应用包名一定要与config.xml一致     安装插件: ioni…

初次尝试Ionic,边学习边记录下来,以免以后忘记了,入坑向(￣ω￣;) 1.Ionic环境安装 Ionic开发是依赖于Nodejs环境的,所以在开发之前我们需要安装好Nodejs.下载安装:http://nodejs.org/ 这里选择下载推荐大多数用户使用的 安装完成后打开CMD执行node -v和npm -v命令,返回版本号表示已安装成功. 然后执行npm install -g cordova ionic命令安装cordova和ionic PS:安装过程中可能需要FQ,最好挂上VPN安装.…

去年年底到现在几个月一直在忙项目,angular已经更新到angular4,ionic也同步更新到ionic3,这几天抽空用ionic3做了个小demo,代码发布到码云, https://gitee.com/crossinfo/ionic3-base demo很简单,基于ionic3框架搭建的基础项目,包括学员列表.学员信息.签到.签到记录.注册登录等基础页面,目前并未做后台交互. demo视频演示地址:https://v.qq.com/x/page/i0536bn58sz.html      …

通过IONIC2升级到3的时候,经过我一系列的测试,以及网上各种办法,现将新测有效的方法记录如下,本人按如下方法,对多个项目升级后,都能正常打包成APK IONIC 2到3的升级: 1.拷贝ionic3相关的配置文件覆盖原来的a.resource文件夹b.config.xml[执行cordova命令时必须的东西],ionic.config.json,ionic.starter.json, package.json 这些都拷贝覆盖c.执行cordova platform add android 这…

在项目需求中,有需要用到输入框在进入这个页面的时候就自动定位获取这个输入框的焦点. 查了许多资料,也问了ionic3的大神,现将知识点记录如下: 1.能不能直接设置ion-input的属性值来达到自动获取焦点的目的 使用autofocus="true"属性值 效果: ⑴在网页端浏览,可以自动获取焦点了,这个方式应该对只需要web端的同学有效.但使用ionic3框架的目的应该是为了制作移动端吧. ⑵在移动端可以获取焦点,但随后就失去焦点了.显然,移动端的获取焦点这个方式是不可行的. 2.…

在使用FIS3搭建项目的时候,遇到了一些问题,这里记录下. 这里是发布搭建代码: // 代码发布时 fis.media('qa') .match('*.{js,css,png}', { useHash: true }) // 添加指纹 .match('*.js', { optimizer: fis.plugin('uglify-js') }) // js压缩 .match('*.css', { optimizer: fis.plugin('clean-css') }) // css压缩 .mat…

午休完上班后,同事说测试站点访问接口出现400 Bad Request  Request Header Or Cookie Too Large提示,心想还好是测试服务器出现问题,影响不大,不过也赶紧上服务器进行测试查看,打开nginx与ugwsi日志与配置,发现后端服务日志记录正常,而测试站点的访问日志有7百多M(才运行两三天没几个访问,几M的话才是正常现象),在浏览器里直接访问后端服务接口也正常没有问题(我们的服务器软件架构是微服务架构,将很多模块分拆后分别部署,前端是一个纯HTML站点,通过…

好记性不如烂笔头,记录一下. 我是在淘宝买的拓实N87,Kali可以识别,还行. 操作系统:Kali 开始吧. 查看一下网卡的接口.命令如下 airmon-ng 可以看出接口名称是wlan0mon. 接下来开启无线网卡的监听模式,命令如下 airmon-ng start wlan0mon #接口名称是什么这里就写什么 already enabled for 这是因为我已经开启了,背景可看出. 查看周围的wifi网络,命令如下 airodump-ng wlan0mon 列出来之后就按Ctrl+C停…

2015 西雅图微软总部MVP峰会记录 今年决定参加微软MVP全球峰会,在出发之前本人就已经写这篇博客,希望将本次会议原汁原味奉献给大家 因为这次是本人第一次写会议记录,写得不好的地方希望各位园友见谅! 出发前 关于签证问题,微软会给决定参加峰会的朋友发送邀请函的,Visa Officer看到邀请函之后90%会给你通过的,所以不需要太担心 微软的邀请函 在出发前的最后一个星期是选择课程,因为峰会这几天时间是需要上课的 登录峰会的选课系统 因为我是SQL Server方向,所以基本都是SQL Se…