-
用父容器scaleX(-1)翻转,子元素再scaleX(-1)抵消即可保持文字正常;该方法不影响布局、事件和顺序,比rotateY(180deg)更轻量兼容。
-
完全可行,但只能模拟静态日历图标外观,无法实现日期渲染、交互或动态更新,因伪元素无DOM节点、不支持计数器递增、事件绑定及Grid布局。
-
过期闭包是闭包机制与React渲染模型共同作用的自然结果,典型表现为:定时器总打印初始值、异步更新丢失历史、事件处理中状态滞后;解决方式包括函数式更新、useRef同步、正确添加useEffect依赖。
-
JavaScript执行前先词法分析生成tokens,再语法分析构建AST,V8引擎通过Ignition解释执行字节码,TurboFan对热点代码JIT编译为机器码,预解析实现var和function声明提升,了解该流程有助于优化代码性能与理解执行机制。
-
onselect属性在textarea(及input)上不生效,因HTML规范中select事件仅对document等少数元素支持,现代浏览器下textarea不触发该事件;应改用document的selectionchange事件配合activeElement判断,或直接读取textarea.selectionStart/selectionEnd。
-
CSS-in-JS不能在纯HTML中直接使用,因其依赖JavaScript运行时、模块系统及专用库(如styled-components)动态生成并注入样式,而原生HTML无此执行环境。
-
核心是“按需缓存、动态释放”:include白名单仅缓存需保留状态的命名组件(如UserList),exclude黑名单优先排除登录页等禁缓存页面,配合max限容与运行时delView清理,实现智能、可控的路由缓存。
-
流式排版系统核心是线性内插而非clamp(),因后者仅支持两值线性映射且无法参与Sass编译期运算;interpolate()函数需处理单位一致、边界截断及无单位转换以适配Sassy-Gridlover等工具。
-
不能用<table>套整个页面,因其专为结构化数据设计,用于布局会导致语义错乱、可访问性差、响应式失效、维护困难;报表页应仅在行列关系明确处使用,并配齐<thead>/<tbody>、<th>与scope属性,整体布局推荐Flexbox或Grid。
-
垂直菜单最稳妥的结构是用<nav>包裹<ul>,每个菜单项用<li>,链接用<a>;必须避免<div>堆砌或<a>直塞<nav>,统一用aria-current="page"标识当前页,并通过display:block和text-decoration:none确保语义正确、点击热区完整、样式可控。
-
原生checkbox是语义化、可访问且表单集成的布尔控件,其状态切换依赖:checked伪类与change事件;用button模拟会丢失语义、无障碍支持和自动表单提交能力。
-
animation-play-state:paused仅对运行中的动画生效,需确保动画已启动;纯CSS依赖:hover或class切换,JS推荐监听animationstart后设置或用getAnimations().currentTime精准控制进度。
-
NotificationAPI仅负责前端主动显示弹窗,不支持后台接收消息;WebPush需ServiceWorker持久监听并调用showNotification(),且依赖VAPID、PushManager订阅及后端合规推送协议。
-
闭包不能防篡改,仅隔离访问路径;必须深拷贝+类型白名单校验,否则get/set成后门;Object.freeze仅浅冻结,无效于嵌套修改;IIFE封装+显式reset可避免状态残留。
-
HTML5touch事件提供touchstart、touchmove、touchend和touchcancel四类原生接口,分别用于捕获触摸起始、移动、结束及中断状态,配合touches/changedTouches坐标读取、preventDefault控制与多点触控适配,可实现拖拽、滑动等交互;需手动封装支持事件委托。