- 博客(18)
- 收藏
- 关注
RSS订阅原创 ——按钮权限
最近开发需要做一个按钮权限问题，网上大部分的方案都是在登录时将按钮权限编号返回并存储到本地，然后通过vue自定义方法判断当前按钮的编号是否存在这个按钮权限编号数组里面，存在则显示，不存在则不显示。但是当我提出这个方案，领导并不像将权限放到本地，不想暴露给用户，所以网上这个方案在我们这里就不成立了。于是就是了我们后面的方案及问题。
2024-11-01 16:56:16
262
原创 webpack 学习心得（小小webpack配置，大大方便）
没有全局导入文件前，需要在页面单独引入某个文件，或者在main.js 全局注册。后，直接在页面使用即可。
2024-04-25 16:20:17
139
1
原创 swiper slidesPerView: “auto“ 留下的坑
解决方案：经过了不断的查看dom和浏览文档，发现是高度的问题，因为我的父元素的高度是800px,然后swiper自动将子模块平分为3份，但是子元素因为大小不一，所以并不会完全占满父元素的高度，导致swiper本身计算出现问题，导致无法正常滚动，然后调整父元素的高度即可解决这个问题。问题：根据我这种情况，普通的slidesPerView 是解决不了的，因为正常设置这个属性会平均你的大小，然后平分给各个子模块，据文档描写，可以用。- 父元素高度可以小一点，但是不能大，大了会使轮播失效。调整完高度即可正常滚动！
2024-04-22 16:24:43
867
原创 element table头部固定，内容滚动
思路：首先我们要给table表格套一层父元素，然后获取这个父元素的高度，同时获取表格的表头的高度以及分页的高度。然后用父元素的高度减去表头和分页的高度即是table表格的高度，然后再把这个高度赋值给。2.然后我又想会不会是数据过多，我先获取了dom，然后数据渲染后的dom我们高度不一致，里面进行监听，等数据回来后再获取dom，这样总可以了吧，但是事实总是残酷的，又失败了。3. 最后大家别忘了销毁监听器。
2024-04-01 18:32:05
1627
原创 css 之:hover显示隐藏过渡
问题： 使用opacity 进行隐藏后用hover显示会有一个问题，即 当鼠标放在已经隐藏的盒子的时候，hover也会触发。前言：我的需求是写一个盒子，鼠标移动上去显示一段文字，但是写完之后发现效果非常僵硬，效果很不好。用这个作为显示隐藏性能会好一些，但是用了这个效果会很僵硬。所以不能使用这个作为隐藏的方法。这个属性，将盒子透明化也是一种隐藏方式并且这个可以加入动画。于是乎完成了我想要的效果。为什么第一次写的时候hover过渡非常僵硬呢，因为用的是。
2024-02-22 13:34:34
469
1
原创 echarts 地图 （在地图上添加标点（散点图）等）
要做这个需要在地图上弄散点图，这是我一开始的思路，但是经过长时间的百度和搜索，网上大部分的方案都是 geo + series里面加type: 'scatter', 这个散点图，并且最重要的是这个对象 ==》, 这个的意思是采用坐标系为地理坐标系，但是经过验证，要用这个的话必须要跟。，不然echarts识别不到，你就获取不到你添加的数据。通过这个series 渲染的地图，我们只需要在data里面丢数据即可。需求2：我每次下钻的时候，我需要将接口返回来的坐标信息显示到地图上。注： 这个要注意，必要要用。
2024-01-31 17:39:57
3572
3
原创 渲染后端返回的图片！
这种只适合于接口只返回一张图片，接口不会返回任何参数，只有图片！不需要在做任何操作，这样就可以直接渲染出来了！话不多说，直接上代码！
2024-01-25 16:38:53
536
原创 vue 滚动条直接滚动到最底部
2.如果是需要等待数据渲染完成之后再滚动到最底部的，注意在数据获取后再去获取dom，1.务必查看清楚你的滚动条是属于哪个dom的，不然获取错了是不会有效果的。是一个很好的选择，同时搭配。
2024-01-17 13:25:49
1764
原创 vue导PDF 汇总
首先，根据A4纸的宽高，计算出DOM页面一页的高度，然后给pdf里面的所有元素添加一个类作为标识，在打印pdf前先判断这个元素是否在两页之间，如果在的话则创建一个空div，计算插入空白快的高度，然后插入到这个元素前面，将要被截断的元素往下移，这样即可避免会被截断的情况。问题1：导出的PDF有可能会因为纸张长度问题导致导出的PDF 会被截断。这个问题解决比较简单，只需在图表初始化的时候，添加一个参数即可。或者给堆叠的元素加一个空格之类的，都可以。问题3：转成pdf后，部分字体堆叠问题。
2023-12-19 16:41:06
318
1
原创 Echarts 柱状图默认选中第一个并显示tooltip
在默认情况下，要想查看柱状图的具体详情，我们可以用鼠标点击或者鼠标移入进行查看对应的信息。但是最近碰到了个这么个需求，用户希望能在页面进来的时候展示柱状图的第一个鼠标移入效果，听到这个的时候还是一头雾水。后查阅echart文档可知，除了在echarts图里触发之外，还有一种方式可以触发，即我们可以手动触发。我用的是action.tooltip.showTip。通过这个即可实现我需要的效果。想展示哪一列就将dataIndex换成对应的索引即可。
2023-12-04 17:43:56
1402
原创 Element-ui select选择器样式修改
而有一些样式又必须是在全局修改才能生效，就如elelment 的 select 下拉框。因为如果正常使用的话下拉框的样式是在页面外的，所以在本页面无法选中这个样式进行修改。通过这个属性，我们可以将本来在外面的select选择框插入到本页面的body里面，这样我们就可以在scoped 里面对select进行修改了，并且不影响其他页面。众所周知，在vue2里面，如果不加scoped ，那么就会有可能影响到其他页面的样式。昨天犯了一个很低级的错误，差点影响到上线。警醒一下自己，太大意了，记录一下。
2023-11-16 15:42:37
456
1
原创 window.open 使用心得
最近有一个需求，就是如果页面已经存在一个相同的浏览器页面则跳转到已经存在的浏览器页面，否则打开一个新浏览器页面。原理：如果window.open的窗口名一样，则会跳转到已经存在的页面，否则会打开一个新页面。利用window.open里面的第二个属性 "name" 窗口名称 进行实现。指定target属性或窗口的名称。
2023-10-25 15:18:46
163
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人