CSS 锚点定位

简介Chrome 125 引入了一个 CSS Anchor Position API,它能够让元素相对于页面上的其它元素(锚点)进行定位。相比于传统的定位方式,锚点定位则更加简单灵活。 接下来就简单介绍下锚点定位的基本使用 基本定位设置锚点,将...

前端如何检测项目中新版本的发布?

前言你是否也曾遇到过这种情况,每次发完版之后都还会有用户反馈问题没有被修复,一顿排查之后发现他用的还是旧的版本。 用户:在 XX 页面 XX 字段还是不展示我:刷新下页面用户:刷新了啊我:强刷一下,Ctrl + F5 这一切都要归咎于

如何管理多个 Git 身份

前言不知道大家有没有这样一个困扰:在同一台设备下开发公司项目和个人项目需要频繁切换 git 身份,一不小心忘记切换,就会导致项目中的git提交信息混乱。 那么如何避免这种情况发生呢,这里提供两种方案: 方案一在项目中单独配置 git 身份,找到路径...

Angular 国际化

什么是国际化?国际化,通常被称作 i18n,是指设计和开发软件产品,使其能够轻松地适应不同的语言、地区和文化的过程。 在项目中,本地化过程包含以下两个步骤: 提取出用于翻译的文本 将文本翻译成各个区域的语言

检测无后缀名的文件类型

前言一般情况下我们判断一个文件是什么类型都是通过看它的后缀名,例如 xx.mp3 xx.mp4 xx.jpg,但是这并不准确!假如我把 xx.wav 文件的后缀手动改成了 .mp3 ,但它的文件类型依旧是...

The Open Graph Protocol(开放图谱协议)

前言当今互联网时代,社交媒体成为了人们分享信息和互动的主要平台之一。为了优化网站在社交媒体上的展示,提高网站内容的可分享性和可访问性,开放图谱协议(The Open Graph Protocol)应运而生。

TS 实现一个弹幕插件(已开源)

项目简介 弹幕示例 项目源码

为什么你的 GitHub Contributions 没有被正确统计

问题排查在公司摸鱼的时候写了点自己的代码,但是当我打开 Github 主页查看贡献图的时候发现我的提交没有被记录,于是我通过 git log 查询 Commit 记录,检查出作者信息中的邮箱地址有误,没有切换成个人的邮箱地址。

Git 修改 Commit 记录

前言当你使用Git进行版本控制时,难免会遇到需要修改提交记录(commit history)的情况。可能是因为提交信息写错了、忘记添加某个文件、需要重新排列提交的顺序,或者其他各种原因。不过,要注意的是,修改提交记录可能会影响到团队协作,因此需要谨慎处理。

解决 Video 中设置字幕出现的跨域问题

前言最近在写一个视频播放器,但是当我给视频添加字幕之后,出现了跨域问题,这里记录一下。 以下是用于测试的视频和字幕的链接 视频: