自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 js默认当前日期为开始时间时进行天数计算出错的原因分析及解决方法(vue使用mintui内的时间组件)

例如实现下面的计算: 计算天数时间差: (new Date(离店时间) - new Date(入店时间))/(1000 * 60 * 60 * 24) 说明:默认初始值为new Date()的当前时间,选择离店时间后,进行天数的计算。例如当前时间是2019年12月31日,那住店时间是2019年的...

2020-01-22 10:57:10

阅读数 23

评论数 0

原创 React+Ant Design实现可编辑单元格、添加行并利用form获取新增数据

实现如下图所示需求: 实现功能说明: 点击添加按钮,在表格中添加新的空白行(如下图所示),在点击提交的时候获取空白行的数据 在构造函数内定义: constructor(props) { super(props) this.state = { dataSource...

2019-12-10 09:44:40

阅读数 48

评论数 0

原创 react父子组件之间的传参

项目文件结构如下图: 实现search组件内输入的值在父组件内接收到。 1.定义接收子组件传的变量 this.state = { searchPost:{},//搜索的值 } 2.父组件引入子组件 import Search from './Components/Searc...

2019-11-05 10:42:58

阅读数 12

评论数 0

原创 vue项目配置多入口

有时候在一个vue项目需要多个入口,解决这个问题的方法有两种: 方法一: 在main.js的入口文件中根据url的后缀名称进行判断然后进行页面的跳转 localhost:8080?startPage=index 根据startPage的值进行判断 方法二: 给vue项目配置多个入口文件,通过访问的...

2019-10-10 15:38:34

阅读数 25

评论数 0

原创 vue修改打包配置实现代码打包后的自定义命名

首先修改router文件: 例如,这是原本方法引用页面: //基础配置 import BasicDispose from './pages/BasicDispose/BasicDispose' 现修改为: const BasicDispose = () => impor...

2019-09-20 10:25:31

阅读数 480

评论数 0

原创 vue在移动端实现禁用物理返回键

用vue-cli新建的项目中要实现某些页面禁用物理返回键,可使用以下的方法: 方法一: 在main.js中加上以下代码作为禁用路由判断的依据: const history = window.sessionStorage let historyCount = history.getItem(...

2019-08-06 14:28:07

阅读数 938

评论数 0

原创 使用next方法设置跳转页面并传参(项目多入口传参根据标识进行判断跳转不同页面的实现)

多入口判断 vue项目是多入口的情况下,在main.js文件下根据标识进行跳转页面的判断并传参,跳转以next方式实现: 代码如下: 在router.beforeEach内添加如下代码: (以startpage值为判断条件,当值为lianYou或huaGong时跳转的是同一个页面,需要传参进行判断...

2019-07-02 15:04:29

阅读数 289

评论数 0

原创 vue中用iframe嵌套页面,点击返回实现真正的退回上一步功能

vue项目中需要嵌套第三方的页面,但是第三方页面中的网页没有返回按钮,如图所示:此为页面b,页面a为跳到b页面的前一个页面。 点击iframe嵌套页面跳转的第二个页面 要实现不管进入多少层iframe页面,点击回退都直接跳到页面a. 实现: 为了不影响路由判断,使用回退的方法。 首先在进入页面...

2019-06-27 16:41:18

阅读数 1601

评论数 0

原创 vue项目中部分android手机加载打包后的index页面显示空白的问题:uncaught syntaxerror:block-scoped declarations...

在vue项目中遇到加载打包后的index页面,部分android手机会出现空白页面的问题,并且报 Block-scoped declarations (let, const, function, class) not yet supported outside strict mode 的错误,在...

2019-05-30 10:41:00

阅读数 395

评论数 0

原创 vue-cli 中用axios请求本地(非static文件夹内json数据)json报 404

vue项目本地调试调用本地的json文件,但是用axios请求报404的错,放在static文件夹内就可以访问到,如何在自定义文件夹(随意位置)内访问本地的json文件,经过查询及比对发现需要修改build–webpack.dev.conf.js文件,用vue-cli新建项目,修改webpack....

2019-04-26 17:49:59

阅读数 576

评论数 0

原创 解决ios倒计时失效问题(分别用setTimeout和setInterval实现)

项目中使用倒计时效果,具体实现如下: //使用的数据(获取的是时间戳):systemTime=1554384835539 createtime=1554384824000 let now = new Date(datamsg.systemTime).getTime(); l...

2019-04-04 21:39:59

阅读数 1217

评论数 0

原创 手机端css实现横向滚动但不显示滚动条

要实现手机端的横向滚动,但显示滚动条,如下图: 要实现滚动条消失,但是依然可以滚动,代码如下: <!DOCTYPE html> <html> <head> <meta charset="U...

2019-03-12 09:24:07

阅读数 1906

评论数 0

原创 vue解决mintui中使用MessageBox弹窗,不进行任何操作(不点击确定或取消键)时跨页面显示的问题

在vue项目中用到MessageBox弹窗,不点击取消或者确定键,虽然在页面上不能进行改变路由的操作,但是在手机(运用android手机上的物理返回键)上进行页面的回退时,就会发现弹窗并没有消失,如果给弹窗的确定或者取消键绑定了改变路由回退什么的操作,有可能会出现问题(我的项目是嵌套在原生壳子内,...

2019-02-02 14:36:17

阅读数 2799

评论数 3

原创 vue中输入框事件的使用——@input、@keyup.enter、@change、@blur

一、@input(或者是v-on:input) 使用: <input type="text" placeholder="通过乘车人/订单号查询" v-model="inputVal" v-on:input="se...

2019-01-23 15:41:54

阅读数 26250

评论数 0

原创 Promise 实现方法(请求)的异步(串行)执行

在项目的实际操作中会用到串行调用方法的情况,实现异步执行,例如 有三个方法,方法一、方法二、方法三,需要执行完方法一之后执行方法二,执行完方法二之后执行方法三,这样的串行的执行顺序可以用层层嵌套的方法来实现,但是这样的话方法嵌套的深看起来就很麻烦,可以用Promise实现,简单的模拟做法如下: f...

2018-12-18 16:18:23

阅读数 1631

评论数 0

原创 使用mintui中的轮播图Swipe组件时在启动项目中能正常启动但是会报警告

用到mintui框架中的swipe轮播组件,启动项目时能正常显示但是会报下面的警告(看不到启动的地址,但是输入对了地址后则可以正常打开运行项目): 解决办法: 根据提示修改: 在标签内加上:key=XXX.id作为为每个项提供的唯一密钥属性,键的理想值将是每个项的唯一ID,作为唯一的标识。 举例...

2018-12-17 19:54:23

阅读数 248

评论数 0

原创 用mintui的loadmore模板实现上拉加载和下拉刷新时自动触发上拉加载事件(数据展示部分会出现一部分遮盖)的解决

如下图所示:展示的第一条数据被遮盖。通过检查是因为本身的这个模板位置上移了,通过调整高度加上padding或者margin都是不可行的(在初始化进入页面时显示正常,但是在进行tab切换时则会出现多加的padding或者margin值) 解决办法: 加上在loadmore标签中加上 :auto-f...

2018-11-29 10:11:15

阅读数 1320

评论数 2

原创 vue中实现点击按钮使input显示的同时获取焦点

需求说明:点击搜索按钮出现input框,并自动使input框聚焦。 如图所示: 实现方式1:利用vue的ref html代码如下: <input ref="inputVal" class="searchInp" type="tex...

2018-10-24 09:57:47

阅读数 8557

评论数 8

原创 vue项目解决android版本过低引起兼容问题(例如华为荣耀6)

问题描述: 在项目中发现在华为荣耀6手机上,出现页面白屏,抓包后显示接口调用并没有执行,查找后认为是android版本过低(升级测试android4.4.2已是华为荣耀6的最新系统)。 华为荣耀6:android版本4.4.2 接口请求是用axios + promise方式进行请求的封装。 查找后...

2018-09-18 17:20:08

阅读数 6243

评论数 2

原创 ionic3以cordova-plugin-camera和cordova-plugin-image-picker插件实现拍照和从相册选取图片并用form表单上传

说明:拍照使用插件cordova-plugin-camera,从相册选取使用cordova-plugin-camera或者是cordova-plugin-image-picker。 安装:cordova-plugin-camera $ ionic cordova plugin add cord...

2018-08-24 11:28:38

阅读数 2638

评论数 2

原创 vue实现页面点击按钮请求接口后,把接口数据保存到vuex中,并在组件内渲染和操作

项目中要求实现在页面A中请求接口,点击确定键把接口中返回的数据保存到vuex中并渲染到组件内,要求可以对组件内渲染的数据要可以进行操作。 如果在页面上直接用: <mycheckTip @hidden="cancelCh...

2018-07-09 17:40:31

阅读数 21361

评论数 2

原创 vue实现前进刷新,后退不刷新

项目中遇到可以有多个入口进入一个页面a,在a页面要调不通的接口进行判断所带过来的信息,可在mounted里面进行判断,此页面还有二级页面可以选择数据,那么就要求从二级页面退回页面a时,不走mounted里面的方法重新调取数据,不然会覆盖掉二级页面带回来的数据,所以就需要进入页面a时进行数据刷新,但...

2018-07-02 10:15:42

阅读数 6342

评论数 0

原创 vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)

在新建好的项目中,一般执行npm run build就是打包了,但此时只能打包到一个环境,不同环境需要配置不同的地址,可以手动更改接口的地址,也可以自行配置命令而不需要每次打包进行地址切换,步骤如下: 文件结构如下图: 1)在config文件内新建test.env.js文件: �...

2018-06-26 11:28:08

阅读数 8317

评论数 20

原创 在ios中,input唤出软键盘中‘换行’转‘搜索’、‘前往’,及直接唤醒数字键盘的实现(vue)

<input type="text" /> 或 <form> <...

2018-06-07 17:58:14

阅读数 6761

评论数 10

原创 html自定义弹窗实现图片高度自适应

实际效果: 点击 实现 再次点击则弹窗消失。 弹窗布局为: <div class="box"> <img class="img" ...

2018-06-06 17:58:23

阅读数 1826

评论数 0

原创 vue 动态生成input进行操作——简单实现添加删除联系人功能

实现类似的如图功能: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&am...

2018-05-10 11:04:23

阅读数 6451

评论数 4

原创 ionic2/3退出到登录页--以getRootNav、getRootNavs、getActiveNav、getActiveNavs、getRootNavById实现及其用法

ionic2/3的app中的退出功能的实现以getRootNav、getRootNavs、getActiveNav、getActiveNavs、getRootNavById五种方式分别进行实现说明: 首先都要引入: import { App } from 'ionic-angul...

2018-04-02 11:31:27

阅读数 2312

评论数 0

原创 ionic3 loadingService.ts的使用及分享

首先,引入service服务: import { LoadingService } from "./../../providers/LoadingService";//我的service存放的相对地址 然后在使用的页面进行声明(我是在setting.ts页面使用): ...

2018-03-23 10:18:50

阅读数 1154

评论数 1

原创 echarts图表tooltip浮动框显示单位——散点图

项目中要求在图表的浮动提示窗上显示相对应的单位如图: 方法有二,如下: 方法1: 利用自定义提示框进行拼接: 但是这样的话根据后台返回的数据格式的不同进行处理,在tooltip的formatter中进行拼接即可,注意这样的话要考虑的情况比较多。 方法2(如果和后台商量好可以要求返回值...

2018-03-16 09:31:45

阅读数 3568

评论数 0

原创 js比较app版本的方法

比较版本号方法如下: function versionfunegt (a, b) { var _a = this.toNum(a), _b = this.toNum(b); if(_a == _b) { console.log("版本号相同!为...

2018-02-12 16:36:06

阅读数 1562

评论数 2

原创 ionic3 实现app版本更新下载并打开进行安装(包括android7+无法自动安装apk问题的解决方法)

记录一下实现app版本一键更新下载的功能。 我的项目的总体的文件: 使用的插件列表如下: 需要纯实现该功能用到的基本上是除了后三个。 首先,安装这些插件,在app.component.ts页面上加入 import { Component, ViewChild } from &...

2018-02-12 16:25:18

阅读数 10644

评论数 17

原创 重新渲染echarts图形

在项目中用到echarts中的地图: 但是在操作过程中往往会出现过分缩小: 或者是: 这样一不小心滑跑的情况,这样想要进行操作就很难了。 解决方法: 加个刷新的按钮,重新渲染地图: 方法一: 自带的简单地方法:clear()方法 var chart = EChart...

2018-02-05 13:31:36

阅读数 20303

评论数 0

原创 ionic3在ios上顶部导航栏显示不正常--据顶部有空隙条

在项目中遇到这样的问题: 如图: 顶部导航平白多了一道白条,而且这个只是在ios的真机或者是模拟器上才显示,用chrome和android真机是一点问题没有,于是就重新下载了一个tabs项目,运行,也没有问题,一点点儿找原因才发现是因为觉得不需要顶部导航,就给去掉了,于是,解决的办法是: ...

2017-12-08 14:46:14

阅读数 1644

评论数 0

原创 echarts在ionic3中动态渲染多种图表

在项目中通常不会只显示一个种类的图表,如果在有多种配置的图表要怎么进行显示?如下: 在echarts官网中首先要有一个带有id的和高度的标签,但是往往这个标签并不能在页面中写死,所以就需要动态进行添加。1.把一个配置作为一个大的对象放到数组对象switchList中。(对配置中的图表显示的标签i...

2017-11-21 16:24:49

阅读数 2018

评论数 0

原创 js对象的深浅拷贝

有一个对象a,新建一个对象b,需要把对象a的值给对象b,且改变对象b中的一个值,但又不影响到对象a。 实现如下: 方法一(其实就是把对象的属性遍历一遍,赋给新的对象。):let aa={ 'aa':1, 'bb':2, '...

2017-10-12 13:43:42

阅读数 233

评论数 0

原创 关于echarts图表下载

echarts图表生成后的下载,本身是带有这个下载工具栏的, 但是可以通过另外的方法对该图表进行下载或者是展示。如图: 图表一是用echarts画出的,图表二是仅一张img图片,图表三则是一张可以下载的img图片。 html:<div id="m...

2017-09-07 09:41:54

阅读数 4479

评论数 0

原创 解决iscroll5的上拉下拉的回弹问题

一般在项目的列表页中,经常会用到上拉加载下拉刷新这样的效果。一般加载的数据足够多的时候,用iscroll是可以实现这个没有问题,但是当数据少的时候,占不满一屏,如何用iscroll实现如下回弹效果。 只需加上一句: min-height: 101%; 就行...

2017-08-23 15:22:44

阅读数 3167

评论数 2

原创 手机浏览器中使用IScroll使click及a跳转事件无效

最近在页面中用iscroll.js,但是但是有跳转,用a标签的href进行跳转发现没有用,之后转换成用点击事件,发现依然不起作用,经过查询发现是禁止了浏览器的默认事件。 有的方法说如果用button或input代替a,都能响应click事件。 如果设置click为true,原来不能点击的手...

2017-08-18 14:24:14

阅读数 3004

评论数 2

原创 ionic2/ionic3自定义Action Sheets和Alerts组件的样式

最近用ionic2和ionic3中,组件Action Sheets和Alerts给出的基本样式满足不了项目中的设计图的要求,需要修改,在此记录一下方法。 Action Sheets组件 在官网上的例子的样式是如下图所示的: 而需要的样式如下: 具体的实现如下: 我的代码布局如图(红方块圈...

2017-07-21 11:32:57

阅读数 12355

评论数 6

原创 echarts图表——条形图(柱状图)的动态横向显示设置

项目中要用到图表,简单地用echarts.js实现。 效果为: 是简单的无坐标轴显示的图表。 代码: html:<div id="main" style="width: 100%;"></div>js(配置):var le...

2017-06-20 10:01:42

阅读数 35920

评论数 1

提示
确定要删除当前文章?
取消 删除