> For the complete documentation index, see [llms.txt](https://blog.yuyy.tech/mian-shi-shu-li/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu.md).

# 前端基础

- [HTML](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/html.md): HTML5主要特色
- [语义化标签](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/html/yu-yi-hua-biao-qian.md)
- [script标签中defer和async](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/html/script-biao-qian-zhong-defer-he-async.md)
- [本地存储](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/html/ben-di-cun-chu.md): cookie、localStorage、sessionStorage
- [拖拽](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/html/tuo-zhuai.md)
- [Web Workers](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/html/web-workers.md): Web Workers
- [WebSocket](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/html/websocket.md): WebSocket
- [CSS](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css.md): CSS
- [盒模型和box-sizing](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/he-mo-xing-he-boxsizing.md)
- [BFC(块级格式化上下文)](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/bfc-kuai-ji-ge-shi-hua-shang-xia-wen.md): 块级格式化上下文(Block Formatting Context)
- [浮动和清除浮动](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/fu-dong-he-qing-chu-fu-dong.md): float
- [伪类和伪元素](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/wei-lei-he-wei-yuan-su.md)
- [2倍图、3倍图](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/2-bei-tu-3-bei-tu.md)
- [flex](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/flex.md)
- [水平居中、垂直居中](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/shui-ping-ju-zhong-chui-zhi-ju-zhong.md)
- [经典布局](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/jing-dian-bu-ju.md)
- [两列布局](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/jing-dian-bu-ju/liang-lie-bu-ju.md)
- [三列布局](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/jing-dian-bu-ju/san-lie-bu-ju.md)
- [经典实践](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/jing-dian-shi-jian.md): 常见图形、文本溢出等
- [CSS样式隔离](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/css-yang-shi-ge-li.md)
- [Less vs Sass](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/css/less-vs-sass.md): CSS 预处理器
- [JavaScript](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript.md): JavaScript
- [ES](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es.md): ES
- [数据类型](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing.md)
- [1-string](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing/1-string.md): string
- [2-number](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing/2-number.md): number
- [3-boolean](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing/3-boolean.md): boolean
- [4-null](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing/4-null.md): 空对象
- [5-undefined](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing/5-undefined.md): 未定义
- [6-symbol](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing/6-symbol.md)
- [7-object](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing/7-object.md)
- [常见类型判断](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing/chang-jian-lei-xing-pan-duan.md)
- [浅拷贝、深拷贝](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-lei-xing/qian-kao-bei-shen-kao-bei.md)
- [数据集合](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-ji-he.md)
- [Array](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-ji-he/array.md)
- [类数组对象](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-ji-he/lei-shu-zu-dui-xiang.md)
- [Map、WeakMap](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-ji-he/map-weakmap.md)
- [Set、WeakSet](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-ji-he/set-weakset.md)
- [常见遍历方式](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/shu-ju-ji-he/chang-jian-bian-li-fang-shi.md)
- [变量](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/bian-liang.md)
- [修饰符](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/bian-liang/xiu-shi-fu.md): var、let、const
- [变量提升](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/bian-liang/bian-liang-ti-sheng.md)
- [函数](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/han-shu.md)
- [apply、call、bind](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/han-shu/apply-call-bind.md): apply、call、bind实现原理
- [new](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/han-shu/new.md): new详解
- [this](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/han-shu/this.md): this详解
- [箭头函数](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/han-shu/jian-tou-han-shu.md)
- [闭包](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/han-shu/bi-bao.md)
- [防抖和节流](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/han-shu/fang-dou-he-jie-liu.md)
- [柯里化](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/han-shu/ke-li-hua.md)
- [原型](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/yuan-xing.md)
- [原型链](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/yuan-xing/yuan-xing-lian.md)
- [异步](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/yi-bu.md)
- [单线程&事件循环](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/yi-bu/dan-xian-cheng-shi-jian-xun-huan.md)
- [常见异步](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/yi-bu/chang-jian-yi-bu.md)
- [Promise](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/yi-bu/promise.md)
- [all和allSettled](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/yi-bu/promise/all-he-allsettled.md)
- [race和any](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/yi-bu/promise/race-he-any.md)
- [resolve和reject](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/yi-bu/promise/resolve-he-reject.md)
- [模块化](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/mo-kuai-hua.md)
- [版本特性一览表](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/es/ban-ben-te-xing-yi-lan-biao.md)
- [DOM](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/dom.md): DOM
- [DOM事件](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/dom/dom-shi-jian.md)
- [事件分类](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/dom/shi-jian-fen-lei.md)
- [BOM](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/javascript/bom.md): BOM
- [TypeScript](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/typescript.md): TypeScript
- [浏览器](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/liu-lan-qi.md)
- [页面渲染](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/liu-lan-qi/ye-mian-xuan-ran.md): 浏览器输入一个url发生了什么
- [重绘和回流](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/liu-lan-qi/zhong-hui-he-hui-liu.md)
- [跨域](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/liu-lan-qi/kua-yu.md): 跨域解决方案
- [垃圾回收](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/liu-lan-qi/la-ji-hui-shou.md)
- [取消请求](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/liu-lan-qi/qu-xiao-qing-qiu.md)
- [Web API](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/web-api.md): API
- [EventSource](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/web-api/eventsource.md): AI 打印机效果
- [XMLHttpRequest](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/web-api/xmlhttprequest.md): 使用XMLHttpRequest实现一个Ajax（Asynchronous JavaScript And XML）
- [WebSocket](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/web-api/websocket.md)
- [IntersectionObserver](https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu/web-api/intersectionobserver.md): 监听元素是否出现在可视区域


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://blog.yuyy.tech/mian-shi-shu-li/qian-duan-ji-chu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.