- 博客(26)
- 收藏
- 关注
RSS订阅
原创 在elementUI中el-tree获取字节点id以及父节点id（包括非全选中的情况）
在elementUI中el-tree获取字节点id以及父节点id（包括非全选中的情况） dom结构如下： <el-form-item label="权限" prop="menuIds"> <div class="role_permit"> <el-tree ref="tree" ...
2020-07-09 10:23:22
7643
5
原创 js通过map和set判断数组中的对象的某个属性是否有重复
var mapArr= specList.map(item=>item.specDesc); var setArr = new Set(arrNum);//去重复 console.log(setArr .size<mapArr.length?'有重复':'无重复'); 方法一：使用m...
2018-04-26 08:50:48
2061
原创 在iview的Table中添加Select下拉框
<template> <Table width="550" border :columns="columns2" :data="assignData"></Table></template> iview文档中,Table的表头定义中的一段,一个是View按钮一个...
2018-04-26 08:34:56
2028
1
原创 vue 用webpack 打包的时候添加版本号
因浏览器缓存原因导致vue 打包的文件 导致偶尔会出现不能即使更新最新代码。因此在打包的文件名中添加一个版本号以便浏览器能区分。const version = new Date().getTime()方法一：module.exports = { configureWebpack: { // webpack 配置 output: { // 输出重构 打包编译后的 文件名称 【模块名...
2022-03-23 16:15:33
3463
原创 在vue项目中使用webpack打包运行npm run build时出现css-loader版本不兼容报错。
报错信息如下：Syntax Error: ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema. - options has an unknown property 'minimize'. ...
2022-03-15 10:29:02
1139
原创 上线前处理console.log()代码
1.通过命令进行注释全局注释console.log代码在命令行工具里面输入下面这句代码，可以注释掉当前文件以及子文件的所以console.log代码，但是缺点就是如果换行了，第二行注释不了，得逐个处理sed -i "s/console.log/\/\/console.log/g" `grep console.log -rl ./`2.灵活运用VScode编辑器删除console.log()直接全局搜索本项目里console.log正则匹配，然后全部替换为空即可。console\.log\(.*
2021-08-06 10:57:19
538
1
原创 jenkins打包配置记录
新建项目，选择构建一个maven项目cp /datafs/masget/.jenkins/workspace/scfs-develop/goldloan-h5/target/goldloan-h5.war /datafs/masget/.jenkins/workspace/scfs-develop/00-scfs-develop-jarcp /datafs/masget/.jenkins/wor...
2021-07-15 17:49:48
308
转载 vue路由在history 模式，刷新页面出现404 的问题
vue 路由的URL有两种模式，一种是 hash，一种是history ，history 模式更好看一些。在使用hisory模式时，由于地址并不是真实存在，那么在刷新的情况下，这个会报404错误。对于这个问题，我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。我这里是针对nginx的配置，总结如下：server { listen 8001; ##表示的项目所占用的端口 server_name localhost;
2021-07-15 16:09:47
819
原创 vue vueCropper 动态设置裁剪区域的宽高
this.option.autoCropWidth = "" // 默认生成截图框宽度this.option.autoCropHeight = "" // 默认生成截图框高度this.option.fixed = false // 是否开启截图框宽高固定比例
2021-02-26 15:50:45
3181
原创 vue tinymce 富文本框 图片 视频 音频 插入
<ul class="imglist"> <li v-for="item in childImgList" :key="item.id"> <img :src="`${baseUrl}${item.fileId}`" alt="" /> <!-- 判断下是音频还是视频 --> <!-- 视频 --> <video v-if...
2021-02-24 15:22:48
1219
原创 vue element 实现树形菜单栏n层级分类,NavMenu menu
前言：项目有个需求，要实现多层文件夹的下拉。思路：数据结构为数组多层级嵌套模式，需要利用递归渲染菜单栏数据实现菜单多层级分类。什么是递归？定义：就是函数自己调用自己本身，或者在自己函数调用的下级函数中调用自己。递归函数的使用要注意函数终止条件避免死循环；递归的步骤假设递归函数已经写好寻找递推关系将递推关系的结构转换为递归体将临界条件加入到递归体中了解什么是递归后开始着手敲代码；1.首先 模拟菜单数据，引入封装组件，index.vue<template> <d
2021-02-23 18:46:20
2842
1
原创 js下载文档对应的application类型
/** * [getFileType 下载文档对应的类型] * @param {[type]} type [description] * @param {[type]} id [description] * @return {[type]} [description] */export function getFileType(id) { let arr = [...
2021-02-23 17:31:01
2166
原创 "new Date(time).getTime()"在ios返回NaN
问题陈述最近给农行电子加油券做个系统维护提示，要求超过某个日期，这个弹框自动隐藏，能继续使用。 解决方法： 获取当前时间的毫秒数和结束时间的毫秒数进行比较，当前时间大于结束时间就隐藏。代码如下： var time = new Date().getTime(); var endTime = new Date('2021-01-18 06:00:00').getT...
2021-01-26 10:26:37
632
原创 在vue.js项目里引入百度地图jsApi
前言给农行做的中石化电子加油券要用到定位城市，看了百度地图的api能实现，拿来用用，就不知道商用会不会侵权呢，先实现功能再说(定位得下周才上线，如果侵权就换其它方法)。先在百度地图api里面创建应用才会生成对应的ak码。应用类型选择‘浏览器端’，白名单“*”代表支持全部。一般定位都在移动端使用，都是直接通过这样的方法，直接引入百度地图的jsApi.<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&
2021-01-07 10:43:43
982
原创 用rem实现web移动端(手机端)页面自适应750px设计稿
750px的设计稿。页面开头处引入下面这段代码，用于动态计算font-size。!function (win, lib) { var timer, doc = win.document, docElem = doc.documentElement, vpMeta = doc.querySelector('meta[name="viewport"]'), flexMeta = doc.querySelector('meta[nam
2020-12-30 11:38:57
1097
原创 下载文档对应的application类型
/** * [getFileType 下载文档对应的类型] * @param {[type]} type [description] * @param {[type]} id [description] * @return {[type]} [description] */export function getFileType(id) { let arr = [ { type: "doc", application: "application/msword" },
2020-08-19 16:29:13
7324
原创 js正则表达式整理
js正则匹配大于0小于等于100，其中最多可以保留两位小数 比如 ：0.1,0.01,100.00,100.0, 10.01可以通过。 0.0，0.00，100.01，0.111，11.111不能通过var reg=/^\d\.([1-9]{1,2}|[0-9][1-9])$|^[1-9]\d{0,1}(\.\d{1,2}){0,1}$|^100(\.0{1,2}){0,1}$/1到 31的正则表达式（选择日期的时候可以用到）var reg=/^[1-9]$|^[..
2020-07-21 11:41:27
1583
原创 页面刷新，vuex数据不更新优化vuex-persistedstate
我们用vuex存储数据会碰到，一刷新当前页面，数据就全部丢失了。传统做法就是手动将数据用cookie 或者 localStorage 存起来。现在我推荐款插件 vuex-persist，它就是为 Vuex 持久化存储而生的一个插件。第一步：安装插件npm install --save vuex-persist第二步：在main.js引入import VuexPersistence from 'vuex-persist'//创建个对象用于存储const vuexLocal = new Vue
2020-07-13 15:59:42
1350
2
原创 判断数组中已存在某个对象 （ES6中的Array.find 和Array.findIndex）
开发过程中经常会碰到，怎么判断数组中已经存在某个对象呢？ 有个数据是 ‘012’，判断searchinfo 数组中是否存在‘012’这个数据。 可以用到 find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。 var searchinfo =[ { key: '012', ...
2020-07-08 09:19:00
1888
原创 绑定方法到WINDOW对象
公司项目有个需求，就是在头部显示消息提醒的数量。 类似qq邮箱，把未读信息勾选后，上面头部的铃铛消息提醒数量想同步修改。 那就得在把未读信息勾选为已读信息的时候调用一下查询信息提醒的接口。 消息提醒的接口需要写在头部那里，然后再写一个全局函数给其它页面调用，通过其它页面调用头部查询信息提醒的接口传数据渲染到页面； ...
2020-01-03 08:40:23
967
原创 Element-ui Upload 图片上传
<el-form-item label="身份证图片"> <el-upload class="upload" :class="{ hide: hideUp }" :action="getUploadUrl" li...
2019-12-12 10:23:25
409
原创 vant 日期组件，弹出的时候让手机自带软键盘弹出了
依赖vant-ui框架做个日期弹框，用到DatetimePicker插件，DatetimePicker插件没有自带弹框效果，所以也得嵌套在van-popup组件里进行弹出。 日期初始化的时候，显示的值为时间流 如下图！ 我们得把时间格式化，借助moment.js插件进行日期格式化。moment(val...
2019-10-17 04:48:53
1791
原创 es6 数组对象去重 js
let log = console.log.bind(console); let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1,...
2019-04-25 09:16:45
133
原创 截取ordernum= 到 &中间的值35831109111051331
<!DOCTYPE html><html> <head> <title>闭包练习</title> </head> <body> </body></html><scri...
2018-11-15 03:22:39
445
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人