qq_33738963-CSDN博客

原创根据接口数据,页面动态响应显示的模板

背景: 根据不同的登陆角色, 页面根据接口来响应当前页面上应该显示的模板 panelList 为接口返回的数据.

2021-04-12 09:39:32 129

原创工作记录：基于vant组件库中van-datetime-picker日期选择组件，进行二次封装

由于日期选择在移动应用中大部分都是使用弹出单独窗口的形式来进行选择，如果某一个表单界面中大量的使用原生vant库中的日期选择组件时，则需要写大量重复代码，因此做了二次封装，便于后期的维护及代码的整洁性。二次封装的组件代码： <van-datetime-picker ref=“picker” v-model=“currentDate” v-bind="$attrs" @confirm=“confirmHandle” @cancel=“hide” /> 使用方法： html部分： &lt

2021-04-12 09:26:31 571

原创分享一个检索url参数并转为对象的共用函数

searchQuery (key) { let str = window.location.search let pattern = new RegExp(’((\w+)=([^&?]*))’, ‘gi’) let results = str.match(pattern) let params = {} if (results) { for (let i = 0, len = results.length; i < len; i++) { let s = results[i].split(’=

2021-04-12 09:25:41 91

原创分享几个常用的基于Element-UI表单组件的自定义校验函数

/** 选择的日期不能超出当前日期 @param {*} rule {message} @param {*} value @param {*} callback */ export function currentDate (rule, value, callback) { if (value && new Date(value) > new Date()) { return callback(new Error(rule.message || ‘选择的日期不能超出当前日期’)) }

2021-04-12 09:21:19 241

原创 JS中some(),every(),fiflter(),map()各种循环的区别理解

1.some():返回一个Boolean，判断是否有元素符合func条件 const arr = [1,2,3,4]; arr.some((item)=>{return item>1}) 打印结果： true 2.every():返回一个Boolean，判断每个元素是否符合func条件 const arr1 = [1,2,3,4]; arr.every((item)=>{return item>3}); 打印结果：false 3.filter():返回一个符合func条件的元素数组（

2021-04-12 09:20:01 283

原创 js小技巧之随手记(一)

对数组使用.sort()排序. 错误写法:[1,6,5,11].sort() 排序结果:[1, 11, 5, 6] 正确写法: [1,6,5,11].sort((a,b)=> a-b) 替换函数 let s = ‘yxy’ const replaced = s.replace(‘y’, ‘o’) replaced === ‘oxy’ // 只会替换第一个y 且 s的值不会变若想把所有y都替换, ‘yxy’.replace(/y/g, ‘o’) === ‘oxo’ 3.数组不是基础类型 typ.

2021-04-12 09:18:45 63

原创 vue项目中实现视频播放

一、安装组件：vue-video-player npm install vue-video-player -S 二、配置vue.config.js（目的是把videojs提升为全局变量） configureWebpack: { plugins: [ new webpack.ProvidePlugin({ &nbs

2021-04-12 09:17:41 1581

原创抓取用于map图表的地图坐标数据

运行环境：nw 脚本代码：地图数据抓取工具 var fs = require(“fs”) var downloadTextFile = function(data, fname) { fs.writeFile(‘mapdata/’ + fname, JSON.stringify(data), function(err) { if (err) { return console.error(err); } // console.log(“数据写入成功！”); })

2021-04-12 09:14:33 165

qq_33738963的博客