徐徐爱coding https://www.xu69.com 一个精美的个人博客,记录平时的学习笔记 zh-CN © 2026 徐徐爱coding 《忠诚》：改革深水区的人性光谱与时代镜像 https://www.xu69.com/article/154 一篇深度解析电视剧《忠诚》的影评，探讨高长河、钟超林、田立业等角色在改革攻坚期的忠诚抉择，揭示剧集超越反腐题材的时代价值与人性洞察。 Sun, 17 May 2026 12:00:00 GMT https://www.xu69.com/article/154 Let’s Encrypt 证书申请与 Nginx 配置实战 https://www.xu69.com/article/153 一篇可直接照着操作的 Let’s Encrypt 实战文章，涵盖前置条件、Certbot 申请方式、Nginx SSL 配置、HTTP 跳转 HTTPS 和自动续期。 Sat, 09 May 2026 12:30:00 GMT https://www.xu69.com/article/153 前端「宽与高」速查：视口、文档、元素与 CSS 单位 https://www.xu69.com/article/152 从 innerWidth 到 scrollHeight，从 getBoundingClientRect 到 Visual Viewport；对照一张心智表分清「布局盒」「可见区域」「滚动尺寸」与移动端动态工具栏下的视口单位。 Thu, 07 May 2026 10:00:00 GMT https://www.xu69.com/article/152 window.dispatchEvent：在浏览器里派发与消费自定义事件 https://www.xu69.com/article/151 用 window 作为轻量事件总线：构造 CustomEvent 并 dispatchEvent，配合 addEventListener 在模块、微前端或跨 iframe 同页场景里解耦通信；注意同步派发与 preventDefault 的返回值。 Thu, 07 May 2026 01:36:00 GMT https://www.xu69.com/article/151 window.matchMedia：在 JavaScript 里读写媒体查询 https://www.xu69.com/article/150 用与 CSS 相同的媒体查询字符串在脚本中判断布局与系统偏好，并用 change 事件替代粗糙的 resize；附深色模式与减少动效示例及卸载监听要点。 Thu, 07 May 2026 01:32:00 GMT https://www.xu69.com/article/150 用 ECharts GL 做「3D 环图」：参数曲面与引导线实战 https://www.xu69.com/article/149 从数据映射到 startRatio/endRatio，用 getParametricEquation 生成每一块扇环曲面；最大值加高、line3D + scatter3D 做标注；grid3D 控制视角与自动旋转。 Wed, 06 May 2026 07:00:00 GMT https://www.xu69.com/article/149 AI 时代，还要不要做个人博客？ https://www.xu69.com/article/148 搜索入口在变化，但长期价值并没有消失。博客不只是流量工具，更是个人资产、思考容器与可信名片。 Fri, 01 May 2026 18:32:00 GMT https://www.xu69.com/article/148 标题阴影跳动效果的实现思路 https://www.xu69.com/article/147 这篇文章聚焦标题阴影动效，讲清为什么要分层阴影、如何控制幅度，以及如何避免视觉突兀。 Thu, 30 Apr 2026 20:39:00 GMT https://www.xu69.com/article/147 打字机效果是怎么实现的 https://www.xu69.com/article/146 从“定时追加字符”到“requestAnimationFrame 节流”，这篇文章讲清打字机动效背后的实现思路。 Thu, 30 Apr 2026 20:38:00 GMT https://www.xu69.com/article/146 这次网站优化，我把 Lighthouse 跑到了 100 https://www.xu69.com/article/145 从资源加载到渲染路径，再到语义化与 SEO 细节，这次优化把站点评分稳定拉到高分区间。 Thu, 30 Apr 2026 16:22:00 GMT https://www.xu69.com/article/145 人到中年，仍要把日子一寸寸拾起 https://www.xu69.com/article/137 生活会突然变重，但只要还愿意把自己扶起来，路就还在脚下。 Wed, 29 Apr 2026 18:50:00 GMT https://www.xu69.com/article/137 WebSocket的简单封装 https://www.xu69.com/article/139 基于 `SimpleWebSocket` 类封装连接生命周期，覆盖自动重连、消息 JSON 解析、手动断开、发送与主动重连能力。 Mon, 20 Apr 2026 08:30:00 GMT https://www.xu69.com/article/139 js排除对象字段 https://www.xu69.com/article/131 基于 `Object.entries + Object.fromEntries` 实现 `excludeObjectFields`，并补充参数校验与浅拷贝返回逻辑。 Mon, 20 Apr 2026 08:00:00 GMT https://www.xu69.com/article/131 前端下载文件 https://www.xu69.com/article/132 通过 `Blob + URL.createObjectURL + a.download` 实现文件下载，并演示从 `content-disposition` 提取文件名。 Mon, 20 Apr 2026 08:00:00 GMT https://www.xu69.com/article/132 从富文本中提取纯文本 https://www.xu69.com/article/133 使用 `DOMParser` 解析 HTML，并通过 `textContent/innerText` 提取纯文本，顺带处理 `null/undefined` 字符串边界情况。 Mon, 20 Apr 2026 08:00:00 GMT https://www.xu69.com/article/133 js格式化日期 https://www.xu69.com/article/134 封装 `formatTime`，通过正则匹配 `YYYY/MM/DD HH:mm:ss` 等占位符并用 `padStart` 完成日期补零格式化。 Mon, 20 Apr 2026 08:00:00 GMT https://www.xu69.com/article/134 SSE的封装 https://www.xu69.com/article/138 封装 `SSEClient`：包含连接建立、消息解析（含 JSONBig）、异常重连、最大重连次数控制与手动关闭流程。 Mon, 20 Apr 2026 08:00:00 GMT https://www.xu69.com/article/138 uuid 生成器 https://www.xu69.com/article/140 实现可配置长度与基数的 `uuid` 生成函数，同时支持 36 位标准格式（含连字符与版本位）生成逻辑。 Mon, 20 Apr 2026 08:00:00 GMT https://www.xu69.com/article/140 !doctype html 的作用与意义 https://www.xu69.com/article/53 html文档类型声明 Fri, 17 Apr 2026 08:00:00 GMT https://www.xu69.com/article/53 高阶函数 https://www.xu69.com/article/112 高阶函数的定义和含义 Tue, 14 Apr 2026 08:00:00 GMT https://www.xu69.com/article/112 js数组底层怎么存储的 https://www.xu69.com/article/115 从底层结构角度解释 JavaScript 数组的存储方式与访问特性。 Tue, 14 Apr 2026 08:00:00 GMT https://www.xu69.com/article/115 js伪数组 https://www.xu69.com/article/116 介绍 JavaScript 伪数组的概念、常见场景以及转换为真数组的方法。 Tue, 14 Apr 2026 08:00:00 GMT https://www.xu69.com/article/116 手写js的Promise https://www.xu69.com/article/142 手写一个js原生Promise Tue, 14 Apr 2026 08:00:00 GMT https://www.xu69.com/article/142 微队列的几种实现方法 https://www.xu69.com/article/143 整理微任务队列的几种实现方式，并比较它们的执行差异。 Tue, 14 Apr 2026 08:00:00 GMT https://www.xu69.com/article/143 gulp打包样式 https://www.xu69.com/article/111 梳理使用 Gulp 打包样式资源的流程，并说明常见配置与问题处理方式。 Tue, 14 Apr 2026 04:00:00 GMT https://www.xu69.com/article/111 js 严格模式 https://www.xu69.com/article/117 js 严格模式的限制和存在的意义 Tue, 15 Apr 2025 08:00:00 GMT https://www.xu69.com/article/117 连续多个 bind，最后this指向是什么？ https://www.xu69.com/article/118 通过示例说明多次调用 bind 时 this 的最终指向规则与执行结果。 Tue, 15 Apr 2025 08:00:00 GMT https://www.xu69.com/article/118 Javascript垃圾回收方法 https://www.xu69.com/article/119 讲解 JavaScript 垃圾回收机制的核心策略与内存优化思路。 Tue, 15 Apr 2025 08:00:00 GMT https://www.xu69.com/article/119 js包装类型 https://www.xu69.com/article/120 介绍 JavaScript 包装类型的设计原因、行为特点与使用边界。 Tue, 15 Apr 2025 08:00:00 GMT https://www.xu69.com/article/120 js如何比较两个对象的值 https://www.xu69.com/article/121 汇总比较两个对象值是否相等的常见方案及各自适用场景。 Tue, 15 Apr 2025 08:00:00 GMT https://www.xu69.com/article/121 XSS和CSRF攻击 https://www.xu69.com/article/2 XSS和CSRF攻击的原理和防御措施 Tue, 31 Dec 2024 16:00:00 GMT https://www.xu69.com/article/2 五大主流浏览器的内核名称 https://www.xu69.com/article/3 盘点五大主流浏览器对应的内核及其演进关系与差异。 Tue, 31 Dec 2024 16:00:00 GMT https://www.xu69.com/article/3 状态码 https://www.xu69.com/article/4 状态码的定义和含义 Tue, 31 Dec 2024 16:00:00 GMT https://www.xu69.com/article/4 SQL-联表查询 https://www.xu69.com/article/35 介绍常见的几种sql多表查询 Fri, 30 Aug 2024 08:51:00 GMT https://www.xu69.com/article/35 判断回文数 https://www.xu69.com/article/37 判断回文数的常见两种方法 Fri, 30 Aug 2024 08:51:00 GMT https://www.xu69.com/article/37 线程的那些资源共享，那些资源不共享 https://www.xu69.com/article/42 线程的那些资源共享，那些资源不共享 Fri, 30 Aug 2024 08:50:00 GMT https://www.xu69.com/article/42 Spring-异常处理 https://www.xu69.com/article/44 Spring-异常处理的两种方式 Fri, 30 Aug 2024 08:49:00 GMT https://www.xu69.com/article/44 springMVC-文件操作 https://www.xu69.com/article/45 springMVC-文件操作完整的文件上传和下载步骤 Fri, 30 Aug 2024 08:48:00 GMT https://www.xu69.com/article/45 三层架构基于注解的自动装配 https://www.xu69.com/article/50 spring三层架构基于注解的自动装配 Fri, 30 Aug 2024 08:47:00 GMT https://www.xu69.com/article/50 三层架构基于xml的自动装配 https://www.xu69.com/article/51 spring之三层架构基于xml的自动装配 Fri, 30 Aug 2024 08:46:00 GMT https://www.xu69.com/article/51 js-函数 https://www.xu69.com/article/54 js中的函数 Fri, 30 Aug 2024 08:43:00 GMT https://www.xu69.com/article/54 js内置对象 https://www.xu69.com/article/55 js几种内置对象 Fri, 30 Aug 2024 08:43:00 GMT https://www.xu69.com/article/55 Js--Number https://www.xu69.com/article/56 js Number需要 Fri, 30 Aug 2024 08:42:00 GMT https://www.xu69.com/article/56 前端拨号的方法 https://www.xu69.com/article/105 介绍前端实现一键拨号的常见方式、兼容性处理与实际使用注意点。 Tue, 20 Aug 2024 08:35:00 GMT https://www.xu69.com/article/105 js闭包 https://www.xu69.com/article/102 js闭包的实现 Tue, 20 Aug 2024 08:33:00 GMT https://www.xu69.com/article/102 判断js类型 https://www.xu69.com/article/113 js类型几种判断方式 Tue, 20 Aug 2024 08:33:00 GMT https://www.xu69.com/article/113 深拷贝与浅拷贝 https://www.xu69.com/article/114 js深拷贝与浅拷贝 Tue, 20 Aug 2024 08:33:00 GMT https://www.xu69.com/article/114 echarts进度条 https://www.xu69.com/article/96 echarts进度条的实现 Tue, 20 Aug 2024 08:16:00 GMT https://www.xu69.com/article/96 二叉树层次遍历 https://www.xu69.com/article/36 一个简单的二叉树层次遍历算法 Fri, 16 Aug 2024 17:21:00 GMT https://www.xu69.com/article/36 mybatis--动态sql https://www.xu69.com/article/34 展示动态sql标签的用法 Tue, 06 Aug 2024 12:57:00 GMT https://www.xu69.com/article/34 springMvc拦截器 https://www.xu69.com/article/43 java中拦截器 Tue, 06 Aug 2024 12:56:00 GMT https://www.xu69.com/article/43 <noscript>标签的作用 https://www.xu69.com/article/52 <noscript>标签 Tue, 06 Aug 2024 12:55:00 GMT https://www.xu69.com/article/52 JS中的比大小 https://www.xu69.com/article/122 结合隐式转换规则，说明 JavaScript 中大小比较的判断逻辑。 Mon, 15 Apr 2024 08:00:00 GMT https://www.xu69.com/article/122 null和 undefined的区别？ https://www.xu69.com/article/124 解释 null 与 undefined 的语义差异、产生场景与判断方式。 Mon, 15 Apr 2024 08:00:00 GMT https://www.xu69.com/article/124 setImmediate的作用 https://www.xu69.com/article/125 说明 setImmediate 的执行时机、作用及与 setTimeout 的区别。 Mon, 15 Apr 2024 08:00:00 GMT https://www.xu69.com/article/125 js生成随机数 https://www.xu69.com/article/126 介绍 JavaScript 生成随机数的基础方法与常用封装技巧。 Mon, 15 Apr 2024 08:00:00 GMT https://www.xu69.com/article/126 节流和防抖 https://www.xu69.com/article/127 给出节流与防抖两段实现代码，对比触发时机与调用频率控制方式，便于在输入监听和滚动场景中选型。 Mon, 15 Apr 2024 08:00:00 GMT https://www.xu69.com/article/127 valueOf https://www.xu69.com/article/128 valueOf() 方法的详解 Mon, 15 Apr 2024 08:00:00 GMT https://www.xu69.com/article/128 vue路由守卫 https://www.xu69.com/article/129 梳理 Vue 路由守卫的类型、执行顺序与常见权限控制用法。 Mon, 15 Apr 2024 08:00:00 GMT https://www.xu69.com/article/129 迭代器 https://www.xu69.com/article/141 js迭代器 Mon, 15 Apr 2024 08:00:00 GMT https://www.xu69.com/article/141 js/ts 中的void 0表示啥意思 https://www.xu69.com/article/144 解释 JS/TS 中 `void 0` 的含义、历史背景与实际用途。 Mon, 15 Apr 2024 08:00:00 GMT https://www.xu69.com/article/144 ioc管理jdbc数据源 https://www.xu69.com/article/49 javaweb-ioc管理jdbc数据源 Sun, 24 Sep 2023 17:06:00 GMT https://www.xu69.com/article/49 SqlSession操纵数据库 https://www.xu69.com/article/48 创建一个SqlSession操纵数据库的过程 Sun, 24 Sep 2023 17:02:00 GMT https://www.xu69.com/article/48 基于xml声明事务 https://www.xu69.com/article/47 Javaweb xml方式声明事务 Sun, 24 Sep 2023 16:59:00 GMT https://www.xu69.com/article/47 Javaweb配置web.xml https://www.xu69.com/article/46 web.xml的简单配置 Sun, 24 Sep 2023 16:53:00 GMT https://www.xu69.com/article/46 cpu调度算法 https://www.xu69.com/article/41 常见的三种cpu调度算法 Sun, 24 Sep 2023 13:07:00 GMT https://www.xu69.com/article/41 罗马数字转整数 https://www.xu69.com/article/38 三种处理罗马数字转整数的方法 Sun, 24 Sep 2023 12:44:00 GMT https://www.xu69.com/article/38 双飞翼布局 https://www.xu69.com/article/31 传统前端布局中的双飞翼布局实现的原理 Fri, 22 Sep 2023 14:23:00 GMT https://www.xu69.com/article/31 拆分vue路由 https://www.xu69.com/article/135 介绍 Vue 路由按模块拆分的组织方式与工程化维护思路。 Thu, 20 Apr 2023 08:00:00 GMT https://www.xu69.com/article/135 js中charAt与charCodeAt的区别 https://www.xu69.com/article/123 对比 charAt 与 charCodeAt 的返回结果、用途与典型使用场景。 Sat, 15 Apr 2023 08:00:00 GMT https://www.xu69.com/article/123