工程笔记
写给真正
交付技术栈的人
关于 React、Node.js、TypeScript 与 AI 的原创文章,来自与我们操作层软件同一套工程实践。正文为英文。
标签:accessibility
2026年企业应用该如何选择JavaScript库
选择 JavaScript 平台的实用检查清单——包括需求、组件、数据架构、无障碍性、工具、测试以及原型设计——并以 Ext JS 作为企业级应用案例。
1069 词阅读HTML是一种标记语言,而非编程语言——请像使用编程语言那样来使用它。
将HTML视为用于导航、搜索引擎优化、无障碍访问以及页面渲染性能的结构,并用浏览器和爬虫能够理解的语义化元素取代传统的div标签堆砌。
730 词阅读不会打断阅读体验的直播聊天滚动功能
设计一个消息滚动组件,使其始终显示在接近底部的位置,当读者向上滚动时暂停滚动,并提供明确的返回路径。
845 词阅读可被爬虫访问的React手风琴:使用CSS网格实现折叠,而非卸载组件。
构建嵌套的React手风琴组件,将内容保留在DOM中以便索引,通过网格行实现高度动画效果,每层仅允许同时展开一个,并在关闭时重置状态。
1798 词阅读Next.js中带输入控件与回调功能的经过验证的出生日期表单
构建一个小的 Next.js 客户端表单,使用 useState 跟踪输入内容,拒绝无效的出生日期,显示易于理解的错误信息,并将处理干净的数据传递给父组件。
2384 词阅读无需任何动画库的动态竖大拇指反馈按钮
仅使用HTML、CSS以及几行JavaScript,创建一个带有关键帧弹跳动画、激活状态以及数据获取功能的点赞和点踩反馈组件。
1559 词阅读React 19.3中的片段引用:兄弟元素组的DOM行为,无需包装器
了解 Fragment 中的引用器如何为监听器、焦点管理、观察者以及跨兄弟元素的测量提供 FragmentInstance,以及它的局限性所在。
2858 词阅读深色模式九种实现技术对比:从滤镜技巧到服务器Cookie
对九种为网页应用添加深色模式的方法进行比较,这些方法包括反相滤镜、令牌机制、light-dark()函数以及服务器Cookie,并了解每种方法会悄无声息地引入哪些漏洞。
5596 词阅读从无意义的div标签到有意义的语义化标记:实用的语义HTML指南
了解为什么通用的div元素会破坏可访问性、爬虫兼容性和可维护性,应使用哪些语义化元素作为替代,以及如何重构实际的卡片组件。
3565 词阅读
常见问题
关于这些文章
是。每篇都是为本站准备的英文原创改写。结构与代码跟随来源;正文重写并做过重合检查。
技术文先发英文,以保证代码与 API 名称准确。站点外壳提供全部九种语言。
草稿经编辑后进入发布队列。站点导入只收录新的或有变更的 slug,不会重复添加。
示例仅供说明。上线前请核对技术栈与许可。若需交付,请发来简报。