- 博客(57)
- 收藏
- 关注
原创 【CSS】Grid 的 auto-fill 和 auto-fit 内容自适应
【CSS】Grid 的 auto-fill 和 auto-fit 内容自适应
2025-05-07 16:32:55
374
原创 css animation 动画属性
是一个性能你优化属性,它允许开发者提前告知浏览器哪些元素属性即将发生变化,让浏览器可以提前做好优化准备。(定义动画再执行前后如何应用样式)优先使用 transform 和 opacity 属性进行动画,这些属性可以由浏览器高效处理;(定义动画速度曲线)(定义动画是否反向播放)使用 will-change 属性预先告知浏览器哪些元素会变化;避免动画过多元素,可能导致性能问题;
2025-05-07 13:23:49
617
原创 【uniapp】uni.setClipboardData 方法失效 bug 解决方案
【uniapp】uni.setClipboardData 方法失效 bug 解决方案
2025-04-17 13:50:46
604
原创 模态框(modal)、抽屉(drawer)等需要显示 / 隐藏状态封装成组件,数据交互便捷写法
模态框(modal)、抽屉(drawer)等需要显示 / 隐藏状态封装成组件,数据交互便捷写法
2025-04-15 18:03:04
203
原创 css一些注意事项
背景图片没有显示的原因是因为 background 属性覆盖了 background-image。在CSS中,background 是一个复合属性,当你使用它时,会重置所有其他背景相关的属性(包括 background-image)。
2025-04-14 11:49:41
236
原创 通俗解释 TCP 的三次握手、四次挥手
TCP(Transmission Control Protocol,传输控制协议)是互联网最核心的通信协议之一,相当于互联网世界的可靠快递系统;
2025-04-02 16:18:30
566
原创 为什么 js 对象中引用本地图片需要写 require 或 import
现代前端工程(如 Vue、React)使用 webpack / vite 等构建工具,这些工具要求所有静态资源必须显式声明依赖
2025-04-02 14:53:00
647
原创 【vue】editor富文本输入全英文,谷歌浏览器:元素不会自动换行bug
【vue】editor富文本输入全英文,谷歌浏览器:元素不会自动换行bug
2025-03-31 10:18:36
254
原创 【uniapp】methods方法挂在全局,方便无关联页面调用
$eventBus 全局事件总线适用于中小型项目,大型项目还是推荐使用 Vuex / pinia
2025-03-26 12:01:11
408
原创 当图片大小尺寸不够,但需要将图片完全显示,背景也使用该图打底虚化
backdrop-filter 是一个 css 属性,用来对元素背后的区域应用图形效果,如模糊、对比度调整等。专门用于背景区域(背景图、颜色、内容等),而不是前景内容。当图片大小尺寸不够,但需要将图片完全显示,背景也使用该图打底虚化。
2025-03-25 14:26:13
193
原创 通俗解释一下浅拷贝和深拷贝
浅拷贝适用于只拷贝对象的第一层,且不希望修改对象时影响其它对象的场景;深拷贝适用于需要一个完全独立的副本,且对象中包含嵌套的对象或数组,且嵌套结构也要被独立拷贝的场景;
2025-03-24 16:38:51
377
原创 通俗解释一下原型链
原型链是 JavaScript 里对象继承机制的核心,可以让一个对继承另一个对象的属性和方法。可以把它想象成一条家族血统链,每个对象都一个父对象(即原型),如果找不到某个属性或方法,就会沿着这条链向上找。
2025-03-23 21:39:07
250
原创 js 复制功能(不同框架的不同写法)
部分旧浏览器(如 IE)或非安全上下文(HTTP 页面)可能不支持,需考虑降级方案(如document.exeCommand('copy'))navigator.clipboard.writeText() 是现代浏览器提供的api,用于异步写入剪贴板。
2025-03-14 17:15:34
225
原创 【uniapp】input框置底,手机端弹出键盘时页面整体上移,解决方案
【uniapp】input框置底,手机端弹出键盘时页面整体上移,解决方案
2025-02-19 17:54:48
794
原创 利用【element ui】框架实现 h5 滑动滚一屏效果
利用【element ui】框架实现 h5 滑动滚一屏效果表示事件处理程序可能会调用event.preventDefault(),因此浏览器需要等事件处理程序执行完毕后,才能决定是否阻止默认行为。这可能会稍微降低滚动事件的性能,但如果需要明确阻止默认滚动行为(例如防止页面滚动),就必须使用passive:false。表示事件处理程序不会调用event.preventDefault()来阻止默认行为。这种设置会让浏览器更高效地处理滚动等事件,因为浏览器可以直接执行默认行为,而无需等待事件处理程序的执行;
2025-01-07 11:06:51
218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人