开发-老K的垃圾堆

老K的垃圾堆

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

目录CONTENT

以下是开发相关的文章

2024-06-16
Vite环境下的SVG文件使用常规情况下，我们使用svg文件需要借用 <img />标签，例子如下 <img src="test.svg" /> 而使用 <img />标签后，将无法利用CSS中的字体属性来修改svg的内容样式，例如颜色，文本大小等等，直接把svg写入.vue或.tsx文件中又会影响代码的美观和阅读性。方案
- 2024-06-16
- 60
- 0
- 0
- 开发
2024-06-11
页面Visible监听——Page Visibility API 页面Visible监听——Page Visibility API 背景当我们切换标签页时，被切换的页面会被浏览器性能优化处理，例如Interval计时器会优化为1秒执行一次，可能造成计时混乱，在网页游戏的应用中尝尝使用此API来暂停游戏进程。使用方法 document.addEventListe
- 2024-06-11
- 61
- 0
- 1
- 开发
2024-05-26
前端开发你一定要了解的——PostCSS 前端开发你一定要了解的——PostCSS PostCSS官网 What——什么是PostCSS 一个使用JavaScript转换CSS来实现我们所需要的改变的工具。 How——PostCSS如何工作的 Vite自身已支持PostCSS，仅需在vite.config.ts中配置，或根目录创建postc
- 2024-05-26
- 45
- 0
- 1
- 开发
2024-05-20
简单的下划线动画示例页面代码 <script lang="ts" setup></script> <template> <div class="flex-box"> <div class="title"> <span >短暂的快乐会带来无穷无尽的痛苦，是为了对抗空虚寻找快乐
- 2024-05-20
- 61
- 0
- 1
- 开发
2024-05-15
四个你可能不知道的CSS选择器 focus-within .parent:focus-within { background: #333; } 当 .parent元素或其子元素处于focus状态时的样式。 has() <div class="form-item"> <span>姓名</span> <input dat
- 2024-05-15
- 46
- 0
- 1
- 开发
2024-05-14
Vue+TS下的大文件分片在大文件上传场景中，由前端分片切割后，分别上传，防止受到服务器限制、网络影响等情况。示例页面分片 // 单片类型 interface iChunk { index: number hash: string chunk: string } const CHUNK_SIZE = 102
- 2024-05-14
- 43
- 0
- 0
- 开发
2024-05-08
每次一个小优化tip——Vite分包优化优化理由：项目打包后，rollup会将所有js相关的部分打包到一个.js文件中，当项目代码每次更新迭代，这个.js文件的指纹hash都将变化，浏览器会重新获取此文件来实现更新。但，实际我们有一部分代码，可能是node_module中的，可能是自研公共组件、逻辑的代码几乎不会有更新迭代，所以我们可以
- 2024-05-08
- 48
- 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
- 49
- 0
- 0
- 开发
2024-05-06
搜索推荐架构知识当下热门应用：京淘，微博，网易云音乐，QQ音乐，抖音，快手，Bilibili 什么是推荐系统利用一定规则，将排序后的物品或数据，展示给需求模糊的用户。搜索 vs 推荐搜索推荐行为方式主动被动意图明确模糊个性化弱强
- 2024-05-06
- 66
- 0
- 0
- 开发
2024-04-30
柯里化&&TS下柯里化的类型标注柯里化（Currying）是一种将多参数函数转换为一系列使用一个参数的函数的技术。它通常用于将复杂的函数简化，以便于理解和使用。例如，可以将一个处理多个参数的函数转换为处理一个参数的函数序列，这样就可以更好地控制任务的执行流程。 // 三数之和 function threeSum(a: number
- 2024-04-30
- 80
- 0
- 0
- 开发

1
2
3
4
5