开发-老K的垃圾堆

老K的垃圾堆

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

目录CONTENT

以下是开发相关的文章

2024-09-06
Vue的setup语法糖干了什么通过分别打印普通书写的组件和setup语法糖组件，可以发现，普通组件向外部暴露了许多属性，例如data，props，attrs等等，而使用setup语法糖的组件，却没有暴露任何东西，这是为什么呢。关键——Expose 原来setup语法糖帮开发者默认添加了expose，它会隐藏组件的各类属性，防止
- 2024-09-06
- 108
- 0
- 1
- 开发
2024-08-26
Vue框架下的渲染白屏优化 What——什么是白屏优化当页面有许多个需要渲染的DOM元素时，页面在渲染进行中的白屏状态。 Why——为什么要做白屏优化在用户体验上，长时间的白屏状态会带来严重的负面印象。 How——如何做白屏优化自定义defer函数 import { ref } from 'vue' export fu
- 2024-08-26
- 94
- 0
- 0
- 开发
2024-08-24
简单的SVG描边动画关键——stroke-dashoffset 描边线的偏移量。为正数时往左偏移。利用动画，控制偏移量从全偏移到0偏移即可实现。 <script lang="ts" setup> import { onMounted } from 'vue' onMounted(() => { const pa
- 2024-08-24
- 86
- 0
- 3
- 开发
2024-08-13
React下，变量'xxxx'赋值失败？undefined? What——发生了什么今天遭遇了一个问题，在函数A内给函数A外声明的变量a赋值，函数B中访问变量a，却为 undefined，简化代码如下: const Demo = () => { const [message, setMessage] = useState<string>('')
- 2024-08-13
- 72
- 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
- 151
- 0
- 1
- 开发
2024-08-05
你需要知道的防截屏/录屏API——EME Encrypted Media Extensions API What is it 此功能仅在安全上下文（HTTPS）中、某些或所有支持的浏览器中可用。提供了用于控制内容播放的接口，这些内容受数字限制管理方案的约束。 Why to use it 在视频平台或某些信息分享平台开发中，可能会需要对
- 2024-08-05
- 55
- 0
- 0
- 开发
2024-07-29
完美的阴影效果——CSS滤镜话不多说，直接上代码 .img { filter: drop-shadow(0, 0, 20px, rgba(222, 222, 222, 0.5)) } 常规的 box-shadow盒阴影只能给对应的盒模型增加边框阴影，无法针对dom元素内容添加阴影效果，所以我们使用 filter滤镜属性，
- 2024-07-29
- 81
- 0
- 0
- 开发
2024-07-25
React动画小帮手——React Transition Group 官网 What is it 一个在React开发中辅助完成一定的dom动画的第三方库？（好像是官方的） Why to use it 简单易用：轻易实现dom元素动画。高度自定义动画：可高度自定义动画表现。准确把控动画状态：'entering' | 'entered' | 'exiting' |
- 2024-07-25
- 58
- 0
- 0
- 开发
2024-07-24
这样的表单不要太舒适——React Hook Form 官方地址 What is 'React Hook Form' 一个利用各类Hooks管理Form表单的状态的第三方库。 Why to use it 代码简洁：简单直观的使用方式，易于维护理解。快速设置校验交互：高效设置表单校验规则与交互UI。 TS兼容性：利用TypeScript可更轻易掌控表单对
- 2024-07-24
- 53
- 0
- 0
- 开发
2024-07-10
我的Axios封装参考 Axios是一个强大的http第三方包，相比于XMLHttpRequest和Fetch，更加多功能，更加舒适【至少我是这么觉得的=v=】以下是我对Axios的封装，希望我的方案可以帮助大家封装自己的http工具，如果有更好的点子，欢迎评价 /* eslint-disable @typescript
- 2024-07-10
- 88
- 0
- 2
- 开发

1
2
3
4
5