zxlh1529

摘要： 在使用 Lit 时，很多人都会有一个直观感受： “它居然没有状态管理系统？” “也没有复杂的依赖收集？” 但实际使用下来却发现： 状态更新是正确的 DOM 更新是精准的 性能非常稳定 那么问题来了： Lit 的响应式系统到底是怎么工作的？ 它为什么可以这么轻？ 本文将从 ReactiveElemen 阅读全文

摘要： 在前两篇中已经明确了一个关键事实： Lit / lit-html 不使用 Virtual DOM，也不存在 Diff 过程 那么问题就变成了： 没有 Diff，lit-html 是如何做到“只更新必要 DOM”的？ 答案就在 lit-html 最核心、也是最容易被忽略的设计中： Part（局部更新单 阅读全文

摘要： 在第一次接触 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 模型（同主域多子域场 阅读全文