满圆圆

从零搭建 Vite + React + Tailwind CSS 项目，省去一个个官网去查阅文档，旨在方便快速丝滑的创建项目。 项目中涉及到 pages 页面自动生成路由、...

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

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

在过去的几年里，前端开发变得越来越声明式。React改变了我们从命令式操作DOM到声明式表达给定状态下DOM应该是什么样的思维方式。它已经被行业广泛采用，现在我们意识到声明...

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

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

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

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

1. 如何学习调试 vue2 源码 2. data 中的数据为什么可以用 this 直接获取到 3. methods 中的方法为什么可以用 this 直接获取到 4. 学习...

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

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

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

theme: v-green 一、专题页面移动端、pc端互转 如为双端页面，需要自动判断跳转，PC访问移动端页面，跳转到对应的PC专题上，反之亦然。 PC端添加： 移动端添...

介绍 @tanstack/react-query我们熟悉的react-query升级版，现在支持vue等，可以当做服务器数据的全局状态，主要写一下在react项目中reac...

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无...

记录一下实现不定宽高 width: auto 1、auto 设置 width: auto; 和 height: auto;，会根据内容自动调整大小。 2、Flexbox布局...