- 博客(41)
- 收藏
- 关注
RSS订阅原创 el-input只能输入数字以及数字范围问题
el-input只能输入数字，且数字范围是1-365。注意：value的格式应为字符串，否则会报错。el-input只能输入数字。除小数外，第一个数字不能为0。11位电话中间4位变星星。2-10000的正则。
2024-04-01 17:41:43
444
原创 react-activation实现缓存，且部分页面刷新缓存，清除缓存
refreshScope(name) 刷新缓存状态，包括嵌套的所有KeepAlive。dropScope(name) 卸载缓存，包括嵌套的所有KeepAlive。refresh(name) 刷新缓存状态，不包括嵌套的KeepAlive。drop(name) 卸载缓存，不包括嵌套的KeepAlive。getCachingNodes() 获取所有缓存中的节点。clear() 清空所有缓存。
2024-02-02 18:27:37
2113
原创 启动项目报错，找不到模块 coa/compile.js
删除node_modules,重新npm i --legacy-peer-deps，再运行即可。
2023-10-08 14:38:35
243
原创 小程序日期加时间筛选组件
小程序日期加时间筛选组件新建component->date-time-picker.wxml<picker mode="multiSelector" class="{{className}}" name="{{name}}" value="{{multiSelectdArray}}" range="{{multiDateTime}}" bindcolumnchange="handleColumnChange" bindchange="handleValueChange" bindcance
2022-01-23 20:47:37
854
原创 vue项目设置.gitignore文件
1.Git init2.touch .gitignore创建文件文件内容：.DS_Storenode_modules//dist/testnpm-debug.log*yarn-debug.log*yarn-error.log*//Editor directories and files.idea.vscode*.suo.ntvs*.njsproj*.sln
2022-01-06 13:26:34
2042
原创 实现动效省略号
.loading { color: #999999; &:after { overflow: hidden; display: inline-block; vertical-align: bottom; animation: ellipsis steps(4, end) 1500ms infinite; content: '\2026'; /* ascii code for the ellipsis character */ width: 0px
2021-09-08 14:34:01
623
原创 日期时间统一处理
export function parseTime(time, cFormat) { if (arguments.length === 0 || !time) { return null } const format = cFormat || '{y}/{m}/{d} {h}:{i}:{s}' let date if (typeof time === 'object') { date = time } else { if ((typeof time === '
2021-09-07 18:26:14
230
原创 h5处理后台返回的图片流
<img src:"imgIdentSrc "/>getData(){ axios.get('/aaa/bbb',{responseTYPE:"blob"}).then(res=>{ let blob = new Blob([res.data],{type:"image/jpeg"}); let url = window.URL.createObjectURL(blob); this.imgIdentSrc = url })}
2021-06-15 15:07:36
380
原创 js将时间处理成yy-mm-dd hh:mm:ss
//时间转换 getDate(date){ const dd = new Date(date) const y = dd.getFullYear() const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期，不足10补0 const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDat.
2021-06-15 14:53:35
140
原创 js计算两个时间差多少天几小时几分几秒,计算一个时间+14天
TimeDifference (dateEnd) { var dateBegin = new Date();//获取当前时间 // console.log("dateEnd==",dateEnd,dateBegin) var dateDiff = new Date(dateEnd).getTime() - dateBegin.getTime();//时间差的毫秒数 // console.log(new Date(dateEnd).getTime(),dateBegin.getT
2021-06-15 14:49:56
810
原创 数组方法 splice,slice
slice(剪裁方法（返回新数组，不影响原来的数组）（浅拷贝）（1）无参：如果不传入参数的情况下, silce()方法返回完整的数组（2）1个参数：在只有一个参数的情况下，slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。（3）2个参数：如果有两个参数，该方法返回起始和结束位置之间的项——但不包括结束位置的项。splice()–删除、插入、替换（直接影响原数组,且返回一个删除内容的新数组，比如添加就没有删除，则返回一个空数组，替换返回替换掉的内容（替换本身就是删除旧的添加新的））删
2021-05-28 17:27:22
760
原创 截取字符串的3种方法，slice,splice,substr,substring
slice(start,end)start 要截取的字符串的起始下标 如果为负数从后面开始算起 -1指的是字符串的最后一位end 要截取的字符串的结尾下标 如果为负数从后面开始算起 -1指的是字符串的最后一位返回截取元素，原字符串不变substrsubstr(start,length)start 要截取的字符串的起始下标 如果为负数从后面开始算起 -1指的是字符串的最后一位length 要截取的字符串的长度substringfrom 要截取的字符串的起始下标to 截取到的字符串
2021-05-28 17:25:11
1466
原创 js对象数组随机排序
for (var i = arr.length-1; i >=0; i--) { var randomIndex = Math.floor(Math.random()*(i+1)); var itemAtIndex = arr[randomIndex]; arr[randomIndex] = arr[i]; arr[i] = itemAtIndex;}console.log(arr)//arr是随机排序后的新数组
2021-05-07 14:10:40
610
原创 h5监听浏览器返回，关闭浏览器
需求监听浏览器返回，点击返回时，显示弹窗，弹窗中有两个按钮，a按钮：关闭当前浏览器，b按钮：关闭弹窗mounted(){ // 向历史记录中插入了当前页， //为了ios首次进入页面出现底部返回按钮 if (window.history && window.history.pushState) { window.history.pushState(null, null, document.URL); window.addEventListener('popst
2021-04-28 11:29:39
1224
原创 页面刷新时，清除vuex中的缓存
在app.vue页面中： created(){ //在页面加载时读取sessionStorage里的状态信息 if (sessionStorage.getItem("store") ) { this.$store.replaceState(Object.assign( {}, this.$store.state, JSON.parse(sessionStorage.getItem("store"))
2021-03-23 14:56:27
1574
原创 JSON.stringify()妙用，JSON.stringify()，JSON.parse()和toString区别
一、JSON.stringify()和JSON.parse()区别JSON.stringify()是将js对象转换为json字符串，JSON.parse()是将json字符串转换为js对象let arr = [1,2,3];JSON.stringify(arr);//'[1,2,3]'typeof JSON.stringify(arr);//stringlet string = '[1,2,3]';console.log(JSON.parse(string))//[1,2,3]console
2020-12-23 16:40:50
157
原创 常用正则校验
1.校验手机号：/^1[3456789]\d{9}$/.test(val)2.校验身份证号：/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(val)3.校验只能由数字，字母，下划线组成，不少于6位：/^[a-zA-Z\d_]{6,}$/.test(val)4.大于0的数字/^[a-zA-Z\d_]{6,}$/.test(val)...
2020-11-24 14:35:33
292
原创 vue复制粘贴功能插件-Vue-clipboard
安装插件并引入npm i --save vue-clipboard2在main.js文件中挂载插件import Vue from 'vue'import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)在页面应用：<template> <div > <van-button v-clipboard:copy="copyVal" v-clipboard:succe
2020-11-20 16:31:53
1090
原创 vue缓存页面（keepAlive,beforeRouterEnter）
需求从列表页面进入详情页，返回列表页，列表页的数据不刷新，存在缓存中设置路由routes：[ { path: '/list', name:'list', component: list, meta: { keepAlive: true, // 是否缓存标志 title:'列表页' } }, { path: '/detail', name:'detail', component:
2020-11-20 16:14:03
1526
原创 vue项目在ios的webview中页面留白，点击消失解决方案
问题描述进入A页面——>B页面——>ios自带的返回——>白屏出现——>手动点击白屏处——>问题解决原因分析:在ios机器上使用webview开发Vue项目时候，go history(-1)， 无法将body的高度拉掉，使得遮住，触发轻点击，方可消除遮罩解决的理论：用于最重要的html 容器是container，然而因为设置html、body高度是100%，从而造成了 container 撑开父级，但浏览器默认滚动的scroll 并不是 container（可能我这里
2020-11-17 11:09:00
455
原创 vue-router.esm.js?fe87:16 [vue-router] Duplicate named routes definition: { name: “[object Object]“}
路由配置： { path:'/loanSearch', name:loanSearch, component:loanSearch },问题原因：没有给 name 的值用引号引起来，因为这是个字符串，而不是一个变量。如果直接写，系统查找不到 page 这个变量。解决方法 { path:'/loanSearch', name:'loanSearch', component:loanSearch },...
2020-11-17 10:58:03
1054
原创 vue自定义指令控制角色权限
需求在做pc项目时，需要根据角色的不同，控制一些页面的按钮及内容显示，像pc端的管理员和普通用户权限是不一样的封装指令新建permission.js文件import Vue from 'vue'Vue.directive('has',{ bind : function(el,binding){ //需要在DOM更新完成以后再执行以下代码，不然通过 el.parentNode 获取不到父节点，因为此时还没有绑定到 Vue.nextTick(function()
2020-11-12 18:18:48
529
原创 pc项目自适应手机屏幕
设置meta标签属性<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no" />根据不同不同分辨率，加载不同css方法一（通过js获取屏幕宽度）：<script> // 分辨率大于等于1680，大部分为1920的情况下，调用此css if(window.screen.width >= 1680){ document.wri
2020-11-10 17:54:57
789
原创 js截取url链接参数，获取手机型号
//截取第一个问号后边参数数组export const getUrlParam = () =>{ var url = window.location.href; //获取当前url console.log(url); var cs = url.split("?")[1]; //获取?之后的参数字符串 console.log(cs); var cs_arr = cs.split("&"); //参数字符串分割为数组 console.log(cs_arr); var
2020-11-10 17:49:12
545
原创 二维数组去重
function getUnique(array){ let obj = {} return array.filter((item, index) => { // 防止key重复 let newItem = item + JSON.stringify(item) return obj.hasOwnProperty(newItem) ? false : obj[newItem] = true })}ha
2020-10-21 18:54:41
120
原创 vscode常用插件
1.常用插件1.Auto Close Tag 自动关闭标签，再开始标记的结束括号中键入 后，将自动插入结束标记2.Auto Rename Tag 结合了自动关闭标签与同时修改同步标签3.background4.Beautify 美化代码5.Bracket Pair Colorizer6.Chinese(Simplified) Language Pack for Visual Studio Code7.Debugger for Chrome 从VS Code调试在Google Chrom
2020-10-13 17:16:44
513
原创 vant上拉加载下拉刷新
<van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list v-model="loading" :finished="finished" finished-text="没有更多了!" @load="onLoad"> <div class="clockBox2" v-for="(item,index) in filterDetail" :key="index"></div>
2020-09-28 11:42:16
223
原创 vue动态改变title
需求1.不同路由路径下，动态更改title2.相同路径下，像产品详情页，需要根据产品名字不同动态更改title解决需求一1.在router.js根据不同的路由配置所属title{ path: '/startCertificate', name: 'startCertificate', component: startCertificate, meta:{ title:'这是动态路由哦' } },2.在main.js中配置情况一：普通h5开
2020-09-18 17:43:24
1007
原创 原生js封装popup层
原生js封装popup层js:<div class="popup" id="Popup"> <div class="popupContent"> <div class="tabBar"> <div class="tabBar_left">返回</div> title <div class="tabBar_right">搜索</
2020-09-15 11:05:18
165
原创 js数组中__ob__: Observer属性
需求从后台拿到的数据为一个对象数组，需要给数组中每个对象元素添加一个字段， 用来判断某个图标是否显示问题描述1.通过给数组赋定值方法发现，当数组值为死值时没有问题，当添加字段后有问题，无法更改该字段的值2.通过复死值发现，添加字段后的数组多了一个__ob__: Observer属性解决办法通过JSON.parse(JSON.stringify(this.listDate))代码如下：http.post('/xxx/xxx').then(res=>{ console.log(re
2020-08-17 17:55:45
15838
2
原创 vue项目pdf预览插件----pdf
应用场景需要展示的pdf文件内容，通过按钮进行上下页的展示与翻页解决办法1.安装vue-pdf：npm i vue-pdf --save -dev2.具体实现：<template> <div class="pdf" v-show="fileType === 'pdf'"> <pdf ref="pdf" :src="pdfUrl" :page="currentPage" @num-pages="pageCoun
2020-08-10 16:30:15
1094
原创 vue项目pdf预览插件----pdfh5
应用场景：1.需要展示的pdf文件内容需要每一页上下排列；2.需要展示用户跟第三方进行电子签名后的合同时，vue-pdf会屏蔽签名图层，导致合同缺失第三方的电子签名；解决办法：1.安装pdfh5插件：npm i pdfh5 --save -dev2.具体实现：<template> <div class="outBox"> <div id="demo"></div> </div></template><
2020-07-30 15:29:36
3663
6
原创 vant的日历组件，在iPhonex上可选日期空白
需求一个列表页面需要用到日期筛选，用的是vant组件Calendar的选择日期区间bug情况进入页面，给了组件默认值，当点开日历时，可选日期空白，需要先向下拉一下，可选日期才会正常显示解决方案给日历控件设置高度，默认高度为页面的80%,我把它降为70%，成功解决bug.van-calendar__popup.van-popup--bottom, .van-calendar__popup.van-popup--top{ height: 70% !important; }不要忘记：
2020-07-23 11:55:52
2476
2
原创 vant组件表单外部的button触发form表单的submit事件
有时候根据需求以及布局需要，button按钮需要放在form外部，但是想触发提交事件的同时又想方便地获取表单的值一、给form表单添加ref属性<van-form ref="formData" alidate-first @submit="submit"> <van-field readonly v-model="name" name="name" label="姓名" /
2020-07-07 17:23:46
12700
5
原创 分享一款window自带的，很好用的截图工具
1.下载方式：window自带的Microsoft Store搜索Snipaste如图所示：2.基本使用方法F1-截屏，F3-贴图，双击即可复制使用示例：3.详细使用方式右键点击此软件logo ->首选项->内置快捷键，里面可以查看和更改各种快捷键，保存、查看上一张截图等等,这个软件比qq，微信截图更好用，他可以嵌套截图，大家可以试一下哈，你会发现截图新世界滴...
2020-06-22 17:01:58
847
原创 vue项目，在手机上预览一直空白
因为是用vue开发的移动端项目，需要在手机预览页面效果，于是将项目中config/index中的host配置成本机ip，在电脑上运行预览完全没问题，但是在手机怎么都打不开，脑壳超级疼，后来终于找到了解决办法config/inidex文件中配置前：host: 'host', // can be overwritten by process.env.HOST配置后：host: '10.1.3.27', // can be overwritten by process.env.HOST解决办法打开
2020-06-10 16:56:27
1462
原创 npm ERR! y@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
前一天还是好好的项目， 今天怎么都无法运行打包，报错截图如下：解决办法因为在项目的config/index文件中，设置了host为我本机ip，这样可以在手机上预览页面效果，但是， 但，但是，今天办公室所有ip都换了，所以就没办法打包运行了默认设置： host: 'host', // can be overwritten by process.env.HOST更改后：host: '10.1.3.27', // can be overwritten by process.env.HOST在d
2020-06-10 15:27:06
5424
原创 从零开始搭建vue项目，并安装常用插件
一、安装node环境1.从官网下载安装包：https://nodejs.org/zh-cn/download/2.检测node版本：打开dos(win+R或者直接win键打开，输入cmd，按回车)窗口，输入命令：node -v3.在安装node同时会安装npm(Node Package Manager：node包管理器),同样可以使用命令：npm -v检测npm版本4.安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taob
2020-06-09 15:41:48
1027
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人