Knowledge Index
知识索引
把零散的基础知识整理成可检索的主题索引,适合作为源码阅读、工程实践和面试复盘前的前置储备。
/notes/basic
基础能力
JavaScript、CSS、HTML、渲染机制与包管理等基础储备。
数组新 API
CSS3 视觉效果
js 尺寸获取
es6+ 特性
事件循环
🔄 事件循环(Event Loop)是浏览器的核心机制,它就像浏览器的"心脏"一样不断跳动,驱动着整个浏览器的运行。要深入理解这个重要机制,我们首先需要从浏览器的基础架构开始了解。
fetch API
生成器
HTML5 新增内容
迭代器
js 基础
Map 集合
移动端适配
OAuth2 协议
:::tip OAuth 是一个关于授权(authorization)的开放网络标准协议,就是一种授权机制。核心目的是在保护用户数据的同时,实现安全的第三方授权访问。
包管理器
Promise 规范
Proxy
Proxy 是 ES6 中新增的一个特性,它可以用来定义对象的操作行为。通过 Proxy,可以对对象的访问进行拦截和自定义。
Reflect
📚 参考文档: MDN
浏览器渲染机制
Set 集合
WeakSet 弱引用集合
WeakSet 是一种特殊的集合类型,具有以下特点:
/notes/library
组件库实践
从项目初始化、Icon 到 Button,记录组件库建设过程。
/notes/network
浏览器与网络
HTTP、缓存、Cookie、Session、JWT、安全和网络模型。
Caching
如何判断这次登录的人和之前登录的人是一个人?
HTTP 协议是无状态的,一旦请求响应完成后就会断开,那么如何保持用户的登录状态呢
Csrf
Dns
域名 🫱(如 www.google.com)作用是将难以记忆的 IP 地址转换为更友好的文本形式,便于记忆
File Download
Http Methods
Http Versions
🔐 JWT (JSON Web Token)
JSON Web Token (JWT) 是一种开放标准 (RFC 7519),它定义了一种紧凑且自包含的方式,用于在各方之间以 JSON 对象的形式安全地传输信息。
模型
Overview
Same Origin Policy
Session
TCP 连接的建立与终止 🤝
TCP 协议作为面向连接的传输层协议,在进行数据传输之前必须先建立连接
🛡️ XSS (Cross-Site Scripting) 跨站脚本攻击
攻击者通过在网页中注入恶意脚本,当用户浏览这些页面时,脚本会在用户的浏览器中执行,从而达到窃取用户数据、会话劫持等攻击目的。
/notes/webapi
webapi
未归类的技术笔记。
拖拽基础
文件上传
Web 文件操作 API
Web Worker
Web History API
地理位置 API (Geolocation)
剪贴板 API
requestAnimationFrame
Intersection Observer API
MutationObserver - 监听 DOM 变化的利器
MutationObserver 是一个强大的 Web API,它允许我们监听 DOM 树的变化,包括节点的添加、删除、属性的修改等。