> For AI agents: the complete documentation index is available at /llms.txt, the full documentation bundle is available at /llms-full.txt.

# 前端笔记

### 笔记简介

  前端笔记记录的主要是一些基础知识相关的学习笔记。平时看书或者浏览别人的博客时也会学习记录下来。前期主要是在其它平台上进行学习记录，没有进行统一的整理和规划。随着时间的推移，笔记也渐渐增多，查阅起来也比较繁琐，为了方便后续查阅前期的笔记记录，现整合发布在线上，进行共享。

  前期学习途径比较单一，大多是 **菜鸟教程**、**MDN Web Docs**、**官方文档**等，后续有时间时也会购买一些比较新的前端技术相关的书籍来学习和实践。作为技术人员，持续学习，在工作中不断积累经验，在实战中不断丰富自身的眼界和经历。希望我的学习笔记对你有所帮助。

### 笔记构成

  本模块与[我的博客](/blog/index.md)的分工是：**博客放成体系的实战方案，笔记放知识点与可复用片段**。二级分类只按知识域切分，不掺杂环境配置——项目搭建、依赖安装一类内容已统一移至[学习记录](/record/index.md)。

#### CSS 部分

  记录 **Web** 前端布局相关的技巧和方法，共 9 篇，涵盖 rem 适配、页面布局、flex 弹性布局、vertical-align 垂直对齐、position 定位、横竖屏检测、滚动条美化与整站置灰等实践。

#### JS 部分

  记录 **JavaScript** 高频基础知识，共 15 篇，包含地址栏参数获取、数组与字符串常用方法、数组去重、判断运算符、节流防抖、版本号比较、设备环境判断、Zepto 的 DOM 与事件操作等。

#### 示例部分

  记录平时学习实践过程中实现的**可复用代码片段**，共 6 篇，包含倒计时、上拉加载与下拉刷新、视频列表播放控制、JSON 导出 Excel、日期范围限制与 Axios 请求封装。