前端工程化

前端工程化概念

1.
Babel 的工作原理

Babel 转译代码的三个核心阶段:解析、转换和生成

2.
body-parser 中间件的作用

解析 HTTP 请求体数据的 Node.js 中间件

3.
Babel 转译原理

Babel 的三个阶段:解析、转换、生成

4.
浏览器和 Node 中的事件循环区别

浏览器与 Node.js 事件循环机制的差异对比

5.
职责链模式

用请假审批场景理解职责链模式的实现

6.
链模式

实现方法链式调用的设计模式

7.
命令模式

将请求封装成对象,实现撤销、重做和命令队列

8.
组件封装设计

React/Vue 组件封装的原则与实践

9.
数据统计

JavaScript 中常见的数据统计方法实现

10.
dependencies 和 devDependencies 的区别

package.json 中两种依赖类型的使用场景和安装方式

11.
CommonJS 和 ES6 模块引入的区别

CommonJS 和 ES6 模块系统在语法、加载方式和导出机制上的差异

12.
设计模式分类

23 种设计模式的三大分类:创建型、结构型、行为型

13.
前端开发中常用的设计模式

介绍前端开发中常用的 6 种设计模式及其应用场景

14.
设计模式应用场景

前端常用设计模式及其实际应用场景

15.
设计原则

软件设计中的 SOLID 原则及常用设计原则

16.
开发环境搭建要点

从零搭建前端开发环境的配置清单

17.
Electron 理解

Electron 的架构、进程模型和常用 API

18.
前后端分离是什么

理解前后端分离的概念、优势和实践中的问题

19.
工厂模式

通过工厂模式实现对象创建与调用者的解耦

20.
前端代码重构

什么是重构、何时重构、常见重构手法

21.
前端组件化

理解组件化思想及其在前端开发中的应用

22.
前端工程师职业发展

如何理解前端工程师这个职位及其发展前景

23.
前端工程化方向

前端工程化的主要领域和实践方案

24.
前端工程化的理解

前端工程化的概念、实践方式和核心价值

25.
前端工程价值体现

前端工程在产品、团队和业务中的价值

26.
前端工程化

前端工程化的概念、工具链和实践

27.
Git 常用命令与工作流

pull、fetch、rebase、merge 命令及 Git Flow 工作流

28.
Gulp 任务自动化工具

Gulp 的概念、用法和常见任务配置

29.
图片导出

前端实现图片导出的几种方式

30.
前端模块化规范

CommonJS、AMD、CMD、UMD、ESM 的区别与使用

31.
迭代器模式

用点钞机的思路理解迭代器模式的实现

32.
JavaScript 编码规范

JavaScript 代码书写的基本规范和最佳实践

33.
前端 CI/CD 流程

前端项目的持续集成与持续部署实践

34.
jQuery 生态对比

jQuery、jQuery UI、jQuery Mobile 的区别与使用场景

35.
jQuery 实现原理

手写一个简易版 jQuery,理解其设计思想

36.
jQuery 与 Sizzle 选择器集成

jQuery 如何通过 jQuery.find 方法与 Sizzle 选择器引擎结合

37.
Koa 中间件异常处理

使用错误处理中间件和 try...catch 捕获 Koa 中间件异常

38.
jQuery 源码优秀实践

jQuery 源码中值得学习的设计模式和编程技巧

39.
jQuery 与 Zepto 对比

jQuery 和 Zepto 的区别及使用场景

40.
jQuery UI 自定义组件

使用 Widget Factory 创建 jQuery UI 组件

41.
Koa 中间件不调用 await next() 的影响

分析 Koa 中间件未调用 await next() 时的执行流程和影响

42.
Koa 在没有 async/await 时如何实现洋葱模型

使用 Generator 函数实现 Koa 的洋葱模型中间件机制

43.
Koa 和 Express 的区别

对比 Koa 和 Express 两个 Node.js 框架的设计理念和使用差异

44.
Koa 洋葱模型

Koa 中间件的执行机制和洋葱模型原理

45.
登录实现

前端登录的常见方案与实现

46.
中介者模式

通过中间人协调多个对象之间的通信

47.
模块模式

