2024-年终总结
2024-12-20
getBoundingClientRect-获取元素的位置
getBoundingClientRect()
用于获取元素的位置以及大小相关的信息
DOM 元素的一个方法，返回一个 DOMRect 对象，包含元素的大小及其相对于视口的位置
语法element.getBoundingClientRec
2024-11-28
Web端视频时间轴预览图思路
Web端视频时间轴预览图思路
在鼠标首次移动到时间轴上时，获取到一雪碧图，它包含了鼠标所指位置附近的预览画面。在鼠标沿着时间滑动的时候，会根据判断是否需要请求新的雪碧图
接口返回一个数据是让前端拿到视频的预览信息，可以定位到预览图在哪个
2024-11-25
有趣的调试工具PageSpy
贴地址
PageSpy：https://pagespy.org
PageSpy
PageSpy 是一款兼容 Web / 小程序 / React Native / 鸿蒙 App 等平台项目的开源调试平台。基于对原生 API 的封装，它将调用
2024-10-18
窄门大道
我们需要的是一份水涨船高的事业工作❌ 事业✅
我们需要的并不是一份工作
而是一份水涨船高的事业
我们没有选择
因为随着年龄的增长
人生的风险是指数增加的
而不是线性增加的
走了一个越来越陡峭的线
增加的速度会非常快
越到后面你会发现麻绳越
2024-10-14
简易瀑布流布局
代码<style>
.container {
column-count: 4; /* 定义列数 */
column-gap: 16px; /* 定义列与列之间的间隙 */
}
.item
2024-09-30
治大国
治大国，若烹小鲜。
以道莅天下，其鬼不神；非其鬼不神，其神不伤人；非其神不伤人，圣人亦不伤人。
夫两不相伤，故德交归焉。
2024-09-30
Mr.Go
包
每个 Go 程序都由包构成
程序都从 main 包开始运行
下面的程序通过导入路径 "fmt" 和 "math/rand" 来使用这两个包
按照约定，包名与导入路径的最后一个元素一致，例如，&qu
2024-09-22
一个新的css属性：field-sizing
field-sizing 控制表单尺寸自适应的CSS
语法
fixed，输入框、文本区域和下拉选择，无论内容如何，它们宽高都是固定
content，输入框、文本区域和下拉选择元素的宽高会根据内容的大小而变化
需要 Chrome 12
2024-09-20
故失道而后德
故失道而后德，失德面后仁，失仁而后义，失义而后礼。
夫礼者，忠信之薄，而乱之首。
2024-09-20
视图转换动画-startViewTransition
效果
有效果的
没有效果的
移动位置
let changeBtn = document.getElementById('changeBtn')
let index1 = 0
l
2024-08-28
go-module相关
go mod 命令
go mod init 模块名初始化go mod，生成go.mod文件，后可接参数指定module名。
go mod download 手动触发下载依赖包到本地cache(默认为$GOPATH/pkg/mod目录)
go
2024-08-14