首页
留言板
说说
关于
老K的垃圾堆
累计撰写
53
篇文章
累计创建
12
个标签
累计收到
8
条评论
栏目
首页
留言板
说说
关于
目 录
CONTENT
以下是
Javascript
相关的文章
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-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-05
你需要知道的防截屏/录屏API——EME
Encrypted Media Extensions API What is it 此功能仅在安全上下文 （HTTPS） 中、某些或所有支持的浏览器中可用。 提供了用于控制内容播放的接口，这些内容受数字限制管理方案的约束。 Why to use it 在视频平台或某些信息分享平台开发中，可能会需要对
2024-08-05
36
0
0
开发
2024-06-11
页面Visible监听——Page Visibility API
页面Visible监听——Page Visibility API 背景 当我们切换标签页时，被切换的页面会被浏览器性能优化处理，例如Interval计时器会优化为1秒执行一次，可能造成计时混乱，在网页游戏的应用中尝尝使用此API来暂停游戏进程。 使用方法 document.addEventListe
2024-06-11
47
0
1
开发
2024-05-26
前端开发你一定要了解的——PostCSS
前端开发你一定要了解的——PostCSS PostCSS官网 What——什么是PostCSS 一个使用JavaScript转换CSS来实现我们所需要的改变的工具。 How——PostCSS如何工作的 Vite自身已支持PostCSS，仅需在vite.config.ts中配置，或根目录创建postc
2024-05-26
35
0
0
开发
2024-05-08
每次一个小优化tip——Vite分包优化
优化理由： 项目打包后，rollup会将所有js相关的部分打包到一个.js文件中，当项目代码每次更新迭代，这个.js文件的指纹hash都将变化，浏览器会重新获取此文件来实现更新。但，实际我们有一部分代码，可能是node_module中的，可能是自研公共组件、逻辑的代码几乎不会有更新迭代，所以我们可以
2024-05-08
38
0
0
开发
2024-05-07
鼠标跟随的高亮边框
示例页面 源码 <script setup lang="ts"> import { onMounted } from 'vue' onMounted(() => { const box = document.getElementById('box') as HTMLElement cons
2024-05-07
40
0
0
开发
2024-04-29
JS脚本加载的失败重试
在前端开发中，我们可能会遇到需要使用 <script>标签加载站外js脚本的需求，而由于网络原因、服务器原因等，有一定几率遭遇脚本加载失败的情况，此次我们编写一段简单的代码来解决js脚本的失败重试情景。 <html> <head> <script> // 脚本备用资源地址 cons
2024-04-29
69
0
0
开发
面试
2024-04-10
每次一个小优化tip——打包性能优化
打包体积分析工具 webpack-bundle-analyzer 适配Webpack构建工具 使用方法： import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer' module.exports={ ... plugins:
2024-04-10
36
0
0
开发
1
2
