weixin_51580735的博客

原创 立体echarts柱状图咋做

其实就是柱子加个横向渐变并且上下底加个菱形，挪个角度就好，但是不咋好看，不过底下加菱形会压线，所以下面实例只在顶部加的菱形。这里面一堆炫彩3d图，好看但我有点没看懂，但很规范的好看，可参考。有点丑但是需求说可以那就可以，这个我是参考。这个人的，他讲的好，还有另一种方式。

原创 如果下载cursor损坏啥的咋解决

临时快速修复（不用装命令工具） 打开终端输入： sudo xattr -rd com.apple.quarantine /Applications/Cursor.app 输开机密码回车，之后就能正常打开。在 Mac 电脑上，可以执行这条命令安装 Cursor，就能解决软件损坏打不开的问题。粘贴输入命令：brew install --cask cursor。以下是豆包给的方法，没试过，上面的是别人给的，有人试过成功了。回车执行，自动重装软件，规避损坏报错。这个可能有用，我还没试过。

原创 无缝滚动（通用模板）

【代码】无缝滚动（通用模板）

原创 实现任何列表的向上无缝滚动(适合我这种 白痴详细)

如果没有副本，只有原始列表，那么当原始列表的最后一项滚动到窗口顶部时，再往下就没有内容了，窗口下方会变空白。因为设计上列表容器高度固定（468px），每条记录高度约 78px，6 条刚好接近容器高度，再多就需要滚动。因为列表数据是异步获取的，数据变化后需要重新计算是否需要滚动，并且重置位置（否则数据变少了，滚动可能错位）。由于归零的那一帧，副本刚好在视口中，看起来就像从副本的开头继续滚动，完美无缝。否则列表内容不超出一屏，没必要滚动。如果新数据不需要滚动（数量 < 6），就取消动画，列表自然静止。

原创 同级切换不同内容

在定义一个// 标签页状态。

原创 点击切换路由并带有定位问题如何解决

