👍 重难点：

1. 全栈项目架构
2. Kafka + Clickhouse + Flink 实时数据流经典架构设计
3. 性能与异常指标采集

· 【初中级】面试官：你们前端项目的整体稳定性是怎么保证的？异常和性能的监控SDK内核如何实现？ · 【中高级】面试官：有了解过完整监控平台从指标到可视化全链路体系吗？大型实时数据流日志系统怎么设计？ · 【专家级】面试官：请详细介绍一下你们团队前端监控平台的全栈流程设计与实践，要考虑巨量数据流量及存储处理细节

简易的状态管理方案

组件内状态管理流程

• Vue 中最核心的两个功能
  • 数据驱动
  • 组件化

使用基于组件化的开发，可以提高开发效率，带来更好的可维护性

回顾

Vuex

ESLint 介绍

• 最为主流的 JavaScript Lint 工具，检测 JS 代码质量
• ESLint 很容易统一开发者的编码风格，例如
  • 缩进换行分号以及空格之类的使用
• ESLint 还可以去找出代码当中一些不合理的地方，例如
  • 定义了一个从未使用的变量
  • 在一个变量使用之后才去对它进行声明
  • 进行比较的时候选择两等的符号等
• ESLint 可以帮助开发者提升编码能力

规范化标准概述

规范化是践行前端工程化中重要的一部分

为什么要有规范会标准？

1. 软件开发需要多人协同
2. 不同开发者具有不同的编码习惯和喜好
3. 不同的喜好会增加项目的维护成本
4. 每个项目或者团队需要明确统一的标准

Prettier 介绍

• Prettier 是近两年来使用频率特别高的一款通用的前端代码格式化工具
• 几乎能够去完成所有类型代码文件的格式化工作
• 通过使用 Prettier 可以很容易地去落实前端项目当中的规范化标准，而且使用也是非常简单

目前在前端项目中除了 JavaScript 代码是需要被 lint 之外，CSS 代码同样也是需要去被 lint
对于 CSS 代码的 link 操作一般都会去使用 StyleLink 的工具，与 ESLint 基本上是一致的

parcel 是零配置的前端应用打包器

• 在一个空项目中初始化 package.json
• 安装 parcel-bundler 模块