-
不能只靠[dir="rtl"]选择器，因为它仅匹配显式设置dir="rtl"的元素，无法捕获继承或浏览器自动推断RTL方向的元素；:dir(rtl)则基于实际文本流方向匹配，支持继承与自动推断，且在主流浏览器中已逐步支持。
-
CSS中max-height:0与max-height:auto无法过渡，因auto不可计算；应改用足够大的固定值（如500px）并配合overflow:hidden实现动画，避免height、display:none及transition:all。
-
路由平滑降级是前端针对低端设备优化跳转体验的实践策略：当检测到设备性能不足（如dpr<2、并发核数≤2、FPS<45或FCP>1800ms）时，自动降级为淡入、无动画等轻量过渡方式，保障响应速度与稳定性。
-
本文讲解如何使用Pressable组件的onPressIn和onPressOut事件，精准分离视觉反馈（如图标/文字变色）与业务逻辑（如路由跳转），解决“只能执行其中一项”的常见问题。本文讲解如何使用`Pressable`组件的`onPressIn`和`onPressOut`事件，精准分离视觉反馈（如图标/文字变色）与业务逻辑（如路由跳转），解决“只能执行其中一项”的常见问题。在ReactNative中，Pressable是
-
Astro支持直接使用.html文件作为页面路由，需置于src/pages/下，不编译、无hydration；支持内联script/style，但不解析import；插入HTML字符串须用set:html，不可用于用户输入；无样式隔离与脚本优化。
-
<p>data-*属性必须用短横线分隔，不能用驼峰；dataset是只读的DOMStringMap，修改需用setAttribute()；获取值恒为字符串，需手动类型转换；含下划线等非法字符或需保留空白时应使用getAttribute()。</p>
-
HTML和JavaScript均无法直接调用或访问TPM安全芯片，HTML无硬件访问能力，JavaScript受浏览器沙箱限制且无原生TPM接口，WebCryptoAPI不依赖TPM，远程认证需后端支持，主流浏览器未提供TPM桥接通道。
-
使用Bulma的间距类可统一表单元素间距，推荐为.field添加mb-4等一致类名，通过my、mx等辅助类控制外边距，结合box或flex布局增强结构，全局约定mb-3/mb-4及mt-5用于按钮，保持设计一致性。
-
本文讲解如何修复待办事项列表中因删除按钮（×）干扰导致的重复校验失效问题，通过精准提取任务文本内容实现可靠去重。
-
slice分页核心是用(page-1)*pageSize和Math.min(start+pageSize,arr.length)计算索引直接slice取数，需校验输入、防越界、保持不可变性。
-
HTML预加载需以资源优化为前提，否则会抢占带宽、浪费资源；必须配合体积压缩、HTTP/2+与缓存策略，且URL须完全一致。
-
position取值决定top/left是否生效，仅relative、absolute、fixed、sticky有效；static下被忽略。relative相对自身偏移，absolute/fixed相对最近非static祖先或视口，fixed始终相对视口。
-
函数节流的核心是“稳执行”而非“少执行”，需配合passive:true和requestAnimationFrame，避免强制重排与重绘，轻量逻辑外移至WebWorker或虚拟滚动。
-
Map支持任意类型键（对象、函数、Symbol等），而Object仅支持字符串和Symbol；Map用SameValueZero算法判断键相等，0与-0、NaN与NaN均视为相等，引用类型需同一实例才能匹配。
-
![使用 Array.prototype.toSorted 可以获取一个排序后的新数组，而不会修改原始数组的顺序。这个方法返回一个新数组，原数组保持不变。示例：const originalArray = [3, 1, 2];
const sortedArray = originalArray.toSorted();
console.log(originalArray); // [3, 1, 2]（未](/uploads/20260509/177834077469ff53a625dfb.png)
Array.prototype.toSorted是ES2024新增方法，返回排序后新数组而不修改原数组；它通过默认字符串排序或自定义compareFn实现安全、不可变的排序，兼容现代浏览器，旧环境可手动实现。