JavaScript 模块模式的实现与应用

48.
小程序架构

小程序双线程架构模型及通信机制

49.
小程序常见问题

小程序开发中的常见问题及解决方案

50.
Monorepo 概念与工具

Monorepo 的定义、优缺点及 Lerna、Pnpm Workspace 的使用

51.
mpvue 框架

使用 Vue.js 开发微信小程序的框架

52.
MVC vs MVP vs MVVM

三种前端架构模式的区别与实现

53.
Node.js ES Module 为什么必须加文件扩展名

解释 Node.js 中 ES Module 需要完整路径和扩展名的原因

54.
MVC、MVP 和 MVVM 架构模式

理解三种前端架构模式的区别和各自的特点

55.
Node.js 全局对象

Node.js 中的全局对象和模块级别全局变量

56.
Node.js 性能监控与优化

Node.js 应用的性能指标、监控方案和优化策略

57.
Node.js 多进程与进程通讯

Node.js 开启多进程的方式及进程间通讯方法

58.
Node.js 调试方法

Node.js 的三种常用调试方式及使用场景

59.
Node.js 中的 process 对象

process 对象的作用、常用属性和方法

60.
Node.js 的理解与应用场景

Node.js 的核心特性、优缺点及适用场景分析

61.
npm 是什么?

Node.js 的包管理工具及其使用场景

62.
观察者模式和发布订阅模式的区别

理解观察者模式和发布订阅模式的定义、实现和使用场景

63.
页面重构方法

前端页面重构的操作步骤和常用技巧

64.
PM2 守护进程原理

PM2 如何通过子进程管理和自我守护实现 Node.js 应用的稳定运行

65.
分页功能的前后端设计

实现分页功能的前后端交互方案和 SQL 查询设计

66.
PostCSS 作用

PostCSS 是什么以及它能做什么

67.
项目管理方法

前端项目的代码规范、版本控制、协作流程等管理实践

68.
Rollup 打包工具

Rollup 的特点、使用方法和配置

69.
高质量前端代码

好的前端代码应该具备哪些特征

70.
JavaScript 单例模式实现

单例模式的概念、应用场景和两种实现方式

71.
SSG 静态网站生成

理解 SSG 的工作原理、实现流程和适用场景

72.
模板方法模式

用咖啡厅制作饮品的例子理解模板方法模式

73.
设计模式的六大原则

面向对象设计的六个基本原则:开放封闭、里氏代换、依赖倒转、接口隔离、迪米特法则和单一职责

74.
Tree Shaking 原理

理解 Tree Shaking 的静态分析和死代码消除机制

75.
用户授权信息获取流程

OAuth 2.0 授权流程及微信小程序用户信息获取实现

76.
Vite 原理与性能优势

Vite 的工作原理及为什么比 Webpack 启动快

77.
Web App vs Hybrid App vs Native App

三种移动应用开发方式的对比与选择

78.
Web 前端开发注意事项

前端开发中需要关注的性能、兼容性、安全性等方面

79.
Web APP 设计原则

设计 Web APP 时应遵循的基本原则

80.
Webpack 构建流程

Webpack 的初始化、编译、输出三个阶段

81.
Hash vs ChunkHash vs ContentHash

Webpack 三种哈希策略的区别与使用场景

82.
Webpack 热更新原理

HMR 的 WebSocket 通信与模块替换机制

83.
Webpack Loader 与 Plugin 区别

Loader 和 Plugin 的作用、区别及常用配置

84.
webpack 的 module、bundle、chunk 是什么

理解 webpack 中模块、打包文件和代码块的区别

85.
Webpack Proxy 工作原理与跨域解决

理解 Webpack Dev Server 代理机制及其解决跨域的原理

86.
webpack、rollup、parcel 的选择

三种主流打包工具的适用场景和特点对比

87.
WePy 与 mpvue 对比

两个小程序开发框架的特点与选型建议

88.
WXML 和 WXSS

微信小程序的模板语言和样式语言

89.
Webpack Scope Hoisting

Webpack 作用域提升的原理与配置

90.
Zepto 实现原理

理解 Zepto 的架构设计和 $ 函数的实现方式