Vue中组件之间多层传递属性是一个比较常见的业务场景。
比如：A –> B –> C
A组件包含B组件，B组件又包含C组件。
现在，状态维护在A组件中，通过props的方式层层传递到C组件，而C组件接收这个数据，并在内部修改这个数据后，再告之A组件。
正常前端代码开发完成，部署代码需连接xshell或者SFTP工具进入到项目目录，更换静态文件才能完成部署。为提高前端部署效率，不再手动通过工具连接远程替换代码，在本地使用脚本完成远程连接及代码部署。
Git 中的 HEAD 可以理解为一个指针，我们可以在命令行中输入 cat .git/HEAD 查看当前 HEAD 指向哪儿，一般它指向当前工作目录所在分支的最新提交。
有时候需要对用户上传的图片判断方向是否正确，此时需要知道原图片的拍摄信息，可借助Exif.js实现。
以下记录在开发Vue项目中遇到的相关问题及解决办法，不定期更新。
在webpack管理的项目中如果不优化的情况下，webpack打包出来的文件很是庞大，会导致项目在首屏加载的时间过长，体验很不好。以下优化手段不定期更新。
CSS3中的box-reflect特性可以实现对图片和文字的倒影效果。
emoji表情存储需要数据库存储字段的编码方式为utf8mb4，且该编码方式需数据库为 5.5.3 及以上版本。而且发现设置了utf8mb4编码后，还是会有部分emoji表情存储不了，所以改用前端转码后再存入数据库，读取的时候再解码：
IntersectionObserver用来监听一个目标元素是否出现在web页面的可视区域。
