前端
前端攻程狮
这个作者很懒,什么都没留下…
展开
-
进度条模拟和查看PDF工具
简单进度条模拟保存原创 2023-01-13 11:06:28 · 168 阅读 · 0 评论 -
前端架构思维浅谈
关于前端大神的架构思维原创 2023-01-12 15:04:43 · 190 阅读 · 0 评论 -
vue引导效果插件driver.js讲解
在vue里使用driverjs做出引导效果原创 2023-01-12 14:06:09 · 997 阅读 · 0 评论 -
echarts图例过多显示问题
echarts图例过多时分页处理原创 2022-12-29 16:46:03 · 4684 阅读 · 0 评论 -
点击空白地方弹框消失 在vue里使用原生写法
在vue里使用原生写法,使点击空白地方消失原创 2022-06-15 14:09:56 · 441 阅读 · 0 评论 -
node脚本使excel转json
1.创建一个空文件夹,在当前目录下打开控制台,执行npm init命令自动生成package.json执行npm install xls-to-json.新建index.jsnode_xj = require("xls-to-json");node_xj({ input: "xls/test.xlsx", // input xls output: "beijing.json", // output json// sheet: "sheet" // specific sheetn.原创 2022-05-12 11:03:30 · 691 阅读 · 0 评论 -
简单的深拷贝
利用 JSON 方法先转化成 string 再转换为对象const deepCopy = (obj) => JSON.parse(JSON.stringify(obj));原创 2022-03-09 10:45:21 · 515 阅读 · 0 评论 -
vue通过 Ctrl 点击鼠标实现 div 多选操作
针对前端部分,有一个div的列表,想通过按住Ctrl键后点击div实现多选的功能大体思路如下:1 通过拦截控制ctrl的键盘code值,2 在div上添加一个点击事件,将div设置成一个选中的样式,当然,在点击事件里面得判断一下,判断键盘是不是被按下了,没有按下的话,不做任何处理具体代码如下:1 首先先定义变量data() { return { data:[], //数据源列表 isCtrl: false, // 快捷键 ctrl 是否被按下原创 2021-11-16 14:35:23 · 2921 阅读 · 0 评论 -
检查日期是否合法
const isDateValid = (...val) => !Number.isNaN(new Date(...val).valueOf()); isDateValid("December 17, 1995 03:24:00");// Result: true原创 2021-09-30 08:29:00 · 104 阅读 · 0 评论 -
2021-09-23
开发webGIS项目时,首先就要初始化一个地图,我们以使用mapbox举例<!DOCTYPE html><html><head><meta charset='utf-8' /><title>显示一个地图</title><meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /><script src=原创 2021-09-23 10:00:07 · 52 阅读 · 0 评论 -
解决element组件数据无法二次渲染的问题
当你使用elementUI组件后,如果使用接口传参赋值,第一次可以正常渲染数据,但是当第二次重复操作时,数据是正常的,在页面却没有正常显示。我们拿Cascader 级联选择器为例,解决办法是强制使用 v-if 进行重新加载渲染。 <el-cascader v-if="cascaderFlag"></el-cascader> this.cascaderFlag = false this.$nextTick(() => { this..原创 2021-08-27 10:14:14 · 1808 阅读 · 3 评论 -
实现定位居中对齐
直接上代码<div class='a'></div> <div class='b'></div> .a{ height: 100%; width: 100%; border:1px solid black position: relative;}.b{ position: absolute; width: 100%; left: 0; right: 0; background-c原创 2021-08-23 18:43:38 · 275 阅读 · 0 评论 -
使用element表单时,数据无法渲染到dom上的问题
当使用element表单时,在已有数据进行二次渲染时,页面上还显示的是上次的数据,排查原因是因为使用了 this.$refs['editForm'].resetFields()把这个代码去掉就可以了原创 2021-08-04 08:34:42 · 522 阅读 · 0 评论