满圆圆

背景：没有好好记录过项目搭建的流程，现在准备记录一下。 这里是基于eslintv9 主要从几方面开始记录，这个项目将作为以后得一个react+tsx的项目模版。 一、react项目搭建总结 1、创建v

一、异步数据加载 背景：经常做页面的时候，数据没有返回回来，页面元素空白的情况，最经典的就是用户头像，用户头像返回的一个https连接，从发起请求到页面接受病渲染，这段时间是空白的，那么怎么处理呢？

背景：为了优化首屏的加载速度，把整个项目都加上了cdn缓存，运维设置好之后，我立马去登录了账号，导致测试人员，每个人打开都是我的账号，经排查，接口也被做了缓存。 背景二：由于我们公司在网站常年在海外跑

背景：本地开发项目的时候，安装了prettier-plugin-tailwindcss插件，我想在保存代码的时候自动给taiwindcss进行类名排序，奈何怎么操作都不生效，照着文档把该配置的都配置了

背景：公司ui设计了一张切图16*16的背景图，用来公告消息的展示，但是装1位数字是没问题的，装2-3位数字的话，就装不下。于是我让ui同学，把切图切成了三个部分，左-中-右，让两边的固定，中间的去自

背景：在对项目做重构的时候，把文件夹的大写都改成了小写 比如 Main--- main，在重构结束之后，我是在本地feat/1.0的支付把文件夹删除Main之后，新建的main，然后合并到tesing

问题背景：在开发项目的时候，这个项目是小王同学负责的，所以我不太熟悉这个项目，在提交代码的时候，代码都是秒提交。我还以为是没有设置eslint,因为时间紧、任务重，我也没有去过多关注这个问题，提交代码

背景：昨天看了一篇前端课程，了解到压缩其实还有多种方式，除了gzip,还有br压缩，当然还有deflate, zstd，但是最后两个压缩我没有细看，目前看来br压缩压缩性能更好，压缩完的文件比gzip

日常问题记录： 描述: 本项目比较年老，是vue2项目，今天进去改一个简单的需求，发现一个兼容性的bug 需求原来是：假如滚动条到达底部，则展示一个图片，在小设备上是没有问题的，但是在机型较大的手机上