前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

预备知识介绍 MVC架构 MVVM架构 Vue和React的区别是什么？ 一、核心思想不同 RQ1：声明式是什么意思？ RQ2：组件化是什么意思？ RQ3：如何理解React的单向数据流？ 二、组件写

前端优化 网络层面 请求过程优化 减少 HTTP 请求 使用 HTTP2 使用服务端渲染 客户端渲染: 获取 HTML 文件，根据需要下载 JavaScript 文件，运行文件，生成 DOM，再渲染。

Vue性能优化全方案 （1）编码阶段优化 1. 精简响应式数据 描述: 减少data中的非必要数据，每个属性都会生成getter/setter 影响: 减少Observer观察者实例，降低内存消耗 实

请谈谈你对HTML5和CSS3新特性的理解。你在实际项目中如何运用这些新特性？ html5出现了很多语义化的标签和API,比如nav, header,section,main，canvas等，通过语义

本文主要思考下技术面应该如何去面试，既能体现面试官的素质和专业性，又能考察候选人的技术能力和工作经验和项目经验是否匹配。同时候选人也可以通过阅读本文来查漏补缺，揣摩面试官的意图。

BFC到底是什么东西 BFC（Block Formatting Context，块级格式化上下文）是Web页面中一个独立的渲染区域，它规定了内部块级元素的布局方式，并且这个区域的布局不会影响到外部元素

⚡️ 方法一：将对象转换为可迭代的结构 通过 Object.keys()、Object.values() 或 Object.entries() 将对象转为数组，再用 for...of 遍历： 1. 遍

因为项目中使用到了 WebSocket ，面试官在深挖项目经验的时候提到了这方面的技术，所以就此整理下相关知识，以备后续面试使用。