-
浮动元素脱离文档流导致父容器背景色无法撑开,根本解决方法是触发BFC:现代推荐display:flow-root(Chrome64+/Firefox58+/Safari15.4+),旧项目兼容IE可用.clearfix伪元素清除浮动。
-
链式调用要求每个方法返回this以维持调用链,需避免遗漏returnthis、构造函数返回新对象、异步中混用同步返回、this绑定丢失等问题。
-
IDE插件搜索支持JS正则核心语法,如元字符、分组、量词和转义,但命名捕获组、Unicode属性类等特性兼容性有限;实用场景包括定位未await的Promise、提取JSDoc参数、批量修改import路径等。
-
Proxy能拦截get、set、has、deleteProperty、apply、construct等13种内置操作;它不自动响应原始对象赋值,需通过Proxy实例访问才生效,且无法替代Object.defineProperty对属性描述符的细粒度控制。
-
minmax()不能限制溢出内容,因其仅定义轨道尺寸范围,不控制内容渲染;真正起作用的是网格项的overflow、max-width、white-space等样式属性。
-
Less当前最新稳定版为v4.2.0(2024年发布),非重写级升级;关键变化包括:less-loader需升至^11.0.0以兼容webpack5,@import必须显式带.less后缀,颜色/尺寸函数需显式单位,变量作用域更严格。
-
HTML5注释需用<!--注释内容-->语法,禁止嵌套、禁用条件注释、多行须每行独立标记,注释应清晰规范且不含敏感信息,编辑器可辅助高效添加。
-
尾调用优化在ES6中要求尾调用重用当前栈帧,避免栈溢出,适用于函数尾位置直接返回另一函数调用的场景,如尾递归阶乘函数。
-
横向虚拟滚动需用固定宽外层容器+flex内层列表,通过translateX偏移实现;计算可视范围时以容器边界为准,结合拖拽交互、懒加载和响应式重算。
-
能,但需用户手势触发且页面激活;参数为数字或偶数长度数组,总时长≤5000ms;iOS≥16.4支持,需HTTPS及触感反馈开启。
-
用grid创建单单元格叠图容器需将两张图片包裹在position:relative的wrapper中,各自设position:absolute;top:0;left:0;并通过z-index和opacity/mix-blend-mode控制叠层与融合效果。
-
本文介绍使用事件委托(EventDelegation)技术,为HTML多题型选择题测验实现可扩展、健壮的按钮响应逻辑,解决单题有效而多题失效的问题,并确保每道题独立反馈、状态互不干扰。
-
Intl.DateTimeFormat是最可靠的选择,它自动适配系统时区规则、支持IANA标准时区名、零成本且无需手动计算偏移,能正确处理夏令时、跨年及历史规则,优于硬编码、Date.prototype.getTimezoneOffset()或moment-timezone。
-
父级高度为auto时子元素height:100%无效,因浏览器无法计算百分比;需html和body均设height:100%并清空margin/padding,或改用vh、flex:1、top/bottom:0等替代方案。
-
微信网页分享必须通过JS-SDK签名调用,不可直接使用window.WeixinJSBridge;需后端用指定URL(不含hash)、nonceStr、timestamp、jsapi_ticket生成SHA1签名,前端config后在ready中调用updateAppMessageShareData等接口,且link须与签名URL同源同路径、图片需HTTPS及≥200×200px,本地localhost无效,仅限公众号后台配置的JS安全域名。