日常抖音上经常刷到 AI 绘画的内容,觉得挺有趣的,寻思着能不能自己部署一个,网上 Google 了下找到了这个超火的 AI 绘画开源的程序stable-diffusion-webui,看了下基本的介绍,支持 Windows、Linux、Mac,由于本人使用的 Mac,记录下 Mac 的本地部署教程,整体教程参考 Wiki 中的Installation on Apple Silicon
如果一个组件中有部分重复的内容,大部分的做法可能就是单独抽一个组件出来引用或者直接使用 TSX 定义一个组件使用,直到看到了大佬的教学视频,才发现原来还可以这样做,简直太妙了。
日常任务开发过程中避免不了进行 UI 组件库部分组件的二次封装使用,记录下长期开发过程中积累的一些经验和网络学习的新技巧,组件二次封装需要解决的无非就是属性 props 如何透传出去,如何复用原有组件的插槽,以及如何调用原组件暴露的方法,这里以比较热门的 UI 框架 Element Plus 为例。
通常在项目的页面开发过程中会将一整个页面分割成多个组件形式,这样也方便后续的维护,但由于 Nuxt 会为 ~/pages/
目录中的每个页面自动创建路由,这会导致在pages
目录中的新建的components
目录中的组件代码也会被生成页面路由,并且是可以通过路由地址进行访问的,没有使用到的components
组件代码也会被进行打包,这显然不是我们想要的效果,顺带记录下解决方法。
起因是在NodeSeek社区看到了NodeSupport 永久免费服务器赞助计划的公告,参与门槛很低,对于有博客的的只需要 300 uv/月即可参与申请。
近期使用 VitePress 重构了下公司的 API 文档官网,UI使用的是 Ant Design Vue
,记录下所遇到的问题,毕竟好记性不如烂笔头。
由于个人比较喜欢使用 Naive UI,在使用 Nuxt 过程中也是引入了该组件,由于该组件库提供的 Nuxt 模块 nuxtjs-naive-ui 长时间没更新导致在最新的 Nuxt 中使用在页面刷新的时候组件样式会存在延迟滞后加载问题,导致体验非常糟糕,搜索一番后前人已经给出了解决方法,顺便再次记录下。
每次早上醒来习惯性打开掘金签到,首页忽然看到 Vant 和 Rspack 被注入恶意代码的推荐文章,打开一看好家伙,前端开源项目 Vant 的多个版本被注入恶意代码后,发布到了 npm 上,导致全网大面积被感染。
手贱升级项目的依赖,完事后运行启动项目的命令,发现一直报错
Search string not found: "/supportedTSExtensions = .*(?=;)/"
(Use `node --trace-uncaught ...` to show where the exception was thrown)
导致项目一直起不来。就按报错的关键词 Google 搜索了下,找到一个 2 天前 Nuxt 仓库的 Issue
常规 ESLint 配置通常比较复杂,好在之前一直关注过 antfu 大佬的 eslint-config,乘着有时间把自己的 VuePress2 博客也迁移到使用该 ESLint 配置,该配置使用比较简单,不用太多繁琐的操作,照着项目文档操作即可。