目录 #

JS 相关 #

• 数据类型
• 原型链
• 作用域链
• this 关键字
• 执行上下文栈
• 闭包
• object
• promise
• generator
• proxy
• module
• decorator
• 函数式编程
• 高阶函数
• 抽象语法树 AST

HTML 相关 #

• HTML5 和 HTML4 究竟有哪些不同
• meta 标签属性有哪些
• src 和 href 的区别是什么
• script 标签中 defer 和 async 的区别是什么

CSS 相关 #

• 让一个元素水平垂直居中，到底有多少种方案
• 浮动布局的优点？有什么缺点？清除浮动有哪些方式
• 实现 div 垂直居中，左右 10px，高度始终为宽度一半
• CSS 如何进行品字布局
• CSS 如何进行圣杯布局
• CSS 如何进行双飞翼布局
• BFC 应用

TypeScript 相关 #

• typescript 的介绍
• typescript 数据类型
• typescript 枚举类型
• typescript 接口
• typescript 类
• typescript 函数
• typescript 泛型
• typescript 高级类型
• typescript 装饰器
• typescript 命名空间与模块
• 在 React 项目中应用 typescript
• 在 Vue 项目中应用 typescript

Webpack 相关 #

• webpack 的介绍
• webpack 的构建流程
• webpack 中的 Loader
• webpack 中常见的 Plugin
• Loader 和 Plugin 的区别
• webpack 的热更新原理
• webpack proxy 工作原理
• webpack 优化前端性能
• 提高 webpack 的构建速度
• 与 webpack 类似的工具

http 相关 #

• HTTP 和 HTTPS 的区别
• HTTPS 是如何保证安全的
• UDP 和 TCP 区别和应用场景
• OSI 七层模型
• TCP/IP 协议
• DNS 协议 和 DNS 完整的查询过程
• CDN 实现原理
• HTTP1.0/1.1/2.0 的区别
• HTTP 常见的状态码
• GET 和 POST 的区别
• HTTP 常见的请求头
• 地址栏输入 URL 敲下回车后发生了什么
• TCP 为什么需要三次握手和四次挥手
• WebSocket 的理解和应用场景

浏览器相关 #

• 浏览器工作原理
• 渲染树
• 渲染层合并-composite
• 垃圾回收机制

Linux #

• 操作系统
• 进程和线程
• Linux 常用命令
• shell 脚本
• 输入输出重定向和管道

其它 #

• JavaScript 设计模式
• 前端开发者必备的 Nginx 知识
• VNode 详解
• 尾递归
• js 字符编码方式
• npx 与 npm 区别
• web 常见的攻击方式
• 正则表达式介绍