前端开发总结

最近在做一个上传功能时，测试提出了一个故障，故障内容：上传选择文件之后，本地文件移动了，或者删除了，这个时候点击上传会报错，但是这个错误是浏览器抛出的，测试希望提示自定义的信息

这段代码定义了一个Vue指令，名为trim。这个指令的作用是在用户输入文本后，自动去除前后的空白字符。它通过监听元素的失焦事件来实现这一功能。

编写自定义Webpack插件注入cdn引用，可以根据配置参数，完成不同环境的cdn引用注入，展示插件的封装代码以及打包之后的index.html效果

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

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

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

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

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

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

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

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

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