计算机知识庞大冗杂，尤其前端领域，知识概念，框架原理不断推崇出新。在学习的过程中我们要不断进行总结梳理，形成某一个知识领域的知识图谱。这个知识图谱还可以帮助我们后期进行回顾复习。 下面是前端前辈进行的

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情 近期的生活是在是有点太美好了的，让我都觉得像是在做梦，哈哈哈哈哈，幸福的生活，莫过于此，你说是吧，莎老板

你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！

国人编写的css文档，可以再上面找到自己需要的css样式，动画，阴影，布局.... , 主要的是这是国人开发非常友好

安装方式1https://marketplace.visualstudio.com/items?itemName=tangxuelei.uihelper安装2vscode内搜索插件uihelperAu

Visual Studio Code 的插件对于在提升编程效率和加快工作速度非常重要。这里有 30 个最受欢迎的 VSCode 插件，它们将使你成为更高效的搬砖摸鱼大师。这些插件主要适用于前端开发人员

在vue组件中为 <style> 标签开启 scoped 属性，这样样式只作用于这个组件，而不会污染其他组件。 在项目中，我们经常要引入外部的 UI 组件（如 elementUI、mint-ui），但是在父组件中添加 scoped 属性后，父组件的样式将不会渗透到子组件中，所以…

现在有两个组件分别叫做father1，father2，分别引入了elementUi的button组件，但是在这两个父级组件中我们都需要对这个button的样式进行微调，如果我们改变公共的子组件的样式，那么这样会同步影响到两个父组件中，该子组件的展示。 本着代码及简原则，用最简单…

CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果，该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活，对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性各种阴影效果。 取值说明： – ins…