知识点沉淀包括不限于前端

原创 解决电脑主机更新系统后前面板3.5mm没声音

原创 Iframe嵌套网页

这些是 iframe 内部页面 的 DOM/JS 事件，由于浏览器同源策略禁止父页面访问跨域 iframe 的 contentDocument/contentWindow，因此无法直接绑定监听。步骤 2：React 父页面（监听 message 事件）跨域通信：postMessage跨域。使用iframe来显示目标链接页面。iframe设置高度与宽度。iframe移除边框。

原创 美团众包新手入门指南：自由兼职全攻略

美团众包兼职优势：时间完全自由 (随时上线、下线)，适合学生、上班族兼职门槛低 (无学历、经验要求)，0 元入职，接单即赚钱总结行动清单：下载 APP 完成注册认证 (15 分钟)准备基础装备 (电动车 + 头盔，当天可开始)完成新手培训 (20 分钟)，设置好接单参数选择熟悉区域，开始接单第一周专注熟悉流程，不求快但求稳，积累经验。

原创 如何在网页开发中预防XSS攻击？

XSS（跨站脚本攻击，Cross-Site Scripting）是一种常见的 Web 安全漏洞，核心是攻击者将恶意脚本注入到网页中，当其他用户访问该网页时，脚本会在用户浏览器中执行，从而窃取信息或操控页面。

原创 bash 基础编程的核心语法

bash” 的全称是 “Bourne Again SHell”（“再一次的 Bourne 壳”），它是众多 shell 实现中的一种，由 GNU 组织开发，诞生于 1989 年，目的是替代早期的 Bourne shell（sh，1979 年推出的第一个主流 shell）。原生bash不支持简单的数学运算，但是可以通过其他命令来实现，例如 awk 和 expr，expr 最常用。

原创 Lynx 3.x 版本

Lynx助力 Web 构建跨平台应用介绍通过一份代码同时构建移动端原生界面与 Web 端界面的技术方案它有着高性能、多功能的渲染引擎、性能优先的双线程 UI 编程范式、以及基于 Rust 的现代工具链等诸多特性。快速稳定的发布 – 确保快速版本更新的同时，通过清晰的弃用策略保持稳定的 API 并尽量减少 Breaking Change。多平台适配 – 为开发者提供高效、高性能的跨平台解决方案。

原创 Figma快捷键

原创 React Hooks 核心规则&自定义 Hooks

自定义 Hooks 的核心价值是 “逻辑复用” 和 “代码拆分”，无论是公共操作的复用，还是业务组件内复杂逻辑的提取，都是其典型使用场景。具体来说，是否需要将逻辑放入自定义 Hooks，可从 “复用性” 和 “代码整洁度” 两个维度判断。

原创 Form表单核心技巧手册

react Form

原创 常用的日期时间处理库Day.js和Moment.js

都是 JavaScript 中常用的日期时间处理库，功能上有很多重叠，但设计理念和使用体验有显著区别。

原创 CSS 子元素宽高继承与盒模型规则

场景子元素宽度表现子元素高度表现关键注意点父元素宽高明确(px) 子元素块级 + 默认 width填充父元素 content 区宽度（auto）由自身内容决定（height: auto）加 padding 会溢出，需用 border-box。父元素宽高明确 子元素设置 width:100%+height:100%等于父元素 content 宽度（content-box）等于父元素 content 高度（content-box）标准盒模型下，padding/border 会导致溢出。

原创 前端代码CR小知识点汇总

【代码】前端代码CR小知识点汇总。

原创 国际化（货币单位、时间、数字）

【代码】国际化（货币单位、时间、数字）

原创 2025山西旅游攻略（个人摩旅版-国庆从北京到山西）

最终以实际情况为准，国庆假期（10/1-10/8）可以在网上自行查阅景点分布图。

原创 按键精灵(游戏脚本)

按键精灵是一款专注于模拟鼠标键盘动作的自动化工具，支持通过脚本实现各类重复操作的自动化，适用于游戏辅助、办公自动化、软件测试等场景。

原创 微信实用技巧全整理（2025 年版）

进入「转账」界面，若对方已实名认证，姓名最后一个字会显示在金额上方。

原创 绿箩养殖攻略

