了解下自定义数据属性 data-* ByAI
5月 27, 2024
测试主题切换功能时，遇到了 data-theme 这个属性，问了下 gpt， 发现 data-theme 不是 CSS 标准中的预定义属性，而是一个自定义的属性。更准确地说，它是 HTML5 中的 “data-” 数据属性的一种。 HTML5 中的 “data-” 属性 # HTML5 引入了 data- 属性，允许你为元素添加自定义的 ...
Yin 东亮
使 HTML 元素居中有哪些方案？ ByAI
5月 25, 2024
有多种方式可以实现HTML标签的居中，具体的方式会根据需要居中的元素类型（块级元素还是行内元素）以及具体应用的上下文来决定。下面将介绍几种常见的方法，涉及到的知识包括 CSS 盒模型、Flexbox 布局和 Grid 布 ...
尝试在周报里管理 ToDo Weekly
5月 20, 2024
本周业余时间改造了下 Projects 页面，从之前的 Card 模式切换到了 Timeline 模式。 Discourse：一个广泛使用的社区论坛框架，应用非常广泛，从 Bear Community 再次发现了它。 https://www.discourse.org/ 浏览 Bear 社区是因为发现最近 Bear for macOS 的渲染好像有点问题，内容经常 ...
CSS Modules 是什么 ByAI
5月 20, 2024
CSS Modules 是一种 CSS 文件的模块化和组件化的解决方案。它允许你将 CSS 样式局部化到组件中，从而避免全局命名冲突问题。每个 CSS 类名和动画名称默认都被视为局部作用域的，只有在特定模块中才会生效。这种方式非常适合在现代前端 ...
了解 glob 模式匹配 ByAI
5月 18, 2024
在 Visual Studio Code（VSCode）以及许多其他工具和库中，文件路径匹配通常使用 glob 模式。 Glob 模式中的通配符 # *：匹配任意数量的字符（不包括路径分隔符 /）。 **：匹配任意数量的目录层级，包括子目录。 ?：匹配单个 ...
使用 EditorConfig 和 Prettier 来规范代码风格 ByAI
5月 16, 2024
写前端代码实践下来一段时间，如果是我自己的前端项目，缩进类型一定是空格，长度必须是 2，因为 4 还是太长了，对 HTML 类的模板以及 js 代码不友好。但是如何约束队友呢，不论是有意还是无意的差异，为了让大家保持风格统 ...
理解 useMemo、useCallback 和 memo ByAI
5月 15, 2024
虽然 React 的官方文档已经写的很清楚了，但我还是想总结下。形而上地讲前两个是 Hook，而 memo 是 API。形而下地说，useMemo、useCallback 和 React.memo 是 React 中用于优化性能的工具，它们帮助你避免不必要的重新 ...
CSS 中的 inherit 选项 ByAI
5月 14, 2024
在 CSS 中，inherit 关键字用于明确指定一个属性应从其父元素继承其值。几乎所有的 CSS 属性都可以使用 inherit 值，但并非所有属性默认继承自其父元素。使用 inherit 可以确保某个特定元素的属性值与其父元素相同，即使这个属性默 ...
Next.js 好用！ Weekly
5月 13, 2024
本周 GPT 4o 发布，最大的感觉就是更快了，这个时候再看文字一个个蹦出来已经有些眼花缭乱了。。。 关于 Next.js # 是否可以说，Next.js 已经是目前全栈开发领域的最佳解决方案（之一），尤其是 AI 板块，随便列几个项目。 https://github.com/all-in-aigc/gpts-works ...
使用 Gin 代理静态文件 Weekly
4月 15, 2024
使用 Gin 自带的路由功能就可以直接代理静态文件，之前写过 Gin + Vue 的前后端组合，将代码放在同一个项目中，根目录直接转发到前端文件，时过境迁竟然忘了，可直接参考文档。 func main() { router := gin.Default() router.Static("/assets", "./assets") router.StaticFS("/more_static", http.Dir("my_file_system")) router.StaticFile("/favicon.ico", "./resources/favicon.ico") // Listen and serve on 0.0.0.0:8080 router.Run(":8080") } 发现 ...