前端知识一些收集

📜 JavaScript

内置类型

• JS内置类型介绍
• typeof原理
• 类型转换

作用域

• 作用域理解
• 作用域链
• let/const块级作用域

执行上下文

• 执行上下文理解

闭包

• 闭包原理与应用场景
• 闭包问题及优化

this指向

• this指向判断
• 箭头函数的this

原型/继承

• 原型链理解
• JS继承实现

🌳 DOM

事件

• 事件冒泡与捕获
• 事件委托
• 自定义事件实现

DOM操作

• DOM操作指南

位置与大小

• DOM元素位置与尺寸

🎨 CSS

BFC

• BFC触发条件与应用场景

布局

• Flex布局语法
• 三栏布局实现

动画

• CSS动画实现
• 动画暂停与播放

🌐 浏览器

跨域

• 跨域通信方式

渲染机制

• 从URL输入到页面展示
• HTML/CSS/JS渲染原理

📡 网络

HTTP

• HTTP头部详解

TCP

• 三次握手与四次挥手

HTTPS

• HTTPS原理与HTTP区别

🛠️ 前端框架

Vue

• 组件通信方式
• Vue3 Composition API

React

• setState原理

⚙️ 工程化

Webpack

• Loader与Plugin区别
• 代码分割原理

🚀 性能优化

网络优化

• HTTP2与CDN应用

渲染优化

• 重绘与回流优化

🔍 监控

异常监控

• Script Error错误原因

埋点

• 数据埋点实现方案

🔒 安全

XSS/CSRF

• XSS防御方案
• CSRF防护策略

接口安全

• 接口防重放攻击

🚀 Node.js

核心机制

• Node事件循环机制
• 内存泄漏排查

应用实践

• SSR实现方案
• PM2进程管理
• GraphQL实践指南

中间件

• 请求合并转发策略

🚀 跨端开发

Hybrid

• JSBridge原理
• H5与Native通信

框架对比

• Weex实现原理
• RN与Flutter对比

🚀 微信开发

公众号

• 微信授权流程

小程序

• 底层实现原理
• Taro框架原理
• H5与小程序差异

🚀 前沿技术

架构演进

• 微前端实践
• Serverless实践

计算范式

• 边缘计算指南
• WebAssembly应用

🚀 手写实现

核心功能

• Promise实现
• call/apply/bind
• 深拷贝实现

设计模式

• EventEmitter实现
• 单例模式实现

工具函数

• 防抖节流实现
• 柯里化实现

🚀 算法题库

数据结构

• 字符串：反转字符串、最长公共前缀
• 数组：两数之和、旋转数组
• 链表：反转链表、环形链表

经典算法

• 排序：快速排序、归并排序
• 动态规划：最长子序列、打家劫舍
• 二分查找：搜索旋转数组、x的平方根

专项训练

• 滑动窗口：无重复最长子串
• 位运算：二进制中1的个数
• 递归：汉诺塔问题

🚀 项目与职业

项目经验

• 技术难点突破
• 项目优化方向
• 研发流程角色

职业发展

• 持续学习策略
• 前端技术展望
• 职业规划建议