Published onJuly 8, 2025Plasmo 开发浏览器插件plasmo2025-07Plasmo 是一个一体化平台,聚焦于为浏览器扩展开发人员提供一套能够轻松创建、测试和发布的SDK。支持浏览器插件的各种页面,例如popup、option、sidpanel、content scripts、background、stroage、消息通信等,同时结合react/vue可以让插件开发者告别直接操作dom的命令式编程,转向声明式编程。Read more →
Published onJuly 3, 2025Use tailwindcss turncate to hidden overflow texttailwindcsslayout2025-07flex row布局中,当有多个子元素存在的时候,如果有子元素内文本过长,会导致文本溢出父元素边界,影响页面美观。可以使用tailwindcss中turncate属性实现隐藏溢出文本的效果。(亲测有效)Read more →
Published onJuly 2, 2025使用nextjs 实现暗黑模式2025-07nextjs一个简单的Demo,用于演示使用tailwindcss4.x+nextjs 15 优雅的实现主题的暗黑模式,依赖的库有next-theme、lucide-reactRead more →
Published onJune 30, 2025一些CSS3的关键字/语法CSS32025-06CSS3 引入了许多新的语法关键字和特性,用于增强样式表的灵活性和功能性。以下是对 CSS3 常用语法关键字的总结,包括用法、示例和说明,涵盖如 `&`、`@` 规则、`var`、`media`、`import`、`&:where` 等常见写法,力求全面且简洁。对于 CSS3 的所有关键字,我会列出主要类别和常见用法,并提供实际代码示例。由于 CSS3 语法庞大,我会重点总结常用部分,并确保内容清晰易懂。Read more →
Published onJune 24, 2025Tailwindcss-4.x 代码格式化-VSCode插件tailwindcssvscode-plugin2025-06多人协作的项目使用tailwindcss作为样式库的时候,为了保证tailwindcss格式统一美观,使用第三方插件Prettier。以下是VSCode中配置Prettier插件,格式化tailwindcss的方式。Read more →