首页
首页关于友链

版权声明:© 2025

最近更新向站长留言
赣ICP备2021003257号-2粤公网安备44030002002476号

RSSipv6Powered by Next.js

前端45工程实践23生活14react12前端优化10linux9Next.js6漫谈5运维4typescript5nginx4js4语法糖4mui4编程4css3推荐3ffmpeg3翻译3docker3音乐2宝塔2电影电视1three.js1读书1git0邮件1windows1mysql1无障碍1

从 浏览器绘制流程 看重排重绘

translate 怎么就比 left 好?

2025年8月1日
css
前端

手机访问电脑上的 dev 服务

手机访问电脑上的 dev 服务,你有没有碰到过这些糟心的问题😡

2025年7月26日
工程实践
前端

lucide 图标设计准则

内含原文链接及简要翻译

2025年6月30日
翻译

为 Next.js 添加页面跳转动画

支持设置动画容器的样式及其他 props

2025年6月29日
react
Next.js
前端

对象类型如何同时支持 known-keys 及 unknown-keys

如题

2025年6月25日
typescript
前端

调用 windows 主机的 explorer.exe 打开 wsl2 内的目录

mac 中的 `open xxx` 很好用,wsl 也可以有

2025年6月14日
linux
语法糖

还有高手?

茫茫多的 ts-ignore 和 any,我服了

2025年6月10日
漫谈
生活

腾讯云轻量服务器使用 coturn 配置 STUN/TURN 服务

gpt 不是万能的,还是得搭配 官方文档 + google + github + stackoverflow

2025年5月21日
linux
前端
运维

做了一个新玩具,在线 ffmpeg

在线操作 ffmpeg 来合成 / 编辑 gif、视频吧

2025年5月17日
ffmpeg
前端

做了一个图片合成 gif 的纯前端小工具

纯前端运行 ffmpeg 生成 gif 动图

2025年5月14日
ffmpeg
前端

去韶山和张家界玩了一趟

4月底跟家人去韶山和张家界玩了一趟,不是,工作日都那么多人,你们不用上班的吗?

2025年5月9日
生活

我喜欢的 ts 新功能

1. 新增 satisfies 操作符 2. 泛型声明中支持 const 修饰符 3. 引入 using 关键字 4. 会保留闭包中的最后一次类型收紧

2025年5月8日
typescript
前端

wsl 使用主机的代理

wsl 如何使用主机的代理

2025年5月7日
linux
windows
docker

中山半日游

逛了一下中山市博物馆和金钟水库

2025年3月14日
生活

一个 bug 分析

bug 来源: https://www.bilibili.com/video/BV15Br8Y9EDZ/

2025年2月13日
前端

做了一个玩具:歌词编辑器

一个歌词编辑器

2025年2月11日
音乐
前端

分享一个高速路上超越近距离并行龟速车的小技巧

高速路上,两台龟速车并排着,中间的距离说近不近,说远不远,超车很危险,闪灯又不理你,怎么办?

2025年1月5日
生活

像使用本地数据一样使用远端的数据

const value = await remoteObj.deep.path.to.value() await remoteObj.deep.path.to.func()

2024年12月20日
typescript
工程实践
前端

CORS 请求不让跨域重定向哦

这你不知道吧

2024年12月10日
工程实践
前端

珠海横琴国家湿地公园半日游

蓝天草地,周末逛一逛无敌👍🏻

2024年12月8日
生活

像调用本地函数一样调用远端的函数

// 远端 remote.register('something', async (params: Whatever) => { ░░return WhatYouWant }) // 本地 const res = await remote._.something(xxx)

2024年12月7日
typescript
工程实践
前端

docker 构建时报 403

试试先 pull 再 build

2024年10月22日
docker

前端优化之避免桶文件 barrel file

谈谈什么叫桶文件,以及为什么要避免桶文件。

2024年9月10日
前端优化
工程实践
前端

对问路的老人家帮助得再深一点

遇到问路的老人家,有条件的情况下,多聊一下,多想一些,也许能避免一些悲剧。

2024年9月4日
生活

解决 WSL 无法使用 sudo

报错: sudo: unable to stat /etc/sudoers: Permission denied sudo: no valid sudoers sources found, quitting sudo: unable to initialize policy plugin

2024年7月28日
linux
运维

ffmpeg 学习笔记

我以前这么爱学习吗?又翻出来一个2020年的 ffmpeg 学习笔记。。。

2024年6月15日
ffmpeg