当发现绿萝叶片发软、下垂时，要及时浇透水，浇水后将其放在阴凉通风处，大约一个星期左右就可以恢复精神。如果浇水后仍未恢复，可能是根部出现了问题，需要检查根部是否腐烂，如有腐烂，需将腐烂部分剪掉，重新换盆种植。夏季温度过高时，需注意通风降温，可向周围环境喷水，增加空气湿度，降低温度，为绿萝创造凉爽的生长环境。绿萝喜凉爽、温暖、半阴的环境，可将其摆放在室内客厅、书房、办公室等场所，既能美化环境，又能净化空气。通过以上详细的养殖攻略，只要你细心呵护，你的绿萝一定能茁壮成长，为你的生活增添一抹生机与绿意。

原创 米家智能家居方案（租房版）

为租房场景设计小米智能家居方案时，核心原则是：免打孔、易安装、可带走、高性价比。以下是个人配置的一套兼顾实用性和灵活性的方案：粘贴安装：优先选择3M胶、固定放置、磁吸固定的设备。无线优先：使用电池供电或充电、蓝牙/无线连接的设备，避免布线和避免需要许多插座。集中控制：全部接入米家APP+小爱音箱统一语音管理，降低操作门槛，声音即可控制。分阶段投入：提升性价比，从核心需求入手（安全/照明/控制小电器(电蚊香，风扇)的开关等），逐步加购扩展，避免闲置吃灰。

原创 北京学摩托全记录（21年版本）

全流程：理论学习十个学时 -> 2号楼体检(20) -> 补手续 -> 一周内收到短信 -> 报名科一 -> 考完后学科四。考试费(150)：科一50 科二40 科三60 科四免费 ，交管12123app缴费。证件：身份证原件，驾驶证原件，白底彩色照片一寸五张（戴眼镜）班车：周六日：三趟 周一到周五：两趟，没有下午两点多的那趟。考后：考完约练车时间(约车电话 62495272 24小时)增驾D本：周末D 1700RMB不包含考试费。待考室: 海驾6号楼二层待考室。考前入信息：一层录指纹。

原创 孤影在CSDN的2048天(创作纪念日)

原创 minimatch 详解：功能、语法与应用场景

是一种用于字符串模式匹配的工具库，核心功能是通过简化的正则表达式语法来匹配文件路径或字符串。它广泛应用于前端构建工具（如 Webpack、Gulp）、包管理器（如 npm）以及文件系统操作中，用于高效筛选文件。

原创 TypeScript进阶知识点

因此，在实现 DeepReadonly 类型工具时，应该先检查 T 是否为函数类型，再检查是否为普通对象，否则函数类型会被错误地处理为普通对象。TypeScript 中的数组本质上就是对象（Array<T> 是 object 的子类型），因此递归处理对象属性时无需单独处理，数组元素会被自动处理。使用 T extends Function: 当你需要专门处理函数类型（如提取参数类型、返回值类型）时。使用 T extends Array: 当你需要专门处理数组类型（如提取元素类型、处理数组方法）时。

原创 TypeScript 类型不熟悉？刷type-challenges帮你打通类型编程的任督二脉

TypeScript类型挑战-刷题 简单题 容易题 中等题

原创 解决JSON.stringify方法数据丢失

JSON.stringify 数据丢失及解决

原创 在命令行终端中快速打开npm包官网

npm home package_name 快速打开官方网站

原创 自定义项目中导入文件import顺序

项目中import顺序 eslint自动化工具配置。配置示例

原创 vscode显示代码引用

vscode中查看代码引用 显示代码引用 常用场景示例

原创 vscode源代码管理Tab-文件右侧标志(M、A 等)的含义

git文件状态标志 A C D M R T X U B * VSCode 中 Monaco 装饰徽章的实现

原创 cURL 入门：10 分钟学会用命令行发 HTTP 请求

cURL命令行工具 常用指令/功能 示例

原创 前端Ui设计工具

前端ui设计工具对比 Figma-mac端常用快捷键

原创 leetcode-数学

leetcode-数学

原创 leetcode-枚举

leetcode-枚举

原创 leetcode-树

leetcode-树

原创 leetcode-排序

leetcode-排序

原创 leetcode-哈希表

leetcode-哈希表 127 140 383 2103 2744 3158

原创 leetcode-队列

leetcode-队列

原创 leetcode-栈

leetcode 栈 1472 2696

原创 leetcode-位运算

leetcode-位运算

原创 leetcode-链表

leetcode 链表 82 160 2181 2487 2807 3217

原创 leetcode - 字符串

leetcode 字符串 466 514 647 709 3305 LCR018