-
表格单元格内浮动元素不响应text-align,因float使元素脱离文档流,而text-align仅作用于块级容器内的行内内容;正确做法是用text-align和vertical-align控制对齐。
-
JavaScript实现真正私有类字段的官方推荐方式是使用#前缀语法,如#balance在类外部无法访问,确保了语言层面的强封装性,而WeakMap等旧方案因需外部存储且不够直观而受限。
-
JavaScript迭代器是统一遍历接口,通过next()返回{value,done}对象;手动实现需提供符合规范的Symbol.iterator方法;生成器函数用yield简化迭代器创建。
-
trycatch仅捕获同步错误,异步错误需用async/await配合await或Promise.catch;finally适合无条件清理,避免修改返回值或抛新错;错误对象应善用message、stack、name及自定义继承。
-
flex子项需加min-width:0才能触发text-overflow:ellipsis,因其默认min-width:auto会阻止压缩;同时须满足width/max-width、white-space:nowrap、overflow:hidden三条件。
-
brightness()函数可调节元素亮度,值小于100%变暗,大于100%变亮,常用于图片、图标等视觉调整,支持与其他filter组合使用,如contrast、invert等,适用于悬停效果、夜间模式等场景,注意避免影响色彩还原和可访问性。
-
用transform:translate()替代left/top可避免重排、启用GPU合成,实现平滑动画;需确保定位属性存在,统一用transform初始化,动态位移优先JS修改style.transform;可加translateZ(0)或will-change优化兼容性,但需及时清理。
-
用position:absolute贴飘带需父容器设position:relative;左上角用top:0;left:0;transform-origin:topleft;skewX(-20deg);右上角用top:0;right:0;transform-origin:topright;skewX(20deg);z-index设1–2,pointer-events:none,并加translateZ(0)防闪烁。
-
DllPlugin通过预编译第三方依赖为DLL并配合DllReferencePlugin引用,跳过重复构建流程以提升速度;需分步配置DLL构建与主构建引用,注意版本更新同步、Git忽略DLL文件及HMR限制。
-
align-self在多列文字中不起作用,通常因父容器未设为flex容器或子元素非直接子节点;需确保display:flex、检查computedstyles、区分align-items与align-self作用范围,并注意IE11兼容性问题。
-
JavaScript的search()方法仅返回首个匹配项索引,不支持全局搜索、不返回匹配内容或捕获组、忽略g标志但尊重i/m标志、且无法指定起始位置。
-
Less中.clearfix等Mixin不生效,因Less仅做语法转换而不解析CSS语义,厂商前缀需显式调用Mixin或集成Autoprefixer;手写flex()需分IE10旧语法(-ms-flexbox)与现代标准,且属性须配对;Autoprefixer须在Less编译后通过构建工具接入。
-
Autoprefixer结合Gulp可自动为CSS添加浏览器前缀,提升兼容性与开发效率。通过npm安装gulp、postcss、autoprefixer后,在gulpfile.js中配置css任务调用autoprefixer插件,并使用overrideBrowserslist或.browserslistrc文件指定目标浏览器范围,如>1%、last2versions;watch任务监听src/css/目录下的CSS文件变化,自动重新编译并输出到dist/css目录。推荐使用.browserslist
-
CSS自定义属性通过--定义变量,配合var()函数实现值复用,提升样式维护性。示例::root{--primary-color:#007bff;},.button{background-color:var(--primary-color);},支持默认值、作用域与JavaScript动态修改,适用于主题切换与响应式设计,现代浏览器广泛支持。
-
Edge18及更早版本不支持IntersectionObserver,需运行时检测并降级;ChromiumEdge79–83对ResizeObserver支持不全;Edge18的fetch不支持credentials和AbortController;CSSGrid/subgrid存在显著版本断层;应坚持运行时检测+最小降级。