前端-老K的垃圾堆

老K的垃圾堆

累计撰写 53 篇文章
累计创建 12 个标签
累计收到 8 条评论

目录CONTENT

以下是前端相关的文章

2025-07-09
替代JSON.parse(JSON.stringify(*))的structuredClone structuredClone()方法使用结构化克隆算法将给定的值进行深拷贝或值的转移。优势：克隆无限嵌套的对象和数组克隆循环引用克隆广泛的 JavaScript 类型，例如 Date、Set、Map、Error、RegExp、ArrayBuffer、Blob、File、ImageData，
- 2025-07-09
- 4
- 0
- 0
- 开发
2024-10-29
Label标签的妙用纯CSS实现丝滑的 checkbox组件 PS：我实在懒得再改写一遍普通CSS的了，需要一定Tailwind基础才能理解各类Class的含义，其实很简单的。主要原理 <label>标签包裹 checkbox 类型的 <input> 时，对于 <label> 标签的点击，都会触发内部 checkbo
- 2024-10-29
- 77
- 0
- 2
- 开发
2024-10-15
【Ant Design】Dropdown组件闪烁问题 What——什么问题当窗口大小小于一定阈值，触发页面滚动条后，Dropdown组件的出现动画出现闪烁Bug Why——为什么通过F12观察DOM元素发现，其页内样式中用于渲染定位的属性值在重复变化，可能由于不确定因素造成组件动画的定位出现Bug How——怎么解决网上有别的开发者采用禁用 dr
- 2024-10-15
- 83
- 0
- 0
- 开发
2024-09-09
React 项目搭建 Vite+React+SCSS+PostCSS+Zustand+React Router+ESlint+Prettier+Ant Design 1.初始化项目 npm create vite@latest <project-name> 2.安装默认依赖 npm install 3.SCSS np
- 2024-09-09
- 162
- 0
- 0
- 开发
2024-09-06
Vue的setup语法糖干了什么通过分别打印普通书写的组件和setup语法糖组件，可以发现，普通组件向外部暴露了许多属性，例如data，props，attrs等等，而使用setup语法糖的组件，却没有暴露任何东西，这是为什么呢。关键——Expose 原来setup语法糖帮开发者默认添加了expose，它会隐藏组件的各类属性，防止
- 2024-09-06
- 68
- 0
- 1
- 开发
2024-08-26
Vue框架下的渲染白屏优化 What——什么是白屏优化当页面有许多个需要渲染的DOM元素时，页面在渲染进行中的白屏状态。 Why——为什么要做白屏优化在用户体验上，长时间的白屏状态会带来严重的负面印象。 How——如何做白屏优化自定义defer函数 import { ref } from 'vue' export fu
- 2024-08-26
- 71
- 0
- 0
- 开发
2024-08-24
简单的SVG描边动画关键——stroke-dashoffset 描边线的偏移量。为正数时往左偏移。利用动画，控制偏移量从全偏移到0偏移即可实现。 <script lang="ts" setup> import { onMounted } from 'vue' onMounted(() => { const pa
- 2024-08-24
- 61
- 0
- 0
- 开发
2024-08-13
React下，变量'xxxx'赋值失败？undefined? What——发生了什么今天遭遇了一个问题，在函数A内给函数A外声明的变量a赋值，函数B中访问变量a，却为 undefined，简化代码如下: const Demo = () => { const [message, setMessage] = useState<string>('')
- 2024-08-13
- 43
- 0
- 0
- 开发
2024-08-12
SCSS星空 50行代码，实现星空动画背景 <div class="flex-box"> <div class="title text-9xl bg-clip-text text-transparent">SCSS 星空</div> <div class="layer1 fixed w-1 h
- 2024-08-12
- 120
- 0
- 1
- 开发
2024-08-05
你需要知道的防截屏/录屏API——EME Encrypted Media Extensions API What is it 此功能仅在安全上下文（HTTPS）中、某些或所有支持的浏览器中可用。提供了用于控制内容播放的接口，这些内容受数字限制管理方案的约束。 Why to use it 在视频平台或某些信息分享平台开发中，可能会需要对
- 2024-08-05
- 36
- 0
- 0
- 开发

1
2
3
4