> For the complete documentation index, see [llms.txt](https://suki.gitbook.io/notes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://suki.gitbook.io/notes/master.md).

# 持续更新中...

个人学习笔记，内容包括前端和算法等。[在线电子书](https://suki.gitbook.io/notes/)。

* [持续更新中...](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#持续更新中)
  * [浏览器](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#浏览器)
  * [JavaScript](/notes/master.md#javascript)
  * [TypeScript](/notes/master.md#typescript)
  * [Vue](/notes/master.md#vue)
  * [数据结构算法](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#数据结构算法)
  * [安全](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#安全)
  * [性能](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#性能)
  * [网络](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#网络)
  * [设计模式](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#设计模式)
  * [单元测试](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#单元测试)
  * [编译](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#编译)
  * [杂七杂八](https://suki.gitbook.io/notes/pages/-M5_Z2lzkEey8s2UosMR#杂七杂八)
  * [workflow](/notes/master.md#workflow)

## 浏览器

* [深入理解现代浏览器 - 架构](/notes/articles/browser/inside_look_browser_1.md)
* [深入理解现代浏览器 - 导航](/notes/articles/browser/inside_look_browser_2.md)
* [深入理解现代浏览器 - 渲染器进程](/notes/articles/browser/inside_look_browser_3.md)
* [深入理解现代浏览器 - 交互](/notes/articles/browser/inside_look_browser_4.md)

## JavaScript

* [尾调用优化 TCO](/notes/articles/javascript/tail_call_optimization.md)
* [4 种常见的内存泄漏及解决方法](/notes/articles/javascript/4_common_memory_leak.md)

## TypeScript

* [Leetcode 面试题](/notes/articles/typescript/typescript_leetcode_hire.md)
* [infer](/notes/articles/typescript/typescript_infer.md)
* [as const](/notes/articles/typescript/typescript_as_const.md)
* [任意属性 Indexable Types](/notes/articles/typescript/typescript_indexable_types.md)

## Vue

* [从零实现一个简单的 VDOM 引擎](/notes/articles/vue/virtual_dom.md)
* [从零实现一个响应式状态管理](/notes/articles/vue/state_reactivity.md)
* [从零实现一个 Mini Vue](https://github.com/suukii/Articles/tree/6b00130a6a18db60541e0e6f3fc0409f4d0a0aea/articles/vue/mini-vue.md)

## 数据结构算法

* [Big O 算法复杂度](/notes/articles/dsa/big_o_complexity.md)
* [栈和队列](/notes/articles/dsa/dsa_stack_and_queue.md)
* [哈希表](/notes/articles/dsa/dsa_hashtable.md)
* [递归](/notes/articles/dsa/dsa_recursion.md)
* [并查集](/notes/articles/dsa/dsa_union_find.md)
* [图](/notes/articles/dsa/dsa_graph.md)
* [二叉树](/notes/articles/dsa/dsa_binary_tree.md)
* [前缀树 Trie](/notes/articles/dsa/dsa_trie.md)
* [AVL 树](/notes/articles/dsa/dsa_avl_tree.md)
* [快速选择](/notes/articles/dsa/quick_select.md) 🍨

**排序**

* [冒泡排序](/notes/articles/sorting/bubble_sort.md)
* [选择排序](/notes/articles/sorting/selection_sort.md)
* [插入排序](/notes/articles/sorting/insertion_sort.md)
* [归并排序](/notes/articles/sorting/merge_sort.md)
* [计数排序](/notes/articles/sorting/counting_sort.md)

## 安全

* [点击劫持](/notes/articles/security/clickjacking.md)
* [CSP 内容安全策略](/notes/articles/security/what_is_csp.md)

## 性能

* [如何优化图片资源](/notes/articles/performance/optimize_images.md)
* [HTTP 缓存](/notes/articles/performance/caching.md)

## 网络

* [什么是计算机网络](/notes/articles/network/basis_of_computer_network.md)
* [Internet Protocol](/notes/articles/network/internet_protocol.md)
* [DNS 是如何工作的](/notes/articles/network/how_dns_works.md)
* [如何分辨 same-site 和 same-origin](/notes/articles/network/same_site_and_same_origin.md)

## 设计模式

* [单例模式](/notes/articles/design-pattern/design_pattern_singleton.md)
* [策略模式](/notes/articles/design-pattern/design_pattern_strategy.md)
* [代理模式](/notes/articles/design-pattern/design_pattern_proxy.md)

## 单元测试

* [什么是测试](/notes/articles/unit-test/notes_for_testing_vuejs_applications_1.md)
* [使用 Jest 来测试](/notes/articles/unit-test/notes_for_testing_vuejs_applications_2.md)
* [Vue Unit Test Intro](/notes/articles/unit-test/intro_to_vue_unit_test.md)

## 编译

* [Compiler and Interpreter](/notes/articles/compile/compiler_and_interpreter.md)
* [Just-In-Time (JIT) Compilers](/notes/articles/compile/just_in_time_compiler.md)
* [编译流程](/notes/articles/compile/compilation_in_general.md)

## 杂七杂八

* [如何在终端打印出有**颜色**的字](/notes/articles/others/print-colored-text-in-terminal.md)
* [什么是上下文无关语法 CFG](/notes/articles/others/context_free_grammar.md)

## workflow

* [如何监听 git hooks](/notes/articles/workflow/git-hooks.md) 🍧
* [如何规范 git commit 信息](/notes/articles/workflow/commitlint.md) 🍰
* [如何规范代码风格 - prettier](/notes/articles/workflow/prettier.md) 🍨
* [如何规范代码质量 - eslint](/notes/articles/workflow/eslint.md) 🍭
* [如何发布一个 npm package](/notes/articles/workflow/npm-publish.md) 🚀
* [用 Node 写一个 cli](/notes/articles/workflow/build-a-node-cli.md) 🍹