记录开发中的问题和取舍,也放一些常用工具。
开发记录
问题、取舍和踩过的坑
常用工具
平时会用到的工具页面
最近更新的文章会先显示在这里。
自定义 hook 很方便,但不是所有重复代码都值得立刻抽。本文结合表单、列表请求、弹窗控制和局部状态这些常见场景,聊聊我现在怎么判断一段 React 逻辑到底该不该抽成 hook。
absolute 很好用,但很多页面一旦开始靠它“摆位置”,后面通常会越来越难维护。本文结合角标、按钮、卡片覆盖层和响应式场景,聊聊我现在什么时候还会用 absolute,什么时候会优先换成更稳定的布局方式。
刚接触 Next.js 时,很多人最容易混乱的不是语法,而是“这段东西到底该写在服务端还是客户端”。本文不讲抽象概念,直接从博客页、工具页、筛选栏、点赞按钮这些常见场景出发,聊聊我现在的判断方式。
很多布局问题表面上是在调间距,实际上是在和 margin 的副作用打架。本文结合列表、卡片、导航和响应式场景,聊聊我为什么现在更习惯优先用 gap,以及什么时候 margin 还是更合适。
变量字体看起来很强大,但真正落到项目里时,很多人卡在“怎么预览、怎么验收、怎么写 CSS”这几个环节。本文会从实际使用场景出发,聊聊变量字体在开发中的基本工作流:先看清字体本身支持什么,再确认轴信息是否可用,最后把预览结果稳定地落到 CSS 和页面里。
Next.js 不是万能方案,但对于博客、工具页、专题页这类内容型网站,它在 SEO、渲染策略和开发效率之间给出了一个比较均衡的解法。本文结合实际建站经验,聊聊我为什么会优先选择它。
还在靠“脑补”来写 CSS Grid 布局?面对 grid-template-areas 的引号迷阵和 1fr 的动态缩放,新手往往难以直观理解其背后的空间分配逻辑。本文将带你走进一个手写的 React 交互式“网格实验室”,通过“建筑师”视角,将枯燥的代码拆解为户型设计、空间划分、间距调节三个可视化步骤。告别盲打,让你的 Grid 布局逻辑从此肉眼可见!
Grid 全功能调试看板:一个让 CSS Grid 布局“所见即所得”的工具。支持实时调节间距(Gap)、整体对齐(Content)及单元格对齐(Items)。通过图形化控制,帮助用户直观理解 Grid 布局逻辑,并一键获取对应的 CSS 样式代码,大幅提升布局开发效率。
本文从实际工程角度解析 Next.js 中 SSG、SSR、ISR 与 CSR 的核心差异,说明它们如何由数据获取时机与缓存策略决定,并总结一套简单可执行的渲染方式选择思路,帮助开发者在真实业务场景中做出正确决策。
之所以选择cnb.cool,是因为服务器在国内,相对来说docker build并推送到TCR容器镜像服务会更快。同时回滚也更方便了
下面还有内容
现在已经看到 10 篇。