- 博客(62)
- 收藏
- 关注
RSS订阅原创 js实现简单的添加移除水印效果
在做某些内部管理系统时，需求可能要求增加水印，水印内容通常可能是logo或者用户名+手机号。以下步骤可实现简单添加或者移除水印，并且可以自定义样式、旋转角度等。以上就可以简单实现添加、移除水印的效果。
2024-04-02 09:33:48
183
原创 iframe父子通信（不同域名）
如果 iframe 嵌入的页面与外部页面的域名不同但是共享相同的顶级域名（如 example.com 和 subdomain.example.com），可以使用。方法向父页面发送消息，父页面可以通过监听 message 事件来接收并处理这些消息。如果你需要在跨域的情况下进行更复杂的通信，可以考虑使用一些第三方库，如。，它们提供了更高级的功能和易用的 API，简化了跨域通信的操作。这是一种安全的跨域通信方式。在 iframe 中，通过调用。的值，并在外部页面中获取该值来实现通信。在 iframe 中设置。
2024-01-05 13:45:34
581
原创 前端开启gzip优化页面加载速度
生成gizp的打包资源，可以优化页面加载速度打包的时候开启gzip可以很大程度减少包的大小，页面大小可以变为原来的30%甚至更小,非常适合线上部署, 但还记得需要服务端支持。
2023-12-01 14:21:02
661
原创 vue2+el-select实现分页加载更多功能
如上图：点击“点击加载更多”按钮，实现分页加载下一页，直到最后一页，提示“已经到底啦~”以上，因为我的场景还需要远程搜索，所以我把remote方法也贴上了，不需要的可自行删减。由于项目下拉框数据过多，一次性加载完，会有性能问题，于是希望可以增加。希望记录的问题能帮助到你！
2023-11-28 15:29:59
891
原创 使用iframe嵌入页面时，src改变但是页面未刷新
可能有缓存，页面没有重新加载，没有及时刷新。给iframe加key(亲测有效）值已经变化，仅仅是页面未刷新。希望记录的问题能够帮助到你！嵌入显示, 点击修改该。的内容，即页面未刷新。
2023-11-01 10:55:19
2213
7
原创 js监听某个element元素的宽度变化
然后，创建一个 ResizeObserver 对象，并传入一个回调函数。在回调函数中，我们可以通过 entry.contentRect.width 获取到元素宽度，并将其赋值给变量 b。请注意，ResizeObserver 目前需要在大多数现代浏览器中使用，并且对于相对复杂的布局改变可能会有性能影响。如果只需要获取宽度一次，或者仅当特定的事件（例如窗口调整大小）发生时才需要获取宽度，您也可以考虑使用其他适当的事件监听机制。的宽度变化，并将宽度值复制给变量 b，可以使用 ResizeObserver 对象。
2023-11-01 10:30:15
1391
5
原创 git commit报错:running pre-commit hook: lint-staged
在项目(vue)的package.json文件中，查找 “husky” 部分，并确认其下的 “pre-commit” 钩子是否正确地引用了 lint-staged。希望记录的问题，能够帮助到你！
2023-10-21 15:46:09
1295
原创 .env.serve文件新增内容获取不到
默认情况下，Vue CLI 在不同的环境中会使用不同的环境变量文件。例如，在开发模式下，会使用 .env.development 文件；在生产模式下，会使用 .env.production 文件。默认情况下，该命令会使用 .env.development 文件作为环境变量文件。1、确保你的 .env.serve 文件位于 Vue 项目的根目录下，并且文件名为 .env.serve，而不是其他变种。这样在启动开发服务器时就会使用 .env.serve 文件作为环境变量文件。所以我的问题就是这里，需要加上。
2023-09-27 12:00:45
253
原创 echarts散点图的圆点设置成不同的自定义图片且使用本地静态资源图片的写法
首先举个栗子，假设有个echarts散点图，以下是他的optionsxAxis: {min: 0,max: 1000,},yAxis: {min: 0,max: 1000,},series: [z: 99,label: {normal: {},normal: {label: {},
2023-09-19 15:40:48
536
原创 el-drawer中使用echarts图不展示
在父组件中控制子组件中的el-drawer显示，el-drawer正常显示，echarts无法展示。图放在el-drawer中，这个el-drawer放在子组件中，被父组件使用。1、 在子组件中的mounted中进行echarts图初始化。2、 在子组件中的mounted中的。3、 初始化echarts容器使用。进行echarts图初始化。在我的代码中，以上方式。
2023-09-19 15:17:26
292
原创 vue+axios+el-progress(elementUI组件)实现下载进度条实时监听（小白简洁版）
其实还是踩了很多坑的，什么XHR等等，经过实验，以上方法就可以简便实现功能。开始接收响应数据时，会定期触发该回调函数，以提供下载进度信息。以上，便可以实现一个下载进度条监听的功能，是一个回调函数，它作为参数传递给。请让后端在响应头中加上。
2023-09-13 18:05:33
2363
1
原创 前端代理报错Error occured while trying to proxy to: localhost:端口
【代码】前端代理报错Error occured while trying to proxy to: localhost:端口。
2023-09-06 10:32:56
1530
原创 git命令添加多个仓库，同步各分支代码，删除仓库、分支
某些开发场景中，可能会遇到一套代码提交到2套git仓库，此时。注：git remote -v 可查看是否添加成功。
2023-08-28 08:56:19
363
原创 process.env.npm_config_argv的值3个参数remain、cooked、original什么含义
process.env.npm_config_argv的值是一个JSON字符串，其中包含了命令行参数的详细信息。通过解析该字符串，我们可以获取到当前npm命令及其参数的具体值。
2023-07-28 09:32:43
1114
原创 Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime
如果你使用 “node-sass”: “^4.14.1” 的版本的话，那么你需要将 node 的版本调整为： 14 的版本。然后再重新编译后就没有问题了。
2023-07-24 14:09:02
4083
3
原创 npm ERR! Failed at the [email protected] install script 问题解决方法
使用 --ignore-scripts 安装 (把某个报错的包单独安装)
2023-07-20 15:15:57
1194
1
原创 报错File was processed with these loaders: You may need an additional loader to handle the result...
最开始一直在搜报错信息，百度得到清一色的结果都是配置webpack， 加vue-loader等等，一直无法解决问题。，那你可以放心像大多数搜索答案一样，配置。如上 我的js文件里的代码是这样的。，我最开始没注意到呜呜呜。，指向的是js代码，
2023-07-19 17:14:32
3567
1
原创 vue3+elementui-plus实现一个接口上传多个文件
首先，先使用element-plus写好上传组件，变量的定义我在这里就省略了都。既然有编辑，那就应该做回显的逻辑，文件如何回显到上传组件上。over 以上主要通过代码说明，可根据自己实际情况改造。然后，假设有个提交按钮，点击上传文件请求接口。然后，绑定的函数都补充一下。希望我的记录能够帮助到你~
2023-07-07 09:55:41
3154
原创 vue3+element-plus实现单个接口实现多文件上传（循环调用接口实现多文件上传）
【代码】vue3+element-plus实现单个接口实现多文件上传（循环调用接口实现多文件上传）
2023-07-05 09:07:49
2396
2
原创 echarts飘警告[ECharts] There is a chart instance already initialized on the dom.
【代码】echarts飘警告[ECharts] There is a chart instance already initialized on the dom.
2023-07-05 09:06:02
121
原创 vue项目使用js监听浏览器关闭、刷新、后退事件
在项目的某些页面中，在执行某些接口调用过程的时候，如果用户选择刷新、关闭或者后退浏览器。有可能会造成接口被阻断，所以可能你会需要js监听浏览器关闭、刷新、后退事件，在进行这些操作的时候给个提示。
2023-06-02 09:09:26
8816
1
原创 文字过长展示省略号且鼠标略过展示全部内容（不使用UI组件版）
实际的页面开发过程中，很多时候都会出现文字过长，想展示省略号，且鼠标掠过展示全部内容的情况，大多数时间都会选择使用UI组件的tooltip或poptip、加入以下样式即可实现过长展示省略号效果、给对应的标签加上title，代码如下，即可实现业务场景所述效果。
2023-05-04 16:56:42
2696
原创 下拉框实现选择不同值后边展示button按钮，且总宽度不变
最开始想到的就是布局，row组件或者动态style根据类型判断width，但是我发现这些方式，要不复杂，要不无法自适应不同的屏幕分辨率，不能算是完全解决问题。只需设置为flex,即可自动实现上述效果，实现长度自适应。希望记录的问题能够帮助到你 ~啾咪。
2023-04-24 10:35:11
206
原创 vue引入md文件展示在页面中，正文字体大小无法调整
在上面步骤完成之后，你可能会发现你的正文字体有点小，12px, 不协调，而且无论怎么加样式都不生效，调节不了正文字体大小如果还是不生效，比较顽固！！！} }OK，到这里就结束了希望记录的问题能够帮助到你~啾咪~
2023-04-13 17:49:05
346
原创 监听滚动条在跳转页面的时候重置为0，即回到顶部
（ps:这里有一个坑，如果你直接去设置滚动位置=0，有可能是会不生效的，那就可以采用以下方式，亲测有效）// 先把滚动条回归到顶部，解决跳转至详情，页面未从顶部展示问题。希望记录的问题能帮助到你，啾咪~
2023-03-15 09:21:54
854
3
原创 [Vue warn]: Error in callback for watcher “value“: “Value should be trueValue or falseValue.“
当然我这里就是这种情况，我的adress在modal框关闭的时候被置空了，变成了。这样乍一看没毛病，但是这里需要注意，这个。，重新赋值改为0即可。
2023-03-07 16:45:57
1147
原创 echarts图不展示X轴的最后一个坐标解决方法
如图，散点+折线混合图，X轴最后一个坐标就是死活不显示，解决方法：xAxis.axisLabel. = perfect！希望记录的问题能够帮助到你~
2023-02-16 17:56:03
2066
原创 使用传统input框实现上传功能时，如何校验文件格式+解决form表单中，无法清除校验的问题
使用传统input框实现上传功能时，如何校验文件格式+解决form表单中，无法清除校验的问题
2023-02-13 16:25:12
790
原创 echarts常用例图之《环形饼图》
使用echarts，实现如上常用例图，代码如下：（ps:如何引入echarts等这里就略过啦~）此系列为开发中常用图，相似的可以直接来这里粘贴代码，省时间哦~
2023-01-19 10:08:17
368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人