- 博客(46)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 JavaScript笔记
一、语言基础if之类的控制语句在执行多条语句时必须要有代码块。var声明作用域，var操作符定义的变量会成为包含它的函数的局部变量。· var在一个函数内部定义一个变量，就意味着该变量将在函数退出时被销毁。· 在函数内部定义变量时省略var操作符，可以创建一个全局变量let声明，let声明的范围是块作用域，var声明的范围是函数作用域。const优先，let次之· 使用const声明可以让浏览器运行时强制保持变量不变，也可以让静态代码分析工具提前发现不合法的赋值操作。等于操作符==比较nu
2022-02-26 15:23:37
468
原创 【无标题】web端原生html项目在版本更新后不同缓存及时更新的方法
1. 前情项目代码更新部署后，浏览器仍然使用缓存，初始所见即为未修改时的代码，需要强制清除缓存后才能正常显示。2. 解决方法在页面引入的css和js文件后加上?v=1234等字样，即为文件的版本号。当版本号改变时，浏览器将不会使用缓存，而是直接更新至最新的代码。动态添加版本号：<script type="text/javascript">document.write('<script type="text/javascript" charset="UTF-8" src="
2022-02-20 18:02:46
738
原创 echarts地图设置label引导线
当地图中标点过多时，位置标签会被遮挡，此时可为label添加引导线地图样式 type:effectScatter ，散点图在所需要标点的位置上设置 series为 type:lines，路径图再将路径图的 series push 进去就好了路径图要设置 coords，路径的坐标，即起点和终点，可将位置的经纬度加减一个随机数let data = [] dataList.map(v => { let obj = {name:'',value
2022-01-08 11:08:20
3078
原创 Vue 项目知识点（三）
使用 elementUI 中的 el-radio-group 回显后端数据时，需要将 v-model 的值的类型与回显数据类型相对应，否则无法回显出选中的效果
2021-12-13 13:57:27
510
原创 JSON.parse报错分析
报错提示： Uncaught SyntaxError: Unexpected token N in JSON at position 0JSON.parse(NaN)JSON.parse('NaN')报错提示：Uncaught SyntaxError: Unexpected token u in JSON at position 0JSON.parse(undefind)JSON.parse('undefind')报错提示：Uncaught SyntaxError: Unexpec.
2021-11-20 14:18:47
6012
原创 【无标题】Vue 中 使用 DataV 创建胶囊柱图
官网地址：http://datav.jiaminghi.com/guide/capsuleChart.html#%E5%9F%BA%E6%9C%AC%E7%A4%BA%E4%BE%8B最终实现效果：由于需要调接口从后端返回数据，但是将调接口的函数和渲染的柱图写在同一个页面时，无法获取后端数据，于是我将调接口的函数写在了 js 文件中，再在页面中引入又由于调接口的请求是异步请求，又会导致先渲染页面，后成功调回数据，导致页面数据为空于是，在调接口时，返回了一个 promise ，只有当成功请求数据后
2021-11-20 10:35:28
3171
1
原创 Echarts环形图--自定义图例文本和中心文字
一、设置环形图中心文字可用 titel.text 和 title.subtext 来定义中心处的文本title:{ text: subtext:}用 graphic 原生图形元素组件每个图形元素本身有自己的图形基本的位置和尺寸设置{ type: 'rect', shape: { x: 10, y: 10, width: 100, height: 200 }},{ type: 'c
2021-10-30 22:06:58
4904
原创 Vue 项目中 高亮搜索关键字
参考链接：https://blog.csdn.net/wh13821662259/article/details/114652229
2021-10-30 10:31:59
392
原创 Elementui：el-table 结合 filters 实现表头的筛选过滤功能
<el-table-column prop="location" label="安装位置" align="center" min-width="160" :filters="LocationList" :filter-multiple="false" :filter-method="typeFilter" filter-placement="bottom-start"
2021-10-22 15:09:45
4890
原创 Vue 项目中以文件流 blob 形式下载 pdf、excel 文件
引入 axios，使用 axios 发送请求let m=this.$message({ message:"下载中......", type: 'info', duration: 0})axios({ method: "get", url: this.commonURL+"/plan/" + row.taskId, responseType: 'blob'}).then((res) => { const link = document.creat
2021-10-20 16:55:12
1174
原创 Vue 项目知识点（二）
::v-deep 可代替 /deep/ 和 >>> 在 vue 中实现对样式的深层穿透nth-of-type(),是当前元素父元素的同类型元素的第几个子元素nth-child(),是当前元素父元素的第几个子元素，只使用一个类名及当前类名为子元素.label dev:nth-child() ，当前元素为 dev ，父元素为 .label.label:nth-child() ，当前元素为 .label ，父元素为 .label 的父元素...
2021-10-20 11:05:35
189
原创 window.print()打印表格并且分页时动态添加表头
方法一：获取当前表格内容高度，达到某一值后分页（失败）通过 offsetHeighet 获取到元素高度let arr = document.getElementsByClassName("bodyDetail")let heightNum=0; //累加的高度let onePage=1300; //第一页的高度for(let i in arr){heightNum+=arr[i].offsetHeightif(heightNum>onePage){this.thead[i]=true;
2021-10-03 21:28:26
1606
原创 Vue 项目知识点（一）
对于后端接口回显回来的数据，将其展示到表单中无法修改的问题– 用 JSON.parse(JSON.stringify()) 先将其转为 json 字符串，再转为对象，即可修改表单数据要加 rules 验证时，验证的数据必须是表单 model 数据中的某个属性el-upload 上传图片，只能上传一张时，用 on-change 事件关联的方法，改变 fileList 的 url 即可new Date() 的标准时间可以直接比较大小，单纯的时间字符串 '09:00:00' 和 '10:00:00' 比.
2021-09-09 00:12:48
69
原创 Vue 中封装 ElementUI 组件为插件，并在 js 文件中使用插件
Vue.use(Element);// MsgBox 组件封装import MsgBox from './components/MessageBox'Vue.use(MsgBox)// MesBox 组件封装import MesBox from './components/MesBox'Vue.use(MesBox)
2021-08-17 09:15:46
311
原创 ElementUI 中 通过遍历 $router.options.routes 获得菜单，却不刷新的问题
菜单的获得方式<sidebar-item v-for="route in $router.options.routes" :key="route.path" :item="route" :base-path="route.path" :totalNum="totalNum" />问题：不同权限的用户菜单内容不一样，但是在登录后用了缓存，显示的是上一个用户的菜单内容，需手动
2021-08-11 19:39:03
1325
2
原创 window.print 添加页眉页脚
原文链接：link代码<!DOCTYPE html><html><head> <link rel="stylesheet" href="style.css" /></head><body> <div class="page-header" style="text-align: center"> I'm The Header <br/> <button typ
2021-08-09 19:42:12
3258
8
原创 Vue 中 多个 MessageBox 弹框被覆盖的问题
前情页面一打开就有一个提醒修改密码的弹框,如果这时候再有其他 messageBox 弹框的时候就会被覆盖,形成多个弹框排队等着处理的效果,第一个弹框永远在最前面,不能及时处理消息分析ElementUI 的组件是挂载在 Vue 上的,而全局的 Vue 实例只有一个,所以只能一个一个地弹出 MessageBox解决方法: 将 MessageBox 封装成一个插件,修改密码的弹框使用插件,其他地方正常使用 ElementUI 的 MessageBox最终效果代码MsgBox.vue&l
2021-08-09 11:44:30
1612
原创 Element: el-select 多选传值
修改前：修改后： <el-form-item label="项目维保员" prop="groupUserList"> <el-select v-model="ruleForm.groupUserList" placeholder="请选择维保员" multiple> <el-option v-for="item in groupUserL.
2021-08-04 17:08:45
1179
原创 el-table 表格的 selection 多选功能
<el-table :data="tableData" style="width: 100%" border @select="handleSelected" @select-all="handleAll" >@select 勾选数据行的 Checkbox 时触发的事件@select-all 勾选全选 Checkbox 时触发的事件handleAll(val){ if (val.length > .
2021-07-28 17:21:34
1389
原创 git stash 保存当前本地的修改
git stash 保存当前本地的修改通过 git stash 存储的修改列表,可以通过 git stash list 查看git stash show 用于校验，git stash apply 重新存储，直接执行 git stash 等同于 git stash save参考：sea_biscute的简书
2021-07-28 17:11:08
1040
原创 页面中递归调用接口函数
mounted() { this.getAlarmList() }, getAlarmList() { const self = this; $.get("notice/alarm", (res) => { const data = res.data; const alarm = {}; if(data && data.length>0){ setTimeout(self.getAlarmL..
2021-07-28 16:53:31
850
原创 ElementUI：el-form 表单验证邮箱，可不传值，传值再验证
const checkEmail=(rule, value, callback) => { let reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/ setTimeout(() => { if(value && !reg.test(value)){ callback(new Error('请输入正确的邮箱'));
2021-07-16 10:28:25
1182
原创 JS 获取当前时间 YYYY-MM-DD
不借助插件，就用 JS 的 new Date()String(new Date().toJSON()).split("T").shift()
2021-07-15 19:54:38
212
原创 ElemetUI：el-upload 上传图片
<el-form-item label="设备图片" label-width="120px"> <el-upload class="upload-demo" :action="commonURL + '/api/v1/common/uploadFile'" name="multipartFile" :on-progress="onProgressAvatar" :on-rem
2021-07-15 19:41:12
124
原创 Vue 项目对接接口数据
<el-form :model="detail" :rules="rules" ref="form" v-if='flag'> <el-form-item label="设备类型" label-width="120px" prop="deviceType"> <el-select v-model="detail.typeId" clearable @change="handleChangeSystem"> <el.
2021-07-15 19:38:53
1285
原创 Element：改变原生 el-dropdown 的样式
前情在用 el-dropdown 的时候，不知道为什么一个页面中的某个 dropdown 的间距过大，其他的都很正常，所以需要 调整许多 el-dropdown 中一个的样式。但 ElementUI 会有自己的样式，他绑定的 id 会动态变化，每个 el 标签的类名也是一致的。看了其他博主的解法，说 >>> 和 /deep/ 快被废弃了，说不建议使用，也不知道真假。方法一：在整个 el 标签的外层加上一个 div ，在 div 上加上类名来选中？(我失败了)<div c
2021-07-13 09:48:03
10628
原创 Vue 中同时使用 v-if 和 v-for 报错
在 Vue 中使用 v-for 循环一个数组/对象时，如果再使用 v-if，那么会提示使用计算属性(能正常使用)，因为 Vue 中是不提倡 v-for 与 v-if 同时使用<div v-if="notice" v-for="item in notice" :key="item.id" class="bulletin-container">此时提示错误，但不影响项目正常运行修改方法：<template v-for="item in notice"> <div v
2021-07-12 09:16:45
442
原创 ElementUI：Checkbox实现单选，嵌套多选
官网地址：ElementUI-Checkbox一、Checkbox 基础介绍<template> <!-- `checked` 为 true 或 false --> <el-checkbox v-model="checked">备选项</el-checkbox></template><script> export default { data() { return { checke
2021-07-10 11:26:41
4190
原创 ElmentUI：Form表单验证
官方文档 Element-Form表单<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item&
2021-07-10 10:07:56
176
原创 nodejs 和 node-sass / sass-loader 版本问题
原项目版本 "node-sass": "^4.14.1", "sass-loader": "^7.3.1",换了一个电脑，安装了最新的nodejs，版本太高，不能正确运行低版本的 node-sass降低 nodejs 版本下载 nvmnode.js version management,可以在多个node版本之间自由切换注意安装目录不能有中文！！！！nvm v 查看目前 nvm 版本nvm list available 查看可用的 nodejs 版本nvm instal
2021-07-09 13:26:13
1093
原创 HTML & CSS & HTTP
1. HTML 中的 meta 标签2. HTML机构的语义化3. link 和 @import 的区别4. CSS的两种盒模型5. CSS选择器6. BFC7. CSS实现水平垂直居中8. get 和 post 的区别9. HTTP headers10. 从输入URL到页面展示的详细过程11. 前端网络安全12. HTTP协议分析...
2021-06-20 00:03:39
59
原创 js基础知识
字面量 & 变量字面量就是一些不可改变的值变量 可通过变量对字面量进行描述var ， 变量提升，可重复声明变量ES6不能重复声明,具有块级作用域，变量不会提升let ， 可修改变量的值const ， 声明的变量必须提供值，不能重新赋值，可修改引用类型的属性值标识符在js中所有的可以由我们自主命名的都是已称为是标识符，例如:变量名,函数名,属性名命名规则标识符可以含有字母,数字,_,$标识符不能以数字开头标识符不能是js中的关键字或保留字标识符一般
2021-06-13 11:08:18
122
原创 数组中的 reduce
定义reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。描述有 initialValue 的情况无 initialValue 的情况reduce应用1. 计算数组中每个元素出现的次数var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];var countedNames = names.reduce(function (allNames, name) { if
2021-06-07 18:30:50
81
原创 数组方法组合应用 fill / map / jion / pop / slice / sort
1. 向数组中添加数据new Array.fill({}).map(v => ({ categoryName: 'news', })2. 取出属性值
2021-06-03 15:32:02
154
原创 Object.assign() 合并对象属性
基本用法Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象简单理解为对象属性的合并 Object.assign(target, ...sources);Object.assign()方法的第一个参数是目标对象，后面的参数都是源对象如果源对象是非对象参数，那么，这些参数都会先转成对象，如果无法转成对象，就会跳过。如果源对象为字符串，则会产生可枚举的实义属性，以字符数组的形式合入目标对象如果源对象为布尔值或数值，则会被忽略，不会被
2021-06-01 11:26:28
405
原创 CSS练习
三角形1. 等腰三角形 width: 0; border: 10px solid transparent; border-bottom-color: tomato;2. 直角三角形 width: 0; border-top:20px solid transparent; border-right:20px solid coral; border-color: transparent coral transparent transparent; borde
2021-05-23 12:08:38
53
原创 CSS
属性选择器[属性名] 选择含有指定属性的元素[title] 任意元素含有title伪类选择器伪类一般情况下都是使用 ：开头:last-child :nth-child() :not()伪元素选择器伪元素使用 :: 开头::first-line ::selection 表示选中的内容 ::before选择器的权重内联样式（行内样式） 优先级 1，0，0，0id选择器 0，1，0，0类和伪类选择器 0，0，1，0
2021-05-23 10:21:08
50
空空如也
uniapp安卓后台保活
2022-02-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人