首页
留言板
说说
关于
老K的垃圾堆
累计撰写
53
篇文章
累计创建
12
个标签
累计收到
8
条评论
栏目
首页
留言板
说说
关于
目 录
CONTENT
以下是
开发
相关的文章
2024-05-20
简单的下划线动画
示例页面 代码 <script lang="ts" setup></script> <template> <div class="flex-box"> <div class="title"> <span >短暂的快乐会带来无穷无尽的痛苦，是为了对抗空虚寻找快乐
2024-05-20
20
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
39
0
1
开发
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-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-05-06
搜索推荐架构知识
当下热门应用：京淘，微博，网易云音乐，QQ音乐，抖音，快手，Bilibili 什么是推荐系统 利用一定规则，将排序后的物品或数据，展示给需求模糊的用户。 搜索 vs 推荐 搜索 推荐 行为方式 主动 被动 意图 明确 模糊 个性化 弱 强
2024-05-06
49
0
0
开发
2024-04-30
柯里化&&TS下柯里化的类型标注
柯里化（Currying）是一种将多参数函数转换为一系列使用一个参数的函数的技术。它通常用于将复杂的函数简化，以便于理解和使用。例如，可以将一个处理多个参数的函数转换为处理一个参数的函数序列，这样就可以更好地控制任务的执行流程。 // 三数之和 function threeSum(a: number
2024-04-30
50
0
0
开发
2024-04-29
TypeScript小工具——Parameters、ReturnType
使用typescript开发时，在调用通用API时，可能会遭遇其传参类型和返回类型并未导出，无法通过 import关键字引用来对声明的变量进行静态类型标记。 而Parameters、ReturnType就是来解决这个问题的 // Parameters可以推导出一个函数的所有传参的类型，返回一个元组，
2024-04-29
24
0
0
开发
2024-04-29
JS脚本加载的失败重试
在前端开发中，我们可能会遇到需要使用 <script>标签加载站外js脚本的需求，而由于网络原因、服务器原因等，有一定几率遭遇脚本加载失败的情况，此次我们编写一段简单的代码来解决js脚本的失败重试情景。 <html> <head> <script> // 脚本备用资源地址 cons
2024-04-29
69
0
0
开发
面试
2024-04-16
音频可视化
<audio>作为HTML5中非常经典的组件之一，我们也看到了很多音频可视化相关的作品，不论是Wallpaper Engine，还是滑雪动画化，都是针对于音频流分析的应用领域。 示例 Web Audio API AudioContext() 俗称音频上下文，以下用 audioAtx表述，最最最主要的
2024-04-16
58
0
0
开发
1
2
3
4
5