nginx 学习笔记

今天整理文件,突然翻出了2021年的学习笔记,我枯辣

2024年6月15日
nginx

昨天突然接到一个私人电话,说是网安大队的

吓我一跳

2024年5月23日
漫谈
生活

竟然会有人,宁愿相信人,也不相信程序

你更相信人还是程序呢

2024年5月22日
漫谈

使用 scroll-margin 优化页面内滚动

如果你的页面带有固定的头部,在页面内使用 Element.scrollIntoView,你可能需要 scroll-margin

2024年5月6日
css
前端优化
工程实践
前端

[译文] React 19 Beta 中文翻译

React 19 Beta 现已在 npm 上发布!这篇文章概述 React 19 中的新功能及其使用。

2024年5月5日
react
翻译
前端

我的 SEO 已经强到这地步了吗?

好吧,其实是谷歌牛逼。一个三级域名,用于线上测试,没有任何外链链进来。竟然直接被谷歌收录了,还排第一位。。。

2024年5月1日
漫谈
前端

实现一个 three.js 全景控制器吧

我们知道 three.js 没有控制相机 fov 的控制器,全景相机需要控制 fov 怎么办?自己写一个吧

2024年4月30日
three.js
前端

Next.js 你这样做显得我很憨好吗

我记得 Next.js 在 server action 刚出来的时候,在客户端调用 server action,一旦抛错,是 catch 不住的,页面直接 500 了。难道是我记错了?

2024年4月22日
Next.js
工程实践

记一次傻逼到爆炸的构建错误

数据库地址设置成了 root@localhost,本地构建能连上,docker 构建连不上

2024年4月18日
docker

《艺术的故事》摘录与小评

终于有心情、有闲暇,读一点书了,在这里记录一下吧

2024年3月26日
生活
读书

我的第一份前端工作竟然不是前端

前端,但不完全是前端

2024年3月21日
生活

业务中的跨域策略和 SameSite Cookie

什么跨域,什么 Cookie,跟我前端有毛关系?

2024年3月16日
编程
工程实践
前端

为什么 nextjs 项目, 访问不到 public 目录下的 html 文件?

百度收录需要 baidu_verify_xxx.html, 我明明放到项目 public 目录下, 为什么 404? 不能当成静态资源访问吗?

2024年2月20日
nginx
Next.js
工程实践
前端

mysql 从安装到连接

mysql 从安装到连接的所有步骤、注意事项、可能的错误排查

2024年1月28日
mysql
运维

ts 如何表示 string + string literal 的联合类型?

'red' | 'blue' | string 编辑器不会智能提示怎么办?

2024年1月19日
typescript
前端

记一次由接口响应顺序导致的 bug

还是想得不够周全

2024年1月17日
工程实践
前端

一种组织 zustand 自定义函数的方法

还在往 zustand store 里面塞函数吗?

2024年1月11日
react
语法糖
前端

抛开 SEO,我们为什么需要 react server component

没有最快,只有更快。

2024年1月6日
react
工程实践
前端

【转载】nginx 中 location 匹配优先级的问题

等号精确匹配、^~ 前缀匹配、常规前缀匹配、正则表达式匹配 之间优先级问题

2023年12月22日
nginx

闲来无事,写了几个时钟玩玩

网上找了点花里胡哨的表盘,加了个表针上去

2023年12月13日
生活
前端

Next.js 服务端组件及其加载

Next.js 服务端组件如何到达客户端?

2023年12月12日
react
Next.js
前端

二维码登录流程初探

有时候需要在别人设备上登录,不想输入账号密码,就给网站加个二维码登录的功能吧

2023年12月6日
编程
工程实践

给你点颜色瞧瞧

一键修改图片的主色调

2023年12月4日
前端优化
编程
工程实践
前端

MUI Snackbar 组件为什么不做成 static function 的模式?

Snackbar.open('xxx') 不是方便到爆吗?为什么不这么设计?

2023年12月3日
react
mui
无障碍
前端

西双版纳无聊之旅

前些天去了一趟云南,朋友圈都没发,在这发一下吧

2023年11月30日
生活

nginx 层面缓存 rss 请求

如果需要做全站全文 rss,数据量较多,听说有些 rss 阅读器会高频访问 rss 源,可以考虑在 nginx 层面缓存一下,防止频繁访问数据库来生成全站全文

2023年11月30日
nginx
前端优化
工程实践

Next.js 13 升 14 记录

