鲁班大师

性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽

在这个话题中主要整理了有关于 CSS 方面的特性，并且尽可能的整理了一些大家现在能用或过不了多久就能用的属性。另外，虽然标题是“新特性”，但其中有蛮多特性并不是“新”，可能已经出现在你的项目中

以前觉得Scss简单，后来发现……，嗯，还是自己太菜了，少年，如果你也还对Scss还抱有幻想，那么不如跟着我的视角，一起去看看Scss的世界吧。

Sass(Syntactically Awesome StyleSheets)是一种CSS预处理器，即CSS扩展语言，拥有比CSS更多的功能和特性，来帮助我们更好的组织管理样式文件、更高效地开发项目。

前言 在项目开发过程中，我们有时候遇到需要更换站点主题色的需求。乃至于 APP 底部的 banner 中的 icon、文案和背景图都是运营线上可配置的。还有的功能比如更换系统字体大小等。 这些本质上都

SASS 是一款强化CSS的辅助工具，它在CSS语法的基础上增加了变量 、嵌套 、混合、导 等高级功能，这些拓展令CSS更加强大与优雅。

本文通过 OOCSS、BEM、ITCSS等CSS 架构思想进行剖析 Element Plus 中的 CSS 架构思想，并且学习了 SCSS 的高级用法。

Element Plus 的 CSS 架构思想主要还是 OOCSS，也就是还是面向对象的思想，即：封装、继承、多态，并且 CSS 变量的加入使用，使得多态这一特性的实现更加丝滑。

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