前言 高强度使用 Cursor 几个月了，真的是越用越喜欢了，这篇文章记录一下我日常开发过程中的提效方法，希望对大家有帮助。

🍀一、渐变神器Gradient 🍀二、两款阴影工具在线网站 🍀三、网站UI配色宝藏网站UI Design Daily 🍀四、 Small Dev tools实用工具合集 🍀五、 Glass Morph

作为程序员，最关心的是ChatGPT如何帮助我们写代码。 亲自体验chatGPT配合vscode后，觉得对日常工作有一些帮助，所以记录一下

前段时间，新项目要做一个看板模块。首先想到了element提供的穿梭框，仔细看完后，发现穿梭框并不能实现想要的功能。公司项目之前开发过类似的拖动功能，在嵌套数组中的元素，互相拖动。

大家好，今早在B站看到up主的vscode里藏了leetcode插件，这才知道原来还有这款神器。但是没想到在用的时候遇到了一些麻烦，花了一点时间才解决。所以写这篇文章除了给大家安利这个好用的插件之外，也是为了帮助更多的同学避免踩坑。 vscode在工业界鼎鼎大名，被誉为微软少有…

由于本人最近在公司负责的项目较多，部署起来比较麻烦，部署环境还非常多（有本地开发、测试、生产）多个环境的部署，非常的占用时间。也使用过 Jenkins、GOCD 等持续集成部署工具。但是一方面由于配置比较麻烦，很多前端的同事并不会配置这些持续集成工具并且公司项目比较多，前端、后…

之前刚上掘金lv4的时候，有小伙伴就调侃树酱说，“树酱君，你要“女装”呀”（啊呆你看你带的好节奏），树酱我这一个180的大壮汉女装是见不得人的，还是不要玷污社区这一片净土。于是我换一种文明点的形式，树酱君一直很喜欢音乐，平时唱歌🎤也是我生活中不可缺少的一种乐趣，一首周杰伦的《…

如果小伙伴有做过首屏加载时间优化，应该会遇到chunk-vendors.js这个文件，巨大无比，加载时间超长，是首屏加载时间过长的罪魁祸首之一。 下面通过一个实际的项目来演示，先通过插件webpack-bundle-analyzer来可视化地查看chunk-vendors.js…

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…