zxlh1529

摘要： 简单说下 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 阅读全文

摘要： 在网站进行移动端 Web 适配开发中，弹窗和导航栏弹出等常常会出现一些问题，如果是奇奇怪怪的客户严格要求的话，那么就会有下面这些情况： 打开弹窗后页面自动放大，视图区被放大到看不全 打开对话框打开后背景仍然能滚动 导航栏弹窗后，背后内容可滚动，影响体验 点击聚焦输入框，导致视图放大 下面通过 Nux 阅读全文

摘要： 遇到一个问题，在同一主域下的多个子域之间共享登录状态的需求。例如： main.example.com 主站 learn.example.com 学习中心 希望在任意子域登录后，其他子域也能自动识别登录状态，包括登出同步。 Cookie 跨子域共享 浏览器安全策略允许 Cookie 在同一主域下共享， 阅读全文

摘要： 原生 DOM 更新 graph LR A[数据变化] --> B[手动查找DOM节点] B --> C[直接修改节点属性] C --> D[处理相关依赖节点] Diff 算法更新 graph LR A[应用状态变更] --> B[生成新的虚拟 DOM 树] B --> C[Diff 算法比较新旧树] 阅读全文

摘要： 上篇文章说到了引导式访问组件，其中有个扩展功能是是否强制以及是否第一次进行引导访问，这时候有个 guideKey 可以作为根据判断，那么存储拿取的时候就用到唯一值了，然后就有了这篇文章介绍的几种姿势，有深入哦~ 背景 假设已经使用 guideKeyList 来记录已完成的引导步骤： let guid 阅读全文