lastknight

在真实开发中，我们经常会受困于 CSS 的优先级问题。 比如我们使用了一个第三方库，但是第三方库的样式不符合我们的要求，我们想进行修改，为了修改成功，要么我们需要以更高的权...

跨多上下文（标签页，Worker）的资源保护，Web Locks API 基本概念，详细介绍以及最佳实践...

你有没有过这种感觉，早上 7 点，被楼上邻居的一声"咚"吵醒。离闹钟还有半小时，意识刚刚浮上来，大脑已经开始自动"开会"了——那个需求评审还没对齐，小王的代码今天能提测吗，...

通过 **WebTransport** 突破延迟，**Compression** 降低带宽，**File System** 增强持久化，**Wasm** 压榨算力，构建系统...

浏览器有三个访问文件系统的 API，showOpenFilePicker、showDictoryPicker、showSaveFilePicker...

Smart Ticker 是一个适用于 React/Vue/Svelte 的高性能文本差异替换动画组件。基于编辑距离算法，只滚动变化的字符，支持所有字符集，适用于各种状态展...

往事 又一年过去了，不知不觉从事前端开发已经快7年了，7年时间其实也不算特别长，但是从行业欣欣向荣干到了行业巅峰再到如今的行业没了，我是没想到的。 虽然目前还没有失业（感觉...

Markdown 将 * 与 _ 作为强调指示符。被单个 * 或 _ 包裹的文本将被 HTML <em> 标签包裹（也就是斜体）；被两个包裹的将被 HTML <strong...

幽灵空白节点的出现，主要取决于块级容器里是否包含内联级内容。但是要注意区分什么是内联级内容，是识别幽灵空白节点的难点。...

自定义模态框的问题 模态窗口是现代 UI 的标准特性，但从零开始创建它们通常会导致一堆混乱的代码。我们都见过这种情况：用一堆 div 拼出来的层级，混乱的 z-index，...

WebRTC 是浏览器原生支持的实时通信技术，适合低延迟点对点音视频和数据传输，通过信令服务器交换 SDP/ICE 建立连接，P2P 成功后音视频流直接传输，适用于摄像头实...

在做独立开发时，偶尔需要处理图片，例如透明无背景，怎奈不会抠图，又不想频繁劳驾他人，这就急需一款稳定好用的 AI 抠图工具了，搜了半天，觉得这几个还不错，也推荐给大家。...

不要再用 removeEventListener了！这个API救了我的命 昨天被产品经理叫到办公室，说用户反馈我们的后台管理系统越用越卡，Chrome任务管理器显示内存占用...

你给一家在线教育平台做「课程视频批量上传」功能。 需求听起来很朴素：讲师后台一次性拖 20 个 4K 视频，浏览器要稳、要快、要能断网续传。 你第一版直接 <input t...

Electron应用通过命令行打开系统设置，比如打开系统隐私设置，可方便用户快速对目标应用授予麦克风、摄像头等隐私权限。...

在开发中，我们经常会接触到 localhost 和 127.0.0.1。很多人可能觉得它们是一样的，甚至可以互换使用。实际上，它们确实有很多相似之处，但细究起来，也存在一些...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

MCP 就像是大模型世界里的“最后一公里”。说个暴论，MCP 应该是每个程序员在2025年必须掌握的知识点。 大模型功能很强大， 我们都是清楚的。但是，它是有短板的。...

我刚学WebRTC两天，领导让我搭建多人视频会议，怎么整？这部难为人嘛！还好找到LiveKit，让我这个WebRTC的新手也能搭建稳定又好用的多人视频会议系统。...

本文是针对小白的 WebRTC 快速入门课，如果你还之前还不了解 WebRTC，不了解实时通讯，希望你能认真阅读本文，实现对 WebRTC 的零的突破 💪。...