泥腿子前端

在vue2.7的项目中，通过封装v-trim自定义指令，用以失焦时清除输入框或者文本框的前后空格，从而满足新的测试要求

在前端项目中，编写css的时候或多或少会接触到伪元素的使用，比如说使用伪元素::before编写必填校验前红色的*。本文将对伪元素的基本使用做下分享

最近接触到一个需求，做一个值班排班表，拿到低保真之后一直在考虑是如何实现这个排班表，考虑过自己写，也考虑过第三方插件，经过一些评估之后最终选择了项目本身使用的elementui中的日历

之所以要进行缓存配置，是为了解决两个问题：1、项目发版后，由于客户端缓存，有时会导致用户需要清除缓存才能获取到最新的发版内容；2、减少获取新版本文件之后的客户端向服务端请求资源，从而加快前端的渲染。

之前写过一篇文字溢出添加气泡效果的文章：《vue+element-Popover封装判别文字溢出添加气泡效果的自定义指令》，随着实践的捶打，发现之前的实现方式对性能影响较大，特别是页面大量使用气泡指令

这两天突然想到之前遇到的一个问题，在组件中和混入文件的watch里侦听同一个变量，这时会发现变量改变时两个侦听函数都执行了，并且混入文件中的对应侦听函数先执行，这跟我的理解不太一样

当项目中大量使用定制的svg时，从优化的角度来说打包时压缩svg文件并不能达到多大的效果，因为请求数并没有减少。同时，最近发现项目中svg文件请求时间较长，加上同时请求多个svg文件，导致页面渲染较慢

Lighthouse之减少javaScript执行时间简单说明，此说明标注了Lighthouse关于减少js执行时间的一些参数的说明

此文章仅用于记录面试中遇到的问题，会贴出我自己的解题方案，也许不是最优的，但是我尽力写好。并且此文章会长期更新和维护。