首页
留言板
说说
关于
老K的垃圾堆
累计撰写
53
篇文章
累计创建
12
个标签
累计收到
8
条评论
栏目
首页
留言板
说说
关于
目 录
CONTENT
以下是
Vue
相关的文章
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-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-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-14
Vue+TS下的大文件分片
在大文件上传场景中,由前端分片切割后,分别上传,防止受到服务器限制、网络影响等情况。 示例页面 分片 // 单片类型 interface iChunk { index: number hash: string chunk: string } const CHUNK_SIZE = 102
2024-05-14
27
0
0
开发
2024-05-08
每次一个小优化tip——Vite分包优化
优化理由: 项目打包后,rollup会将所有js相关的部分打包到一个.js文件中,当项目代码每次更新迭代,这个.js文件的指纹hash都将变化,浏览器会重新获取此文件来实现更新。但,实际我们有一部分代码,可能是node_module中的,可能是自研公共组件、逻辑的代码几乎不会有更新迭代,所以我们可以
2024-05-08
38
0
0
开发
2024-04-14
JS 视频流——摄像头调用
Demo地址:Verivista Temp Markdown文档中,iframe组件无法获取音视频设备对象 HTML && CSS 如上例图所示,比较简单,就不详细描述了 <div class="webcam"> <div class="box"> <video ref="vid
2024-04-14
25
0
0
开发
2024-04-08
倒影轮播图
HTML和JS很简单,主要是CSS实现 <script setup lang="ts" name="index"> const images: string[] = [ 'https://images.wallpaperscraft.com/image/single/sakura_art_sky
2024-04-08
36
0
0
开发
2024-04-07
动态路由配置改写
文章中以Vue框架为例 常规路由 src/router/index.js // src/router/index.js import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router' const ro
2024-04-07
50
0
0
开发
1
2