全部文章
共 1299 篇文章
android studio格式化flutter
b91ee8dd1231bace67fd87addeb610ec.png
flutter doctor --android-licenses报错
配置 时，在Flutter console终端界面，因为SDK版本问题，一直报错，据网友说要安装JDK 8, 之后又是安装JDK 8, 又是修改环境变量，折腾好半天。因为在网上没看到相应的报错，记录一下 flutter doctor android licenses一直有错误，错误如下： <img width="962" height="442" src="../../ resources/d107c4eca7c94a4cbfa22e2...
什么！一个项目给了8个字体包
在一个新项目中，设计统一了项目中所有的字体，并提供了字体包。在项目中需要按需引入这些字体包。 首先，字体包的使用分为了以下几种情况： 1. 无特殊要求的语言使用字体A，阿拉伯语言使用字体B； 2. 加粗、中等、常规、偏细四种样式，AB两种字体分别对应使用 、 、 、 四种字体包； 所以，我现在桌面上摆着 8 个字体包： 不同语言要使用不同的字体包，不同粗细也要使用不同的字体包！ 还有一个前提是，设计给的设计图都是以字体A为准，所以在 F...
swc、esbuild和vite前端构建工具浅析
背景 过去几年里，前端又推出了一堆新的构建工具🔧，例如像以轻量快速著称的 （目前已经不维护了，并推荐使用Vite）、编译速度超越 几十倍的 、打包和压缩资源速度惊人的 ，以及如今呼声最高，被誉为前端下一代构建工具的 。这么多的工具的推出，让以前一家独大的 突然失去的声音，甚至前端构建领域掀起了一场 的浪潮🌊。今天就让我们简单了解下这些构建工具的代表 、 和 。 SWC 简介 受限于JS的语言本身效率的问题，近几年前端领域出现了不少工...
How to Setup React Query in Next.js 13 App Directory
Are you interested in using React Query in your app directory? If so, you’ve come to the right place! In this article, I’ll guide you through the process of setting up React Query and making the QueryClient accessible to...
antd Select下拉滚动加载
(遇到的需求：使用antd Select选择器时，后端数据量非常大 类似这种： <img width="227" height="330" src="../../ resources/fae1c8cd50424ca2a76fd5e30fbd8722 6d84351261fe4b71a.webp" class="jop noMdConv" 准备的解决方法：后端数据分页，前端下拉滚动加载 用到的api： <img width="756" h...
使用Next.js构建并部署个人博客
解析markdown内容 需要安装以下插件： ：代码高亮插件 ：处理日期 ：获取 元数据 ：用于解析和渲染 内容 ：对 内的链接添加 和 ，使其能够在新页面打开
单标签下的日间与黑夜模式切换按钮效果
前不久，在网上看到这么一张非常有趣的图： 想必很多同学都看到这张图，是一个开发小哥被一个日间/黑夜模式切换按钮效果逼疯的视频。 其最终效果大致如下： 原完整代码在这里：[Night && Day Toggle ☀️/🌙 \[Completed It!\]](https://link.juejin.cn?target=https%3A%2F%2Fcodepen.io%2Fjh3y%2Fpen%2FLYgjpYZ "https://cod...
webstorm tailwindcss 不智能提示
WebStorm 集成 Tailwind CSS 后，可能会出现提示不智能的问题。这通常是由于 WebStorm 默认没有对 Tailwind CSS 的样式进行语法解析，导致无法提供智能提示。 要解决这个问题，你可以手动配置 WebStorm，以便让其支持 Tailwind CSS 的智能提示功能。具体的步骤如下： 1. 在 WebStorm 中打开项目，找到 \ （或者使用快捷键 ）进入设置页面。 2. 在左侧菜单栏中找到 \ ，并...