README.md

# JavaScript_Everything

### javascript核心

[Promise/Promise与异步请求](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Promise与异步请求.md)

[async异步请求](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/async异步请求.md)

[Promise实例](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/JavaScript/Promise实例.md)

[手写Promise](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/JavaScript/手写Promise.md)

[宏任务微任务与事件循环](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/宏任务微任务与事件循环.md)

[Proxy代理与Reflect反射](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Proxy代理与Reflect反射.md)

[响应式原理及实现](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/响应式原理及实现.md)

[迭代器](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/迭代器.md)

[生成器](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/生成器.md)

[闭包](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/闭包.md)

[this的绑定规则](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/this的绑定规则.md)

[js内部函数的this指向](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/js函数的this指向.md)

[this面试题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/this面试题.md)

[ES6+新语法](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/ES6+新语法.md)

[变量提升机制](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/变量提升机制.md)


[let与作用域、作用域链](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/let与作用域.md)

[原型与原型链/利用原型实现继承](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/面向对象.md)

[ES6面向对象](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/ES6面向对象.md)

[对象常用方法](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/对象常用方法.md)

[基础面试题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/基础面试题.md)

[js基础面试题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/js基础面试题.md)

[V8内存管理机制](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/V8垃圾回收机制.md)

[数据类型检测](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/数据类型检测.md)

[AOP面向切面编程](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/JavaScript/AOP面向切面编程.md)

JS 模块化

### 函数式编程

[函数式编程核心](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/函数式编程/函数式编程.md)

[函数柯里化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/函数式编程/函数柯里化.md)

[Compone函数组合](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/函数式编程/函数组合.md)

### 前后端通信

[跨域解决方案](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/跨域.md)

[网络请求 ajax/axios/fetch](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/网络请求.md)

[实现ajax的并发请求控制](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/实现ajax的并发请求控制.md)

[网页多标签tab通讯 ws/localstorage/sharedworker](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/网页多标签tab通讯.md)

[网页和iframe之间的通讯 window.postMessage](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/网页和iframe之间的通讯.md)

[http 缓存/状态码](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/http.md)

[HTTP请求方式的区别](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/HTTP请求方式的区别.md)

[网络协议常见问题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/网络协议常见问题.md)

[三次握手🤝与四次挥手👋🏻](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/三次握手与四次挥手.md)

[抓包](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/抓包.md)

socket

### 浏览器渲染机制

[浏览器相关](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/浏览器/浏览器相关.md)

[从输入url到页面渲染完成的过程](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/浏览器/从输入url到页面渲染完成的过程.md)

### 浏览器

[web存储 cook/seesion/webstorage](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/web存储.md)

### 性能优化

[首屏优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/性能优化/01.HTML首屏优化.md)

[前端性能指标及评测](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/性能优化/前端性能指标.md)

[vue优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/优化/vue优化.md)

[性能优化经典问题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/性能优化/性能问题面试题.md)

[HTML标签的性能优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/性能优化/HTML标签的性能优化.md)

[CSS的性能优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/性能优化/CSS的性能优化.md)

[重绘和重排](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/性能优化/重绘和重排.md)

[webpack性能优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/前端工程化/打包工具/Webpack/webpack性能优化.md)

[webpack打包速度优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/前端工程化/打包工具/Webpack/webpack打包速度优化.md)

前端监控



### Web 安全

[常见攻击手段及规避 XSS/CSRF/点击劫持/DDOS/SQL注入](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/web安全/常见攻击手段及规避.md)

HTTP劫持

### Vue

[Vue3中的 Compostion API](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/setup.md)

[vue-router的使用](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/vue-router/基本使用.md)

[vuex状态管理的使用](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/vuex/vuex的基本使用.md)

[pinia状态管理的使用](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/Pinia/pinia的基本使用.md)

[vue优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/优化/vue优化.md)

[vue错误监听](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/vue错误监听.md)

[vue在工作中遇到的问题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/vue在工作中遇到的问题.md)

[vue2常见问题合集](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/vue2常见问题合集.md)

[vueRouter常见问题合集](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Vue/vueRouter常见问题合集.md)

### React


### svelte

### HTML5

[HTML基本问题](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/HTML/HTML基本问题.md)

### CSS

[水平垂直居中布局](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/CSS/水平垂直居中布局.md)

[圣杯布局和双飞翼布局](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/CSS/圣杯布局和双飞翼布局.md)

[左边定宽，右边自适应](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/CSS/左边定宽，右边自适应.md)

[绝对居中](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/CSS/绝对居中.md)

[CSS画一个三角形](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/CSS/CSS画一个三角形.md)

[CSS常见面试题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/CSS/CSS面试题.md)

[CSS面试题列表](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/CSS/CSS面试题列表.md)
### Typescript

