- 博客(38)
- 收藏
- 关注
原创 vue项目中全局变量process
process对象是一个全局变量,提供了有关当前Node.js进程的信息并对其进行控制。新建process.js,文件中 输入 console.log(process),并在终端中执行node process.js 可以打印出process的全部属性process.env 查看当前项目运行环境的信息。
2022-10-24 15:47:48 4612 1
原创 vscode快捷键
快速定位至某行:ctrl+g 打开关闭侧边栏:ctrl+B 添加多个光标:ctrl+alt+上下箭头 或 alt+shift+鼠标操作选择某区块:alt+shift+鼠标操作向右拆分:ctrl+alt+右箭头参考:(有动图展示)vscode常用快捷键(动图演示)_尽力橘的博客-CSDN博客_vscode快捷键
2022-10-19 11:27:37 763
原创 Uni-App video组件封面poster不显示的问题
因为在加载视频组件的时候,poster为空,后面即使为poster赋值,video组件也不会更新解决办法就是加个判断,当poster的值加载完成不为空时显示video组件
2020-11-25 11:54:37 2978 2
原创 小程序添加客服
1、在小程序公众平台添加客服人员2、小程序代码中,在需要添加客服的位置添加Button按钮<button open-type="contact">在线客服</button>3、客服人员可以通过网页端登录或者是小程序端进入处理客服消息...
2020-07-24 15:37:45 1061
原创 小程序改名称
小程序命名规则1、小程序名称可以由中文、数字、英文、空格及部分特殊字符组成。长度在4-30个字符之间,一个中文字符等于两个字符。2、公众号、小程序在微信公众平台上的名称是唯一的,且属于同意公众主体下,可以重名3、不能与不同主体的公众号名称重名小程序改名规则类型 个人 非个人 发布前修改机会 2次 2次 发布后修改机会 2次/年 通过微信认证修改 1、小程序未发布前名称由A→B,A立即释放,其它小程序可以立即使用2、小程序发布后小程序改名
2020-07-24 14:38:28 877
原创 ionic4 APP 安卓9及以上http无法发送网络请求
问题在ionic4 APP 中,获取后台数据返回error,错误信息如下后来经过排查,发现是安卓九及以上禁止http请求,需要使用https,发现问题后使用了这位大神的方法,这篇文章用介绍了三种方法,我才用的是第二种,将targetSdkVersion降到27以下解决方法打开build.gradle文件,路径如下myApp\platforms\android\build.gradle...
2019-12-23 11:49:09 643 2
原创 ionic-安卓APP签名打包
为什么要给APP签名安卓系统要求每一个安卓应用必须经过数字签名才可以安装到手机中什么是签名签名就是每一个APP应用的身份认证,代表是唯一的应用生成未签名APK在项目中执行cmd 打包命令语句ionic cordova build android --release生成的未签名APK文件位置\myApp\platforms\android\app\build\outputs\apk...
2019-12-23 11:10:49 140
原创 获取 APP 安全码SHA1
什么是安全码SHA1SHA1证书指纹数据,类似于区别每个APP的特定的一个标识,防止被篡改如何获取开发版安全码SHA11、在签名文件位置处打开cmd2、在cmd 中输入命令keytool -list -v -keystore 签名文件名称keytool -list -v -keystore 签名文件名称.keystore输入命令后提示输入密钥库口令,口令是你在添加签名文...
2019-12-23 10:18:59 2615
原创 alpha、beta、和stable版本
alpha:内部测试版本,bug较多。一般开发人员和测试人员测试的版本beta:公开测试版本,alpha版本的升级版,仍存在bugstable:稳定版本,最终发行版
2019-08-13 16:37:36 2238
原创 使用nvm管理多个node版本
需求:之前公司项目是ionic3.20开发的,而新创建的项目是angular 8.0(需要使用node版本10.0X及以上),这就需要使用使用多个node版本进行开发实现:去gitHub上下载nvm:https://github.com/coreybutler/nvm-windows/releases下载后安装即可,安装后执行 nvm version 测试是否安装成功,若成功则...
2019-07-31 13:46:53 267
原创 ionic 3创建项目卡住
在创建项目时,执行命令ionic start my-app tabs卡在 Downloading and extracting处,后经测试,发现当前node版本为最新版本10.16.0,后降为8.8.1后,创建成功
2019-07-30 14:52:56 491
原创 js数组去重
一、new Set去重set更适合基本类型的去重,对象去重没有效果ES6新增新的数据结构set,它类似于数组,但是它的成员的值都是唯一的。function arrayOnly(){ var arr1 = [1,2,3,4,5,5,6,6,6,4,3]; var arr2 = new Set(arr1); var arr3 = Array.from(arr2);...
2019-07-23 15:19:36 101
原创 js赋值改变后,原数据也发生改变
问题:声明变量obj1,obj2=obj1,修改obj2的age字段,打印发现obj1的值也发生了改变 var obj1 = { name: '张三', age: 18, sex: '男' } var obj2 = obj1; console.log('obj2:', obj2) obj2.age = 22 ...
2019-07-22 09:31:47 3483 2
原创 Ionic 3 在 ios 平台下拖拽漏出灰白色背景
使用 Cordova 进行跨平台应用开发时,发现在 ios 平台下,如果页面处于最顶端时,用手指向下拖动,会露出空背景(灰白色)。同样页面在最底部的时候,继续向上拖动,下方也会露出空背景。要禁止这个拖动效果,可在 config.xml 中进行如下设置:<preference name="webviewbounce" value="false" /><preferenc...
2018-11-07 17:31:36 565
原创 ionic拍照上传图片与从文件中选择图片
本文主要使用cordova实现拍照上传,拍照上传或从文件夹中选择上传图片流程:拍照或选择图片===>获取本机路径==>向服务器上传图片,获取服务器上图片路径一、环境准备 安装 cordova-plugin-camera 插件 该插件用于调用设备摄像cordova plugin add cordova-plugin-cameranpm install...
2018-11-01 11:10:14 1594
原创 ionic返回上上级页面
需求:ionic订单支付成功返回商品详情页或支付订单页。曾经尝试:在注册返回事件中设置解决:页面跳转成功后,移除当前页 import {ViewController,NavController} from 'ionic-angular';constructor (private viewCtrl:ViewController,private navCtrl:NavContro...
2018-10-30 11:48:58 1297
原创 NavController
事件 返回值 描述 ionViewWillLeave() void 页面即将离开,不再是当前活动页面 ionViewDidLeave() void 页面完成离开,不再是当前活动页面 获取上一级页面是那个界面import { IonicPage, NavController,Navbar } from "ionic-angular";c...
2018-10-25 19:25:18 1005
原创 ionic过滤器
1、DatePipe - 对日期/时间数据进行格式变换在模板中使用date来引用DatePipe。参数用来指定格式:<!--day:new Date('2014-01-01') 结果:'01/01/14'-->{{ day | date:'yyMMdd'}}2、JsonPipe - 将JSON对象转换为字符串,在模板中使用json来引用JsonPipe,其实现基于JS...
2018-10-17 17:01:15 293
原创 ionic父子组件的传值
目录结构一、父组件==>子组件传值 父组件 about.ts:public parentVal="我是父组件的值"; 父页面 about.html: <child [parentVal]="parentVal"></child> 子组件 child.ts: 1、引入input模块import { ...
2018-08-17 18:50:17 2471
原创 安装SDK
一、SDK下载 http://www.androiddevtools.cn/二、下载后解压打开SDK Manager.exe,在以下界面中选择:install ==> 接收协议,安装三、配置环境变量新建环境变量名称为ANDROID_HOME,变量值为当前安装SDK的目录编辑path值,添加路径四、检测是否安装成功输入abd...
2018-07-10 16:38:49 239
原创 安装JDK
安装JDKJDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html点击同意协议,选择适合自己电脑版本的JDK,下载后,点击安装,在选择安装目录时,尽量不要选择源安装目录。建议新建一个文件夹,里面新建两个文件,以免覆盖。分别叫jdk,jre,...
2018-07-10 16:15:10 150
原创 ionic 省市区三级联动
本文为原创文章,转载请标明出处1、安装 ion-multi-picker ; 终端运行 npm install ion-multi-picker;2、导入 app.module.ts import { CookieService } from "ngx-cookie-service";imports: [ ... MultiPickerModule, ... ...
2018-07-04 11:43:21 1266 2
原创 css文本多行省略
实现效果如图,当文本内容超过两行时,以... ...显示display: -webkit-box !important;//将对象作为弹性伸缩盒子模型展示overflow: hidden;//超出隐藏 text-overflow: ellipsis;//超出以省略号显示-webkit-box-orient: vertical;//设置或检索伸缩盒子对象的排列方式-webkit-line-clamp...
2018-07-02 17:04:27 170
原创 ionic-infinite在隐藏后,刷新页面重新加载数据,无法下拉加载的问题
问题描述: /** * doInfinite上拉加载 */ doInfinite(infinite) { this.index++; this.infinite=infinite; /**如果conArr的长度与总数量相同,则下拉加载停止 */ if(this.conArr.length>=this.totalNum){ infinite.enab...
2018-06-28 15:28:55 688
原创 ionic 中的下拉刷新
ionic 页面中加入下拉刷新ion-refresh <!-- 下拉刷新 --> <ion-refresher (ionRefresh)="doRefresh($event)"> <ion-refresher-content pullingIcon="ios-arrow-round-down-outline" pullingText="下拉刷新"...
2018-06-27 16:59:09 529
原创 angular4.0对cookie的处理
1、安装 ngx-cookie-service,并申明 npm install ngx-cookie-serve private cookie:CookieService2、存储cookie var time=2*60*60*1000;//设置过期时间为两个小时 var timer=new Date(new Date( ).getTime( )+time);//当前时间加上有...
2018-06-27 11:16:43 2434 1
原创 angular 识别字符串中的html
ts:从后台获取数据this.likes=detailsdias.encyclopedias_likes;html
2018-06-25 10:25:14 781
原创 css中background渐变
1、线性渐变:从上到下(默认情况下)h2{ background: -webkit-linear-gradient(red, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(red, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gra...
2018-06-05 22:36:05 28102
原创 ionic中的ion-searchbar标签
<ion-searchbar (ionInput)="getItems($event)" (ionFocus)="focusInput()" (ionBlur)="blurInput()" (ionClear)="cancel($event)"></ion-searchbar>ionInput监听input输入框的变化;ionFocus当input框获取焦点时触发;ion
2018-05-31 21:53:24 3944 2
原创 angular中的ChangeDetectorRef
angular 会在我们的组件发生变化的时候,对我们的组件执行变化检测,如果检测到我们的数据发生了变化,就会执行某些操作,如修改绑定数据的时候更新视图。这样一来,当我们的组件数据比较多的时候,angular就会有很多操作在静悄悄地进行,因此,就需要ChangeDetectorRef来实时检测数据的变化并更新视图数据1、引入ChangeDetectorRef模块import { Chang...
2018-05-27 21:56:46 2156
原创 ionic返回顶部
1、引入content模块:import { content } from "ionic-angular";2、实例化:@ViewChild (Content)content:Content ;//括号内是页面内容哪一个部分, 第二个content为名字,第三个为实例化的模块;3、用法:this.content.scrollTo(0,0,3000);第一个和第二个分别是需要到达页面模块的x轴与y轴...
2018-05-27 20:50:11 595 1
原创 flex布局
一、什么是flex布局?flex布局就是弹性布局,用来为盒装模型提供最大的灵活性。任何元素都能指定为Flex布局(行内元素,行内块,块级元素),webkit内核的浏览器,需要加上-webkit前缀,设为flex布局后,子元素的float、clear、和vertical-align属性将都失效二、容器的属性1、flex-direction:决定项目排列的方向 属性值 ro...
2018-05-24 15:39:00 131
转载 ionic serve 报【ionic-app-scripts' 不是内部或外部命令 】问题解
Error: Cannot find module 'E:\angular\ionic0515\node_modules\@ionic\app-scripts' at Function.Module._resolveFilename (module.js:547:15) at Function.Module._load (module.js:474:25) at Module.r...
2018-05-15 09:43:59 4429
原创 2018.05.04工作日志
1、当页面当前页为此分类最后一页时,点击其它分类切换,这时其他分类的当前页为最后一页之前在页码改变的回调的changePage中,再次调用产品列表的方法时,传递的参数是this.pTypeID(是种类的参数),而在获取产品列表方法中,参数e是一个对象。2、购物车在用angular时,想着去处理数据,例在分类中选中某一类更换图片,就是在获取的数据中加入了新的参数,而在渲染层用新的参数值。并在某个分类...
2018-05-04 18:53:29 98
原创 Angular路由
二、动态路由传值1、设置路由{ path:"shopDetail/:id"; compontent:;//组件}2、引入动态路由模块(ActivatedRoute)并声明(private route:ActivatedRoute);3、this.route.params.subscribe(function (data){ console.log(data)})...
2018-05-01 22:25:31 72
原创 angular路由
一、基本路由1、创建带路由的项目new new demo --routing2、在生成的app-routing中导入组件;3、定义路由数组:const routes:Routes = [ {path:"home", component:HomeComponent}]4、添加路由出口<router-outlet></router-outlet>5、添加路由链接ro...
2018-04-27 09:04:26 95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人