Next13升级14很顺利,没有太多 breaking change,观望的可以动手试试

2023年11月13日
前端优化
Next.js
工程实践
前端

hyper-v ubuntu 22.04 装机记录

备忘一些常用软件

2023年11月10日
linux

休息一下,听会歌吧

会不会恰好你也喜欢听

2023年11月9日
音乐
推荐

《重启人生》

一部关于友情和人生思考的温馨的喜剧,没有国产片常见的烂俗的爱情。

2023年11月6日
推荐
生活
电影电视

介绍一个学习 CSS 的网站

https://www.cssportal.com/

2023年11月4日
css
推荐

我们应该抵制不合理的募捐

"人家那么可怜, 我就愿意捐, 你不愿意的话, 不捐不就行了?"

2023年10月19日
漫谈

想想 svg 会怎么做

我们有时候可能忽略、轻视了 svg 这个能力强大而轻量的技术了

2023年10月18日
前端

奇奇怪怪的 Date

setDate 与其他 setXXX 不同的地方

2023年10月9日
js

记一次接入支付宝时 XSS 风险

不是支付宝的问题, 是我们自己业务的问题

2023年9月25日
工程实践
前端

个人站点搭建记录

简要回忆一下本站的部署历程, TL; NR: 本地装了个虚拟机, 虚拟机里构建完成后推送到云端

2023年9月4日
linux
宝塔
工程实践

浏览器端 aws 文件上传

文件上传至 aws, 开始为了省事, 从服务端上传, 最近抽出时间, 改成了从客户端上传, 遇到了一些问题, 特此记录。

2023年9月1日
前端优化
工程实践
前端

简述前端发展脉络

前端是个娱乐圈, 成天发明各种概念, 那么为什么会发明各种概念呢? 这些概念解决了什么问题呢?

2023年8月29日
前端

记一次排查服务器内存占用爆满

服务器内存使用率 90%+, 我一个 2G 的服务器就运行一个 Node 和一个 mysql, 不可能占用那么多啊, 平时都是 40% 不到的

2023年8月27日
linux
运维

记一次愚蠢的缓存危机

设置缓存一定要谨慎,尤其是长期缓存

2023年8月26日
前端

宝塔命令行重启 node 项目

1. 终止旧的进程; 2. 找到 node 项目启动命令并执行;

2023年8月20日
linux
宝塔

linux 一步到位解除端口占用

命令是: kill -15 `lsof -t -i:{PORT}`

2023年8月20日
linux

关于我

我是怎么走上前端的? 这些年都干了什么?

2023年8月18日
生活
前端

我给弹窗添加了支持物理返回键 二

本文介绍了管理 history 栈的原因、思路和具体实现

2023年8月10日
react
mui
前端优化
工程实践
前端

我给弹窗添加了支持物理返回键 一

返回键关闭弹窗, 无疑交互体验更好, 今天我们来实现一下吧

2023年8月5日
react
mui
前端优化
工程实践
前端

一个监听变量变化的语法糖

在实践中, 我们(我)经常会遇到, 当某变量变化的时候, 执行其他方法(副作用), 今天我们来实现一个小小的语法糖吧

2023年8月5日
react
语法糖
工程实践
前端

注意, setTimeout 有最大延时值, 溢出就会被立即执行

最大延时值为 2147483647 (即 2^31 - 1) 毫秒

2023年7月28日
js
工程实践
前端

操作异步函数的两点建议

忠告一: 异步函数如果有顺序要求, 则最好 await 之; 忠告二: 谨慎在异步函数中操作引用变量;

2023年7月27日
js
工程实践
前端

小秀一下站点评分哈哈哈

如题

2023年7月26日
生活

博客问题汇总

本博客待新增的 feature、待解决的 bug、已解决问题的解决方案的一个汇总

2023年7月7日
react
前端优化
Next.js
前端

如何优雅地处理 loading

还在用 try + finally 在每一个业务函数中 setLoading 吗?

2023年7月7日
react
语法糖
前端

极简 js 入门

js (或者说编程) 入门,阅读对象仅限于没接触过编程的人

2023年7月6日
js
编程
前端

小计一次 CLS 优化

小计一次 CLS 优化,评分从 80 分上下提升到了 99

2023年7月6日
react
mui
前端优化
前端

HTML 邮件需要注意的点

介绍 XHTML 1 规范与 HTML 4 的差异,翻译自 https://www.w3.org/TR/xhtml1/

2023年7月6日
邮件
翻译
前端