-
:first-child在表格中常不生效，因tr父元素是tbody，而tbody内首个tr未必是其第一个子元素；应显式写tbody、用:nth-child(1)或theadtr等更可靠选择器。
-
HTML5minlength属性在IE和旧版Safari中不支持，需结合pattern=".{8,}"和JS校验实现兼容；前后端长度与复杂度规则须一致，且name字段需匹配，移动端应增加blur和submit双重检查。
-
本文详解Next.js项目中Jest测试因SVG等静态资源未被正确mock而报SyntaxError:Unexpectedtoken'<'的根本原因，并提供可立即生效的配置修复方案。
-
事件循环每轮只取一个宏任务，执行完后必须清空全部微任务队列才进入下一轮；同步代码属首个宏任务，故console.log('end')总在Promise.then之前输出。
-
应统一表单控件尺寸与交互样式：使用box-sizing:border-box，重置padding/border/margin；select和textarea需单独处理min-height与line-height；用clamp()或rem实现响应式高度；禁用outline改用box-shadow确保焦点态一致；真机测试覆盖各平台渲染差异。
-
本文介绍如何在JavaScript中实现「从第一个非零小数位开始，精确保留后续4位数字」的字符串截断式格式化（非四舍五入），适用于超低精度价格、代币汇率等场景。
-
Proxy是拦截对象操作的构造函数，Reflect提供与之对应的标准化方法；二者协作可规范拦截逻辑、复用默认行为并支持receiver等细节。
-
固定定位使元素相对于视口固定，不随滚动移动。设置position:fixed并配合top、right、bottom、left定位，常用于导航栏、返回顶部按钮、悬浮图标等需常驻显示的组件。需注意元素脱离文档流可能覆盖内容，应合理使用z-index；移动端部分浏览器存在兼容性问题；父元素若含transform等属性会改变定位参考系；避免在fixed元素中使用未明确祖先高度的百分比高度。掌握“相对于视口”这一核心即可有效应用。
-
全局字体管理需定义语义化变量（如@font-family-sans、@font-size-sm），图标路径与class前缀须统一维护，用mixin封装字体加载逻辑并引用变量，构建时确保url路径相对于输出CSS文件正确。
-
链表是一种通过节点存储数据的非连续内存结构，每个节点包含数据域和指针域，通过指针连接实现高效插入删除。单向链表由头节点开始，next指向下一节点，末节点指向null；基本操作包括头部/尾部插入、删除指定值节点、查找与遍历。双向链表增加prev指针，支持前后双向遍历，提升操作灵活性。相比数组，链表适合频繁修改场景，但访问需从头遍历，时间复杂度O(n)。常用于实现栈队列、浏览器历史、播放列表等动态集合。
-
Vue.js图片懒加载指令基于IntersectionObserverAPI实现，支持Vue2/3，含兼容降级、错误处理与轻量性能监测，兼顾复用性、性能与体验。
-
transform:skew()可使元素沿X、Y轴倾斜，常用于按钮悬停、斜角标签等动态设计；语法为skew(ax)或skew(ax,ay)，需注意布局错位与内容反向校正，结合transition可实现流畅动画效果。
-
前端权限控制系统的核心目标是根据用户身份动态控制页面访问、菜单展示和操作按钮的可见性与可用性。通过“用户→角色→权限”三级模型，将权限抽象为字符串标识符（如user:create），登录后获取权限列表并存入全局状态。在路由层面通过meta字段和路由守卫实现访问控制；在组件层面通过指令或封装组件实现按钮级显示/禁用。权限数据建议每次登录重新拉取，避免缓存过期问题。前端控制提升体验，但关键校验仍需后端完成，确保安全一致。
-
Firefox不支持::-webkit-scrollbar，需改用scrollbar-color和scrollbar-width属性；前者设滑块与轨道颜色，后者仅支持auto、thin、none三值；须作用于:root或可滚动容器，且需配合@supports检测兼容写法。
-
本文详解如何在Fastify中全局、无副作用地禁用请求/响应的JSONSchema验证逻辑，同时保留schema定义以支持Swagger文档生成，避免破坏fastify-swagger或fastify-openapi-glue等插件功能。
