zxlh1529

摘要： 在第一次接触 Lit 时，很多有 React / Vue 背景的开发者都会产生一个疑问： 没有 Virtual DOM，Lit 是怎么高效更新 DOM 的？ 甚至会进一步怀疑： 没有 Diff，会不会性能不行？ 这篇文章不从“性能测试结果”出发，而是从架构选择与浏览器原生能力的角度，解释 Lit 为 阅读全文

摘要： Lit（原名 lit-element + lit-html）并不是一个“对标 React/Vue 的框架”，而是一套围绕 Web Components 的最小化渲染与响应式方案。 它的设计目标非常明确： 用最少的运行时代码，解决组件化与高性能 DOM 更新问题 本文将从架构层面，逐步拆解： Lit 阅读全文

摘要： 在使用 SSR（Server Side Rendering） 框架（如 Nuxt / Next）时，开发者几乎都会遇到一个问题： Hydration mismatch 轻则控制台 warning，重则页面重新渲染、闪屏、性能下降，甚至功能异常。那么 Hydration 是什么、为什么会 mismat 阅读全文

摘要： 在前端工程化发展过程中，“页面是如何生成 HTML 的”逐渐成为一个绕不开的话题。 CSR、SSR、SSG、ISR 本质上并不是框架概念，而是渲染发生的时间与位置不同。 一、什么是“渲染模式” 所谓渲染模式，本质只有一个问题： 页面的 HTML 是在什么时候、由谁生成的？ 模式 HTML 生成位置 阅读全文

摘要： 简单说下 2025 CSS 的部分更新以及新增吧，这里就不详细给示例了，有需要自行 AI 生成或者看下最后文章介绍，可能他们的更详细点，当然先看完 bro 别给拉到最后直接看别人的！！！ 1. 布局与响应式设计增强 容器查询（Container Queries） 允许根据元素自身 容器尺寸 而不是视 阅读全文

摘要： 最近在回顾基本知识，就顺便记录下浏览器从加载 HTML → CSS → JS 到页面渲染的过程，简单说下。 为什么要了解浏览器加载流程？ 前端性能优化、SEO、首屏渲染速度、闪烁问题、Hydration mismatch 这些常见问题，本质上都与浏览器加载顺序有关，特别是排查的时候会心态爆炸。 例如 阅读全文

摘要： 为多个域/子域、Web 与移动端，提供安全、可扩展、对外可接入的单点登录服务（SSO）。采用 OAuth2 Authorization Code + PKCE 与 OpenID Connect (OIDC) 标准，现在简单介绍一下： 核心概念 IdP（Identity Provider）：集中认证服 阅读全文

摘要： 在多系统、多子域、跨平台应用中，认证与登录状态同步是核心问题。不同架构阶段可采用不同方案，从传统 Session 模型到标准化 OAuth2 / OIDC SSO。域下的登录态共享可以看看之前文章提到了域登录态分享类 SSO。 现在简单介绍下四种常见方案： 集中 Session 模型（同主域多子域场 阅读全文

摘要： 在现在项目开发中，文本高亮是一个常见且实用的功能，尤其在一些涉及做题网站、阅读类应用、笔记工具或内容管理系统中。废话不多说直接看实现： 功能亮点 支持鼠标选中文本后自动高亮 可选的双击高亮功能 处理跨段落、跨元素的文本高亮 点击高亮区域可直接取消高亮 提供清除单个或所有高亮的方法 支持自定义高亮颜色 阅读全文

摘要： 在前端项目中，尤其是后台管理系统、发票/报告导出、在线编辑器、前端页面截图导出等场景，将页面内容导出为 PDF 是非常常见的需求。现在使用 html2canvas + jsPDF 进行构建 hooks 作为示例。 一、为什么需要自定义封装？ 自个实现全局 hooks 可控，想怎么来就怎么来（参考 h 阅读全文