如何在 NextJS 中创建带有模糊加载效果的图片Published onOct 12, 2024•5 mins read•#nextjsNextJS 提供了一个内置的图片组件,它具有许多有用的功能,我们可以利用这些功能并添加一些自定义样式来创建一个带有模糊加载效果的漂亮图片。
关于 Tailwind CSS 任意值的使用Published onOct 04, 2024•3 mins read•#tailwind-css如何在 Tailwind CSS 中使用任意值来创建组件的自定义样式。一些让你的 Tailwind CSS 工作流程更高效的实用技巧。
JavaScript Promise.all() 是并行还是顺序执行的?Published onSep 04, 2023•4 mins read•#javascript#promiseJavaScript 是单线程编程语言,所以它不能同时运行多个任务。Promise.all() 实际上是并发执行 promise,而不是并行执行!让我们深入了解它是如何工作的。
Copilot prompt 鉴赏Published onMay 26, 2023•6 mins read•#AI#prompt鉴赏Copilot 提示词的写法,这个方法可以应用到任何行业和领域的prompt编写
消除阻塞渲染的 CSS 并使用 Performance API 测量页面渲染时间Published onMar 11, 2023•8 mins read•#性能优化#css了解如何通过避免阻塞渲染的 CSS 来提高网站性能和用户体验。使用 Chrome Performance API 测量和优化页面渲染时间。
Conventional Commit 规范化提交入门Published onJan 01, 2023•6 mins read•#gitConventional commit(规范化提交)是一种特定的提交形式,为软件开发者提供了一个统一的系统来组织和描述他们的变更,使追踪更新变得更加容易
使用 srcset 和 sizes 属性实现更好的响应式图片Published onOct 25, 2022•1 mins read•#响应式#html关于如何使用 srcset 和 sizes 属性来创建响应式图片的指南
使用 Github 和 jsDelivr 轻松在网页中嵌入脚本Published onSep 05, 2021•4 mins read•#javascript#github学习如何在网页中嵌入脚本和样式,无需修改网站的现有代码。使用 Github 托管你的脚本和样式文件,并使用 jsDelivr 作为 CDN 将它们传递到你的网页。
防止窗口滚动条切换时的布局偏移Published onAug 16, 2021•5 mins read•#css当窗口滚动条切换时,布局会发生偏移。这是因为滚动条被添加到窗口中。如何用CSS防止这种情况?