- 博客(11)
- 收藏
- 关注
RSS订阅原创 el-table修改滚动条样式导致留白问题
从源码中可以看出，right的计算是通过在body创建一个el-scrollbar__wrap类的div，在el-scrollbar__wrap通过设置样式scroll，再里面引入子级div，通过父子级的offsetWidth计算出scroll的宽度是多少，而scroll的宽度实际上是全局的scroll宽度，所以导致我们在组件局部定义scroll宽度会出现留白。看元素发现el-table__fixed-right样式是滚动设置的，决定从源码入手，看看el-table是怎么计算的。
2023-02-06 11:43:36
1302
1
原创 浏览器跨页面通信
JavaScript原生就有一个监听localStorage变化的事件storageEvent，当同一域下不同页面修改storage会触发storageEvent事件，自己修改storage则不会触发。otherWindow：其他窗口的一个引用，比如 iframe 的 contentWindow 属性、执行 window.open 返回的窗口对象、或者是命名过或数值索引的 window.frames。otherWindow = window.opener 获取对创建该窗口的 Window 对象的引用。
2022-11-16 17:44:30
740
原创 BaseTooltip文字提示组件
实现方式：基于el-tooltip组件进行二次封装，判断el-tooltip是否生效。使用场景：在文本超出指定长度时，缩略成...，鼠标移动上去会弹出完整文本的提示框。实际高度 > 可视高度 表示文字缩略生效。
2022-09-28 17:08:27
146
原创 webpack组件库打包
App.vue引入index.js，替换componentName为要显示组件的name，页面就会加载对应name的示例组件。createComponent.js：自动生成组件和示例组件、配置components.json组件列表。注意：打包的组件需要在build\components.json文件配置，初始化组件指令会自动添加上去。components.json：组件列表（key：组件名，value：相对路径）npm run new:component 组件名 组件描述：创建组件模板。
2022-09-28 16:22:50
1771
原创 git命令使用笔记
常用指令git add . //添加文件到暂存区git commit -m "" //将暂存区内容提交到本地仓库中git push //讲本地代码提交远程仓库git pull //拉去远程最新代码git stash //保存当前工作进度，将工作区和暂存区恢复到修改之前git stash pop //恢复工作进度到工作区git clone xxx //拷贝一个 Git仓库到本地git reset --hard <commit-id> //回滚代码到指定版本号（参数--hard：.
2022-05-20 17:00:22
215
原创 scss的基本使用
1、变量 $$xx:100px;.class{ width:$xx;}2、嵌套 &:a{ &:hover{ color:red; }}3、继承 @extend.class{ font-size:16px; color:red;}.main{ @extend .class}4、混入 @mixin 、@include@mixin class{ font-size:16px; colo.
2022-05-20 16:47:08
2263
原创 fixed布局相对于父级容器定位问题及transform影响
<template> <div> <div class="parent"> <div class="children"></div> </div> </div></template><style> .parent{ position: fixed; left: 50px; width: 300px; height: 300px; border: 1px .
2022-04-14 14:42:27
1544
原创 vue使用v-for遍历对象的顺序问题
v-for循环会先判断是否有iterator接口，如果有循环执行next()方法，会调用Object.keys()方法。原生具备Iterator接口数据结构的：Array、Map、Set、TypedArray、函数的arguments对象、NodeList对象。Object.keys()方法会按照新元素是否为 array index，界定是否重新排序并插入到开头。（简单理解：把能转换Number类型的key值进行排序，剩下的按先来后）若业务需依赖对象 key 先来后到的排序、且涉及普通字符串与数
2022-04-12 16:29:38
4546
原创 js 时间范围校验
/*** 时间范围校验** @export* @param {string} date* @param {string|number} type* @return {boolean}*/function isTimeRange(date,type='day'){ let getTimeFn = time => new Date(time.replace(/-/g, '/')).getTime() let nowDate = new D...
2022-04-02 17:24:26
482
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人