- 博客(54)
- 收藏
- 关注
RSS订阅原创 elementui 动态控制 el-tooltip 的 disabled 时, 右侧会闪现一下滚动条
elementui 动态控制 el-tooltip 的 disabled 时, 右侧会闪现一下滚动条。
2023-02-23 10:28:48
778
3
原创 elementUi按钮点击后仍有颜色 失焦后才会消失 想要点击后就失去颜色
elementUi按钮点击后仍有颜色 失焦后才会消失 想要点击后就失去颜色。
2023-02-23 10:13:24
2345
原创 elementUI 使用了sortablejs之后 el-table表格中的 input 框里的文字不能选中复制问题
给表格绑定动态的 列名，在 input 框上绑定 focus 和 blur 事件动态改变列名，在初始化 sortablejs 时使用 handle属性来控制可以通过哪些地方来进行拖动。
2023-02-22 10:57:34
1996
原创 cascader遇到的坑（点击选中时，弹框不关闭；选择的内容回显是radio不显示选中状态；要求点击文字也可选择；）
测试提了个bug，选择目录后选择框不自动关闭点击了一下确实如此这里我使用的是 elementUi 的 cascader 具体代码如下：<el-cascader ref="catalogue" v-model="exportForm.directIds" :options="catalogueList" :props="{value: 'id', label: 'directoryName', children: 'child...
2022-05-13 11:07:59
4602
2
原创 Uncaught TypeError: Cannot read properties of null (reading ‘disabled‘)
问题描述在使用 Vue + ElementUI 开发项目的时候遇到了下拉框option 失去焦点时 不关闭的问题查找原因打开控制台之后发现有个报错信息参考了其他文章之后说是 使用了el-dropdown 下缺少 el-dropdown-menu 元素很奇怪，自己的页面明明没有写 el-dropdown又继续开始百度，答案出奇的一致突然发现，关闭模态框后，点击其他地方依旧会出现这个报错原来同事在导航栏的组件里使用了el-drop-down注释之后发现就是这里的问题解决方案（.
2021-11-05 18:04:45
24899
原创 ElementUI Tree组件遇到的问题及高亮搜索
3. 遇到的问题4.扩充(多个关键词高亮搜索)新需求： 输入框中的多个关键词高亮搜索如何理解 $1 参考文章地址
2021-09-03 16:47:48
1301
1
原创 ElementUI Table 表格的 滚动条样式设置
// 设置 1 /deep/ .el-table__header-wrapper { .gutter { display: none; }}// 设置 2/deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 4px; height: 4px;}/deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { background-col
2021-09-03 16:26:44
422
1
原创 码代码时遇到的小插曲
1. 后端需要的参数是 对象里包含一个数组，但传值之后发现数据格式不正确经查找之后发现是在发送请求时的 Content-Type 设置的数据格式 与后端的要求不一致的原因????????，后端需要的时 json 格式而我写的是export const postRequest = (url, params) => { let accessToken = getStore("accessToken"); let csrfTOKEN = Cookies.get('csrftoken'
2020-11-03 20:49:26
3473
原创 VSCode ---- 自动生成代码注释工具 koroFileHeader
1. 安装 koroFileHeader 插件2. 安装安装完成后，打开 左下角设置–》设置–》搜索 ‘fileheader’–》点击 setting.json添加以下代码 （ 里面的东西可以自己配置，例如 change 改为 transform ） //此为头部注释 "fileheader.customMade": { "Description": "", "Version": "2.0", "Autor": "weishuro
2020-07-06 22:05:11
1768
原创 git ---- 常用的命令
git clone 远程仓库地址 从远程仓库克隆项目到本地git pull origin 分支名称 从远程仓库拉取该分支的最新内容git push origin 本地的分支名称 把该分支推送到远程与之相关联的分支上git merge 分支名称 把该分支合并到当前分支上 git branch 查看本地所有的分支...
2020-05-08 13:42:45
274
1
原创 实现千位符和保留位数
function myTho(n, s) { // 当不是字符串时，强制转换为字符串 if (typeof n != 'string') { n = String(n); console.log(n) } let num = n.split('.'); let z...
2020-05-07 17:55:53
347
原创 文本溢出截断省略
1. 单行文本超出截断显示省略号 css { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } white-space: nowrap; 文本在一行显示，不换行 overflow: hidden; 让超出的文本隐藏起来 ...
2019-12-12 18:48:53
374
原创 兼容性问题---- 图片下方有大片空白
问题在谷歌, 火狐浏览器下无论是不同屏幕大小还是手机模式下都是完美的的, 然鹅, 事情并不简单,在 edge 下出现高度过高, 图片只占了上边一小部分, 下方有大片空白 的问题查找原因刚开始以为是 padding, margin 的原因, 但找了一圈下来, 还是自己太单纯, 最后锁定 高度原因解决问题将 height: 100%; 改为了 height: auto;问题成功...
2019-09-30 14:50:44
457
原创 在不同的分辨率下 图片自动隐藏两边的部分, 只显示中间部分
1.使用定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...
2019-09-30 14:24:55
480
转载 git ---- 没有 .ssh 文件的解决方法
首先打开你的 GIT Bash输入你的指令接着会提示你这个文件路径 一般默认即可 直接回车然后会提示你输入密码 这个输入密码 是不可见的 直接输入按回车 就行 一般会输入两遍效果图这个时候可以打开路径下的文件 如果没显示 把查看隐藏文件点个钩子原文链接：https://blog.csdn.net/qq_37737566/article/details/8238...
2019-09-01 08:29:43
4006
原创 git ---- 安装git 后 cmd 和 VSCode 里不能正常使用但 git bash 里能正常使用的解决方法之一
一. 出现的问题cmd 中, 输入 git 按下 回车键, 提示错误 git 不是内部或外部命令，也不是可运行的程序或批处理文件。VSCode 中，在命令行输入 git 按下回车键, 提示错误 git : 无法将“git”项识别为cmdlet、函数、脚本文件或可运行程序的名称二. 查找原因在网上查询后发现时自己的 环境变量没有配置三. 配置环境变量(win 10)...
2019-09-01 08:22:48
3816
3
原创 Vue 项目在 npm run dev 时报错Class constructor FileManager cannot be invoked without 'new'
昨天在运行项目时 出现Class constructor FileManager cannot be invoked without 'new’错误，查找后找到解决办法修改 package.json 里的 “less”: “^3.9.0” ----> “less”: “~3.9.0”成功解决但神奇的是今天我把 package.json 的 “less”: “^3.9.0” 改回原样，...
2019-08-22 17:27:59
741
原创 javaScript----正则表达式
一.什么是正则表达式正则表达式就是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，常常用来按照“给定模式”匹配文本简而言之就是是一种模板，用这个模板来匹配字符串二.如何创建一个表达式使用字面量var reg = /xy/igm;xy表示要匹配的字符串igm是修饰符，意思分别是i ---- ignoreCase 忽略大小写g ----global 全局匹配m --...
2019-08-15 10:39:39
179
原创 原生JS获取元素的位置与尺寸
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...
2019-08-14 09:45:06
374
原创 Less学习（六）----类型检查函数(Type Checking Functions)，css 守卫(CSS Guards)，循环(Loop)，合并(Merge)
类型检查函数(Type Checking Functions)要是想根据值的类型匹配混合,可以使用 is 函数基础的类型检测函数iscolorisnumberisstringiskeywordisurl检查一个值是否在一个指定的单元中,除了数字emmm 有点没太明白ispixelispercentageisemisunit.mixin (@a; @b: 0) when ...
2019-08-08 17:59:46
266
原创 Less学习（五）--带参数的混合（ParametricMixins）混合函数(MixinsFunctions)规则设置(PassingRulesetsMixins)混合守卫(MixinGuards)
带参数的混合(Parametric Mixins)1)混合可以携带参数,在设置样式规则时可以使用传入的参数参数的值在使用时 必须传入,除非是给了默认值,不然会报错.testdiv(@radius){border-radius: @radius;}.a{.border-radius(10px);}注意: 1.携带参数后在使用时必须给参数赋值,也可以使用默认值,在定义时给一个值即可...
2019-08-08 17:50:10
410
原创 Less学习（四）----扩展（Extend）
扩展(Extend)选择器:extend(选择器参数){ }扩展是less里的伪类,作用是 将选择器与匹配它引用的选择器合并在一起简单地说，就是 在extend里选择器参数出现的设置规则的时候,也会给extend前的选择器给予同样的规则,相当于非破坏性的搜索和替换（）.a:extend(.b){}.b{样式规则}等价于.b, .a{样式规则}在输出之前会移除扩展,选择器块...
2019-08-06 19:14:46
1434
原创 Less学习（三）----嵌套指令和冒泡，操作符，转义，范围，注释，@import
嵌套指令和冒泡(Nested Directives and Bubbling)指令也可以像选择器一样被嵌套，如 media , keyframe.冒泡就是 被嵌套的指令会被提升放在最外层,而里面其他的选择器顺序保持不变.1.条件指令(eg. @Media, @supports , @document)条件指令会把选择器复制到他们的body(体内))并且冒泡2.非条件指令(eg. fo...
2019-08-06 18:34:46
902
原创 Less学习（二）----混合（Mixins）
混合(Mixins)1.为什么使用混合一个选择器里设置的属性，你想用在另一个选择器里，以往只能复制一遍，而现在你可以使用混合。2.如何使用1）直接在选择器里加入另一个选择器即可（类选择器和id选择器都可以）2）直接在选择器里加入另一个选择器并在其后面加上’()’,两个的效果一样.container{样式规则}.wrapper{.container();或者.containe...
2019-08-03 11:44:23
625
原创 Less学习（一）----变量（Variables）
变量(Variables)1. @变量名:值;@width:400px;注意：变量实际上是“常量”只能被定义一次2. 变量不仅可以控制CSS规则里的值，还可以用于其他地方，例如 选择器名，属性名，URLs，@import语句选择器名先定义一个变量变量应用于选择器,因为举得例子是类选择器，所以 @ 前面是 ‘.’ ,当是id选择器的时候 @ 前面是 ‘#’.@{变量}{样式规则...
2019-08-02 16:42:39
1217
原创 Less学习----Vue中引入Less的方法
安装npm install less less-loader --save-devcnpm install less less-loader --save-dev //推荐使用刚开始安装完成后，启动项目时会报错，不知道啥原因，我又重新安装了几次就好了引入<style lang="less" scoped> @import "你要引入的less文件的位置"<...
2019-08-02 09:15:38
1361
原创 javaScript----字符串的方法 substr,substring,slice
substr(beginIndex,length)截取从开始位置的指定长度的字符串，返回的是字符串，没有 length时，会默认截取到最后不会影响原字符串substring(beginIndex,endIndex)截取从开始位置到结束位置(不包括结束位置)的字符串，没有 endIndex时，会默认截取到最后不会影响原字符串参数不能为负数，但是传入负数还是会有相应的结果返回beginI...
2019-07-29 09:59:12
169
原创 Vue.nextTick 和 this.$nextTick 的使用
定义： 在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即调用这个函数，获取更新后的DOM简而言之就是 数据更新，在DOM中渲染，立即执行这个函数created() 钩子函数中进行DOM操作的 js 代码必须放在 Vue.nextTick() 中，因为此时 DOM 还未进行渲染，对DOM进行操作是不起作用的<template> <div class="vfor...
2019-07-23 17:30:48
762
翻译 sortablejs----排序插件
一.Sortable 是什么Sortable是一个JavaScript库，用于可重新排序的拖放列表二.特点1. 支持触摸设备和现代浏览器（包括IE9）2. 可以从一个列表拖到另一个或在同一个列表拖动3. 拖动时有CSS动画4. 支持拖动手柄和可选择的文本5. 智能的自动滚动条6. 先进的交换检测7. 平滑的动画8. Multi-drag 支持9. 使用本地HTML5拖放API...
2019-07-23 17:29:39
3121
1
原创 Vue----watch监测数据变化
一.为什么要用 watch当某些数据一旦发生变化，我们就想要采取某种措施时使用示例当 price 一旦发生变化时，我们想要计算出 priceDifferences<template> <div class="watch"> <h2>{{price}}</h2> <h2>{{priceDiff...
2019-07-21 13:23:22
552
原创 js---splice,slice,join,split简单介绍
splice,slice,join是对数组进行操作，join是把数组形式转换成字符串形式split是对字符串进行操作，把字符串形式转换成数组形式splice(beginIndex,deleteNum,insertItem)会改变原数组，返回的是删除的数组项组成的新数组beginIndex:开始位置(包括这个位置)，必须的选项deleteNum:删除的个数，非必须，不写时表示从开始位置到末...
2019-07-16 15:23:34
317
转载 document.querySelector()
HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持，也可以方便的获取DOM元素，语法跟jQuery类似。获取文档中id=”container”的元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&...
2019-07-15 12:40:10
1966
原创 Vue----Object.freeze()
1.参数为对象Object.freeze()方法可以冻结一个对象，被冻结的对象再也不能被修改。不能向被冻结对象中添加新的属性，不能删除已有的属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，修改已有属性的值。冻结对象的原型也不能被修改。Object.freeze()返回和传入的参数是相同的,返回的是传递的对象，而不是创建一个被冻结的副本<template> ...
2019-07-15 11:12:59
932
原创 VUX--小白初学使用安装
一.安装安装vux npm install vux --saveVUX 必须配合 vux-loader使用,保证了组件按需使用 npm install vux-loader --save-dev正确编译less源码 npm install less less-loader --save-dev正确进行语言文件读取npm install yaml-loader -...
2019-07-07 12:03:34
568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人