# JavaScript_Everything **Repository Path**: kingarthurpu/JavaScript_Everything ## Basic Information - **Project Name**: JavaScript_Everything - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-03-20 - **Last Updated**: 2024-03-20 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 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