zhangjie9852的博客

原创 JS根据身份证号计算周岁年龄

方法调用： getAgeByCardId('372925199207147520')

原创 小程序中van-uploader组件加wx.uploadFile多文件上传

【代码】wx.uploadFile多文件上传。

原创 uniAPP中下载文件

【代码】uniAPP中下载文件。

原创 小程序wx.request封装及网络异常后页面跳转

JS页面需要用到页面onshow方法里要重置this.setDate({ isNull: false})const _http = (options, page, loading) =>{ return new Promise((resolve,reject) => { let that = this; if(loading){ wx.showLoading({ title: '请稍后...', ...

原创 小程序中canvas半圆统计

HTML代码<canvasid="myCanvas{{index}}"canvas-id="myCanvas{{index}}"class="progress-canvas"></canvas>CSS代码.progress-canvas {width: 150rpx; height: 150rpx; position: absolute; top: -50rpx; right: -10rpx;}js代码const query = that.create...

原创 HTML中卡号显示

原卡号：2021071511013449987处理后：2021 0715 1101 3449 987num = num.replace(/\s/g,'').replace(/\D/g,'').replace(/(\d{4})(?=\d)/g,"$1 ")

原创 element ui修改table行鼠标经过样式（包括固定列）

<style scoped> /deep/ tbody tr:hover>td,/deep/ tbody tr.hover-row>td { background-color:#66b1ff }</style>

原创 element ui中＜el-cascader＞标签使用

<el-cascader ref="elcascader0" clearable :key="item.query" v.

原创 小程序订阅消息用户拒绝后，如何引导用户开启？

//订阅消息 messages: function () { var that = this; if (wx.requestSubscribeMessage) { wx.requestSubscribeMessage({ tmplIds: [tmplIds], success(res) { if(res[tmplIds] === "reject"){//拒绝 that.guideOpenSub...

原创 vue 使用keep-alive 三级以上的路由无法缓存解决方案

include ,包含页面组件name的这些组件页面，会被缓存起来exclude 除了这些name以外的页面组件，会被缓存起来还有第3种，如下这样写(即没有include或者exclude属性，表示所有的路由组件都会被缓存起来！！)<keep-alive> <router-view :key="key" /></keep-alive>computed: {key() { return this.$route.path}}注意incl...

原创 修改对象里的某个key值

let dataList = [{"adcode": "110100","city": "北京市","id": 234},{"adcode": "120100","city": "天津市","id": 235}]let keyMap = { "adcode":"code", "city": "cityName" }d...

原创 ES6中的数组filter方法

假定有一个对象数组，获取数组中指定类型的对象数组放到新数组中var arr = [ {name:'jerry',sex:'man'}, {name:'jack',sex:'woman'} ] var manArr = arr.filter(function(obj){ return obj.sex === "man"; //获取性别为man的对象 }) consol.

原创 小程序里改变单选框和多选框的样式

/* 多选样式*/.check-groupcheckbox.wx-checkbox-input.wx-checkbox-input-checked{border-color:#03a9f4;background:#03a9f4;}.check-groupcheckbox.wx-checkbox-input{height:36rpx;width:36rpx;ma...

原创 html中px转换成rem单位

页面640公共JSfunction initHtmlFontSize(){var _width = document.body.clientWidth;_width = _width>640?640:_width;//640/24 = 26.66666666666667var _fs = _width/26.66666666666667;//640尺寸的设计图，1r...

原创 小程序中wx-if使用方法

在wxml中<wxsmodule="fn">module.exports={isInArray:function(arr,value){for(vari=0;i<arr.length;i++){if(value===arr[i]){...

原创 小程序数组去重方法

===== 方法 =====unique:function(arr){if(!Array.isArray(arr)){console.log('typeerror!')return}letres=[arr[0]]for(leti=1;i<arr.length;i++)...

原创 小程序中push数组出错解决方法

//在data中声明一个movies的数组listArr:[]===== 方法里 =====//push 进listArr里面let arr = [...this.data.listArr]arr.push({title:'中国机长',time:'2:22:00'},{title:'黑衣人',time:'2:30:14'})//最后一定要记得this.setData({})...

原创 微信小程序数据缓存

wx.setStorageSync() 将数据存储在本地缓存中指定的 key 中用法wx.setStorageSync('siteId', res.data.siteId);=================================================================wx.getStorageSync() 从本地缓存中异步获取指定 key 的...

原创 VUE同级组件之前方法调用

实现：Index.vue页面调用nav.vue页面里的getLeftMenu()方法一、首先先建一个公共文件，命名eventBus.js,内空为：import Vue from 'vue'export default new Vue()二、在Index.vue和nav.vue都import一下eventBus.js公共文件，具体写法import bus from './co...

原创 VUE中退出登录验证码不刷新解决方法

转载 vue中短信验证码60秒倒计时功能

HTML<span v-show="show" @click="getCode">获取验证码</span><span v-show="!show" class="count">{{count}} s</span>JSdata(){return {show: true,count: '',timer: nu...

原创 Vue中Vue.use()使用

第一步，创建components文件夹，目录结构如下第二步，定义Vue.use()并且exportLoadingindex.js负责向外边express和定义Vue.use()这是index.js里的内容Loading.vue里边就放着模版、script、style第三步，在main.js中引入并Vue.use()第四步，在任意地方使用全局组件...

转载 如何让DIV相对水平和垂直居中

我们在设计页面的时候，经常要把DIV居中显示，而且是相对页面窗口水平和垂直方向居中显示，如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让DIV居中。在本文中，我将给大家讲述如何用CSS和jQuery两种方法让DIV水平和垂直居中。CSS让DIV水平居中说明，本文中所指的DIV包括HTML页面中所有的元素。让一个DIV水平居中，直接用CSS就可以做到。只要设置了DIV的宽度，然后...

原创 vue-form表单正则表达式应用

/^0\.[1-9]\d*$/   //只能输入0-1的数字/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&amp;=]*)?/   //只能输入网址

原创 select下拉样式重置（html+css+jquery）

HTML(一定要引用jquery才可以哦)&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt...

转载 windows下搭建vue开发环境+IIS部署

特别说明：下面任何命令都是在windows的命令行工具下进行输入，打开命令行工具的快捷方式如下图： 详细的安装步骤如下：一、安装node.js说明：安装node.js的windows版本后，会自动安装好node以及包管理工具npm，我们后续的安装将依赖npm工具。node.js的官方地址为：https://nodejs.org/en/download/，如下图所示：...

原创 mint UI messagebox用法

this.$messagebox({          title: '温馨提示',          message: '订单支付成功',          showCancelButton: true,          confirmButtonText:"继续购物",          cancelButtonText:"查看订单"        }).then(a...