_一杯冰美式_

效果展示 在开始之前，我们下来看看效果图 暗黑模式： 主题切换： 系统设置弹窗 由于我们的弹窗组件和设置按钮是夸层级组件，所以我们的emit事件就不能按照vue的传统方式来写了。这里我们借助mitt来

最近有一个需求，要我实现一个动画效果，效果如下 简单分析了一下效果，是一个3d的效果，首先是一个圆，接着是两段圆环，第三层是一堆小圆环，最里面是一些线上运动，有着渐变色的矩形。 第一层的圆环很简单。

在Nuxt官网发现了一组很有意思的CSS效果，随着鼠标的移动，边框也是不断跟随的，试着还原了一下这个效。主要使用JS和CCS实现。用JS获取距离，CSS用background的渐变属性设置渐变的坐标。

上面这个错误，相信前端开发工程师应该经常遇到吧，要么是自己考虑不全造成的，要么是后端开发人员丢失数据或者传输错误数据类型造成的。因此对数据访问时的非空判断就变成了一件很繁琐且重要的事情

在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。

最近翻看张鑫旭大佬的博客，发现了一篇不错的文章，于是就把大佬的代码拷贝下来学习了下，作为多年前端的我居然看的不是很懂，自信息大大受打击了，于是把其中关键部分写出来，方便日后学习。

导文 CSS 1. 请解释CSS的盒模型是什么，并描述其组成部分。 答案：CSS的盒模型是用于布局和定位元素的概念。它由内容区域、内边距、边框和外边距组成，这些部分依次包裹在元素周围。 2. 解释CS

程序员无疑是一个高压的职业，尤其是在头部公司工作的程序员们，工作压力更是大。并且在互联网行业，禅修并不是一件新鲜事。我们不一定要正儿八经地参加禅修活动，去寺庙走一走，对身心健康的帮助也会很大。

前言：自己本身对css 涉足不深，所以对css的某些属性有时也说不清楚原理，可能有些属性都不知道，本文意在总结工作中遇到的问题，方便他人借鉴