[泛型编程及使用](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/Typescript/泛型编程.md)

[映射类型](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/Typescript/映射类型.md)

[条件类型及分发](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/Typescript/条件类型.md)

[内置工具及手写实现](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/Typescript/内置工具.md)

### Node.js

[nodejs核心与架构设计](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Node/01.node核心概览.md)

[架构优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Node/02.架构优化.md)

[node面试题](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/Node/node面试题.md)

Express使用

Express 源码实现

Koa使用

Koa 源码实现

洋葱🧅模型的实现

Nest

Nust

### Node.js常见功能开发

[登录校验方案 cookie+session/JWT/SSO](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Node/登录校验方案.md)

鉴权

权限设计


### SSR/同构

### 手写实现

[防抖函数](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/手写实现/防抖.md)

[节流函数](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/手写实现/节流函数.md)

[深拷贝](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/手写实现/深拷贝.md)

[事件总线](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/手写实现/事件总线.md)

[实现ajax的并发请求控制](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/网络请求/实现ajax的并发请求控制.md)

[apply/call/bind](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/手写实现/call-apply-bind.md)

[实现new](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/手写实现/new.md)

[实现instanceof](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/手写实现/instanceof.md)

[扩展运算符的实现](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/手写实现/扩展运算符的实现.md)

[函数柯里化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/函数式编程/函数柯里化.md)

[compone](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/函数式编程/函数组合.md)

[实现多个对象的合并](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/手写实现/其他js函数实现/对象合并.md)

[求两个数组的交集](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/手写实现/其他js函数实现/求两个数组的交集.md)

[求两个数组的差集](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/手写实现/其他js函数实现/求两个数组的差集.md)

[将对象变为数组](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/手写实现/其他js函数实现/将对象变为数组.md)

[params参数解析](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/手写实现/其他js函数实现/params参数解析.md)

[手写Promise](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/JavaScript/手写Promise.md)

Symbol

[用 ES5 实现继承]((https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/JavaScript/面向对象.md))


实现 Promise.all方法

实现一个sleep函数



### 数据结构与算法

#### TypeScript版

[栈](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/算法/栈.md)

[栈的面试题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/算法/栈的面试题.md)

[栈的Leetcode题目](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/算法/栈的Leetcode题目.md)

[队列](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/算法/队列.md)

[队列的面试题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/算法/队列的面试题.md)

[链表](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/算法/链表.md)

[链表的面试题](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/算法/链表的面试题.md)

[哈希表](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/算法/哈希表.md)


二叉树

图

[二分查找](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/算法/二分查找.md)


位运算

#### JavaScript版

[排序算法](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/算法/排序算法.md)

[递归算法题](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/算法/递归算法题.md)

[动态规划](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/算法/动态规划.md)

[数组旋转](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/算法/数组旋转.md)

贪心算法

分治/回溯


#### 前端框架中的算法

### 前端架构

BFF 中间层

微前端

低代码

跨端方案

### 常用库的源码分析

underscore.js

### 设计模式

[前端中常见设计模式及应用场景](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/设计模式/常见设计模式及应用场景.md)

观察者模式

订阅发布

代理模式

### 前端工程化

配置Eslint

构建工具

### 包管理

npm

yarn

npmp
### 打包工具

#### webpack

[webpack性能优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/前端工程化/打包工具/Webpack/webpack性能优化.md)

[webpack打包速度优化](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/前端工程化/打包工具/Webpack/webpack打包速度优化.md)

[自定义loader](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/前端工程化/打包工具/Webpack/自定义loader.md)

[自定义plugin](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/前端工程化/打包工具/Webpack/自定义plugin.md)

[tapable](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/前端工程化/打包工具/Webpack/tapable.md)

Gulp

Rollup

### 前端监控


### 埋点


### 移动Web App/hybrid/JS bridge/webview

[概述](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Hybrid/概览.md)


### Flutter


### 脚手架实现


### 组件库开发

### 垃圾回收算法

### 常用库的使用

### 前端 AI 辅助




### 数据库

mysql

redis

navicat使用

### GraphQL

[node.js中使用GraphQL](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/GraphQL.md)

### 自动化测试

### 运维与自动集成

Docker

### 编译原理


### 操作系统


### Nginx

负载均衡

反向代理

动静分离

### Electron

### 音视频

### 游戏

### WebAssembly  
### C 语言

### Rust

### Python

[Python基础](https://github.com/fltenwall/JavaScript_Everything/blob/main/notes/Python/快速入门.md)



### Java

基本数据类型

[数组](https://github.com/fltenwall/JavaScript_Interview_Question/blob/main/notes/Java/数组.md)

面向对象

核心类

接口与抽象类

泛型

集合框架

IO

注解

Stream流

JDBC 数据库连接

多线程

并发操作

Java 网络

Servlet