其他页一个配:to=“{ path: ‘/xxxxx’,hash:‘#xxx’}”注意: 这个功能只在支持 history.pushState 的浏览器中可用。这个是vue3，如果下次再遇到可以查查scrollBehavior就行。// 创建一个 hash 历史记录。// 应该添加到路由的初始路由列表。// 是否应该禁止尾部斜杠。配置scrollBehavior。一个配id=“xxx”

原创 驾驶舱大屏，我发现遗漏一个自适应

还要引入import autofit from ‘autofit.js’;这个我记得也挺好用 ，就几句话，实现的也可以。

原创 驾驶舱大屏，我发现遗漏一个自适应

还要引入import autofit from ‘autofit.js’;这个我记得也挺好用 ，就几句话，实现的也可以。

原创 留小数点后两位

【代码】留小数点后两位。

原创 如何实现屏幕自适应（比如大屏）

如果不设置position: absolute，left/top对 static（默认）定位的元素无效，translate(-50%, -50%)也只能基于元素自身原位置位移，无法实现 “基于父容器居中”。其left/top/right/bottom属性是相对于最近的已定位祖先元素（这里是#container，因为#container是默认的 static，但absolute会向上找直到视口）；第一步：translate(-50%, -50%)（位移）→ 第二步：scale(0.8)（缩放）

原创 如何封装分页组件

当用户点击分页组件上的页码按钮时，分页组件会将对应的页码值作为参数传递给这个函数。currentPage.value = page：更新当前页码状态。const currentPage = ref(1)//当前页数。loadPolicyList()：重新加载政策列表数据。当用户点击第2页时，page 值为 2。当用户点击第3页时，page 值为 3。这是一个处理分页变化的函数。格式如 “共 100 条”total：显示总条目数。pager：页码按钮列表。prev：上一页按钮。next：下一页按钮。

原创 困扰我很久的登录状态终于解决

其实就是有个页面跳转用的。

原创 有时候总別不来劲为啥引入echarts要这个等于这个，在等于那个

ECharts 和 Vue 是 “两个独立的东西”： Vue 管 DOM 渲染、响应式，但 ECharts 是纯 JS写的可视化库，它不依赖 Vue，也不知道 Vue 的 ref—— 你必须主动把 “DOM 容器”（ref.value）传给ECharts，它才能知道 “往哪画图表”。你得先告诉 “照相馆（ECharts）”：“我要用这个相框（ref 拿到的 DOM）”（echarts.init），再把 “照片的底片（柱状图配置）” 给照相馆（setOption），最后才能在相框里看到照片。

原创 vue3如何引入echarts

/ 柱状图和折线图。

原创 自动滚动咋么实现

使用定时更新scrollTop通过状态标志控制滚动开关鼠标悬浮时清除定时器实现暂停计算判断是否到底记得在组件卸载时清理定时器滚动速度：修改中的数值（如+= 2更快）滚动频率：修改的时间间隔（如30更快）到底延迟：修改setTimeout的延迟时间（如3000更长）希望这些说明有帮助。

原创 路由白名单咋写的

原创 原本我的页面设置了宽高100%但x轴y轴还是出现滚动轴，莫名其妙有空白，以下哪几条就解决了空白问题，已经完全占领页面耶耶耶

justify-content: space-between Flex 子元素沿垂直方向两端对齐（顶部和底部的子元素贴边，中间自动填充空间）width: 100%;background-size: 100% 100% 背景图拉伸至容器宽高（铺满但可能失真，若需保持比例可改用 cover）background-position: 50% 背景图水平 / 垂直居中（等同于 center center）background-attachment: fixed 背景图固定（滚动页面时背景不随内容滚动）

原创 特殊双斜线表头+插槽作用

【代码】特殊双斜线表头。

原创 如何给表格实现自动滚动循环 ，也就是跳马灯

简单说，finishTableRef.value.$refs.bodyWrapper 的作用就是获取表格中负责内容滚动的容器元素，以便对其进行滚动控制。这行代码的作用是获取表格组件的滚动容器元素，并传递给滚动函数，以实现表格内容的自动滚动效果。finishTableRef：是DOM / 组件的引用容器，存储的是 组件的实例对象。finishList：是数据的响应式容器，存储的是表格的数据源（数组。finishTableRef 的核心用途是控制表格的滚动行为。

原创 如何实现全屏

定义的 hideMenu 一定是用 ref 或 reactive 包裹的（比如 const hideMenuByUrl = ref(false)），这是 Vue 响应式的核心： 普通变量（let hideMenu = false）：值变了，Vue不知道，视图也不会更；你之前的代码中，watch 负责 “触发开关变化”（URL 参数 → 开关状态），v-if 负责 “根据开关控制视图”，三者配合才实现了 “URL 传参 → 菜单隐藏” 的完整效果。在要隐藏的菜单头部页通过v-if判断URL是否携带，

原创 包含点笔试题

</li>

原创 集结几个前端问题

我的项目使用的是 JWT 认证方式。“如果我的项目体积过大，我会从以下几个层面进行拆包优化： 首先，最基础的是使用 Webpack 的 SplitChunksPlugin将第三方库单独打包成 Vendor Chunk，充分利用浏览器缓存。如何说：“在我的项目中，我结合 React Router/Vue Router，将每个路由页面组件都使用 import() 语法进行了懒加载，这样首屏只需要加载主包和首页的包，速度非常快。其次，我会结合路由使用动态导入，实现代码的懒加载，保证首屏只加载必要的代码。

原创 今天前端面试问了啥

1、全局组件插件：将一些使用频率非常高的基础组件（如 ConfirmDialog, Loading）封装成插件，使用 Vue.use()后就可以在整个项目的任何地方直接使用，无需再单独引入。当组件变得复杂时，理解和维护这些分散的代码会非常困难。我知道也有一些付费的（比如某些特定的主题或非常小众的专业工具），但我目前还没有遇到必须付费才能解决的问题。Vue 2 的生命周期指的是一个 Vue 组件从创建、挂载、更新到销毁整个过程中会自动触发的一些特定函数，允许我们在不同阶段插入自己的代码。

原创 前端面试问了啥---2

= 浅拷贝：只复制第一层属性，引用类型仍共享内存（如 Object.assign、扩展运算符、slice截取时会创建一个新数组）==深拷贝：完全复制所有层级，新旧对象完全独立（如 JSON.parse(JSON.stringify())、structuredClone 或递归实现）。选择依据：浅拷贝适用于结构简单、无嵌套引用的对象；深拷贝适用于复杂对象、需完全独立副本的场景。资金管理 ：制定资金计划，账户查询，资金调拨费用报销：申请报销（员工可通过系统填写报销单，上传发票；

原创 前端面试 问了啥

浏览器在用户访问页面的时候，为了加快加载速度，会对用户访问的静态资源进行存储，但是每一次代码升级或者更新，都需要浏览器去下载新的代码，最方便和最简单的更新方式就是引入新的文件名称。在webpack中，可以在output给出输出的文件制定chunkhash，并且分离经常更新的代码和框架代码，通过NameModulesPlugin或者HashedModulesPlugin使再次打包文件名不变。指打包中去除那些引入了但在代码中没用到的死代码。在wepack中js。

转载 归拢一下数组

这个人全栈前端老曹数组写的很全，有的不理解加了注释

原创 前端面试不熟的

只有跨域情况下才会发生预请求，使用OPTIONS方法发起一个遇见请求到服务器，以获知服务器是否允许该实际请求“预检请求”的使用，可以避免跨域请求对服务器的用户数据产生逾期的影响。请求头content-type为application/json会产生预请求设置了用户自定义请求头delete方法产生预检请求。

原创 mac充不进去电咋整

把线俩插头调换一下位置就OK！贼神奇，我把充电器拔了，线插了都没用，过段时间就嗷嗷关机，直到上面那个方法，咔，充电显示闪电了，等过段时间这个头又开始 充不进去电，那就再换个方向！我电脑不知道是线有问题还是电脑插的那块，总是充不进去电，四个孔挨个插也没用，于是乎在哪看的有个百试百灵方法。

原创 搜索框咋实现，就是框里左边带placeholder, 右侧是图标

suffix-icon=“el-icon-search” 是 Element UI 输入框组件的属性设置，用于在输入框的尾部（右侧）添加一个图标。

原创 公共组件咋建咋用

1.先去components文件下建你觉得公共的组件，2.然后去main.js文件里引入组件（这里的’pageTool’是指我起的名，有的中间要加竖线 ，但是驼峰好像可以自动转成那样的）这里写{ comments : { pageTool },`然后再export default。3.哪块需要 这块砖就搬哪去。

原创 跳转页面出现空白几种原因

2.路由跳转写的是path而不是name，，有时不写name就会出现空白。3.检查路由是不是上级上面还有一级，index要把 爷爷也要写上。1.Router没有配路由，还有出口文件那。

原创 el-table表头竖线怎么去掉，还有隐藏表头第一个复选框

样式杂选