- 博客(186)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 css使用clip-path属性切割显示可见内容
使用css属性clip-path可以裁剪很多奇形怪状的内容显示，也不需要额外的元素或者特殊处理，简单实现一些箭头、控制显示内容等。
2025-05-20 18:40:28
581
1
原创 vue3自适应高度超出折叠功能
本文介绍了一个实现内容折叠与展开功能的Vue组件。通过监听内容区域的高度变化，判断是否需要显示折叠按钮。当内容超过指定高度时，显示“展开”按钮，点击后展开内容并显示“收起”按钮。代码中使用了ref和computed等Vue特性，结合CSS样式实现平滑的展开与收起动画。组件还通过resize事件监听窗口大小变化，确保在不同屏幕尺寸下功能正常。整体实现简洁高效，适用于需要动态控制内容展示的场景。
2025-05-19 10:45:42
713
原创 css使用mix-blend-mode的值difference实现内容和父节点反色
CSS mix-blend-mode属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合。
2025-04-08 00:42:04
290
原创 vue2版本elementUI的clearable属性和DateTimePicker 下拉框的清空功能冲突
vue2版本elementUI的clearable属性和DateTimePicker 下拉框的清空功能冲突解决方案。
2024-12-24 17:59:40
760
原创 echarts的toolbox自定义feature标签及事件
在使用echarts图时希望toolbox扩展一些自定义icon和点击事件，而不只是图中这些echarts提供的事件。feature除了各个内置的工具按钮外，还可以自定义工具按钮。
2024-06-06 13:20:02
1129
原创 vue2的form利用插槽修改错误提示UI
很多时候我们使用el-form想修改下错误提示的UI，比如table中使用form校验这类场景下错误提示的UI调整就非常重要。
2024-06-06 11:13:04
863
原创 vue2的element的table组件使用form校验
vue2有时候做自增表格el-table，希望能够带一些校验，但又不想手搓校验逻辑，可以借用el-form的校验逻辑。
2024-06-05 16:31:26
847
原创 ReactFlow的ReactFlow实例事件传参undefined处理状态切换
ReactFlow实例如果没有传监听事件方法，父节点就不会触发事件，那么我们试着切换传参处理。通过传参`undefined`，成功的没有触发对应事件，同时也没有出现渲染可拖拉拽连线的标志。
2024-05-07 23:25:45
730
原创 mac安装nvm管理node(手残流，git下载)
首先电脑里得有brew、git、vscode，看，看。我本人比较low，mac命令也记不熟，本篇就是git下载nvm，vscode看配置，省心不动脑子就可以了。
2024-04-20 14:16:01
1083
原创 vue2的ElementUI的form表单报错“Error: [ElementForm]unpected width”修复
ElementUI的form表单，当动态切换显示表单时报错 `Error: [ElementForm]unpected width`。
2024-02-20 19:04:07
3345
原创 Fiddler【autoResponder】直接模拟接口返回数据调试
Fiddler【autoResponder】直接模拟接口返回数据调试接口对接时需要更多可能的数据类型来满足调试系统健壮性。
2024-02-02 18:32:18
826
原创 代码去除注释Remove Comments、合并行Join Lines、代码压缩Minify等vscode功能
代码去除注释Remove Comments、合并行Join Lines、代码压缩minify等vscode功能
2023-12-08 15:01:58
1643
原创 el-select的多选multible带全选组件二次封装(vue2,elementUI)
Select 选择器 多选需要增加 全选 和 取消全选 功能，前端框架为vue2，UI组件为elementUI。
2023-12-07 22:36:06
1057
原创 修复The play() request was interrupted等系列问题
在网页端播放媒体，如video、audio等标签，在频繁切换组件播放时经常出现The play() request was interrupted等错误提示，可以延时执行修复该问题
2023-10-08 08:59:26
11246
6
原创 play() failed because the user didn‘t interact with the document优化媒体不能自动播放
谷歌浏览器 video 元素设置 autoplay，我们原意是希望页面加载时自动播放，但实际上并没有自动播放，在控制台报错如下：Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first.这里的意思是，是因为用户没有先和网页交互所以播放失败。
2023-09-14 22:07:59
30164
原创 浏览器网页截屏妙用Capture node screenshot
通常我们在PC端截屏时可能会用到一些截屏工具，比如，但是有时候网页页面尺寸很大，或者截屏像素要求很高应该怎么搞处理呢？Capture node screenshot
2023-09-14 17:51:47
934
原创 BroadcastChannel方法跨浏览器窗口通信
BroadcastChannel可以使不同浏览器窗口，Tab 页，frame 或者 iframe 下的不同文档之间可以通过相互通信。
2023-09-14 10:04:53
575
原创 npm安装依赖报错Unexpected token ‘.‘ 处理
在用nvm切换高版本node版本之后日志信息如下：报错信息量很少，但是跟高版本node环境下安装依赖有关系。
2023-07-19 03:48:38
3117
原创 Mac安装brew
先去下载，Mac版要求命令行安装$(curl国内安装时会遇到端口443的问题$(curl需要选择合适的镜像缘安装的时候会有一些提示和交互，按照要求填写处理当安装完成之后将会有如下提示。
2023-06-18 21:35:40
3649
原创 markdown甘特图语法介绍
甘特图（Gantt chart）又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。
2023-05-09 22:11:25
1607
原创 node的express-session设置sameSite和secure不生效且session丢失
一般在node环境里，设置跨域请求需要配置sameSite和secure的值，但以下配置往往不生效。
2023-04-15 23:20:31
1516
原创 修复相同正则RegExp使用exec或者test交替返回true和false
新写一个正则，比如，在调用exec和test方法时交替返回true和false，乍一看还以为正则出了什么问题。
2023-03-16 19:46:03
282
原创 Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1 code point
接口请求的headers参数里有不符合标准的字符，所以导致设置接口headers参数的方法失效，然后报错Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point.
2023-02-23 15:21:28
6649
原创 form表单的单输入框回车出现同步提交事件处理
form表单中如果只有一个输入框，在输入时按Enter回车键会出发默认事件自动提交表单，该交互是同步发生的，会导致页面刷新。
2023-02-22 11:19:30
2737
java面试专用八股文
2025-03-07
el-select的多选multible带全选组件二次封装(vue2,elementUI)
2023-12-07
echarts双y轴对齐和0线对齐的数据处理js
2022-08-01
不同角度看前端 ppt.pdf
2019-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人