-
-webkit-line-clamp必须与display:-webkit-box、-webkit-box-orient:vertical、overflow:hidden配合使用才生效，缺一不可；单独设置会被浏览器忽略，且仅在WebKit内核浏览器中支持，Firefox和IE需降级处理。
-
navigator.locks.query()不能监控localStorage或IndexedDB的锁状态，因其仅管理跨线程/标签页的WebLocksAPI同步原语；localStorage无公开锁机制，其隐式页面级互斥锁不可查询；IndexedDB事务隔离由浏览器自动处理，开发者无法干预或观测底层锁。
-
*重置边距常失效，因浏览器默认样式权重高、优先级低且box-sizing不统一；应改用html/body显式清零+**,::before,::after组合重置并设border-box。
-
字体回退是浏览器按font-family顺序逐个匹配的硬性规则，需显式声明中文字体、正确设置font-display:swap、src中网络字体置前、local()置后，并确保font-weight/style与文件一致。
-
JavaScript对象应优先用字面量{}创建，动态键名用计算属性，点号仅限合法标识符属性名，方括号用于动态或非法名，访问不存在属性返回undefined，可选链可防御深层访问错误。
-
justify-content:space-between没生效的主因是容器宽度不足或子元素存在干扰性margin/padding；应确保父容器有明确宽度、清除子元素外边距、避免inline/float残留，优先用Flex的margin:auto或Grid的grid-template-columns实现可靠布局。
-
JavaScript通过原型链实现继承，每个对象的[[Prototype]]指向其原型，形成查找链。构造函数的prototype属性作为实例的原型，实例通过__proto__访问。属性查找先自身后原型链，修改仅影响当前对象。常见继承方式有原型链继承、构造函数借用、组合继承及寄生组合式继承，其中组合继承最常用，寄生组合式更优。ES6class语法简化操作，但底层仍基于原型链，理解其原理对掌握JavaScript对象模型至关重要。
-
最简实现左右分栏拖拽需用resize:horizontal+overflow:hidden+display:flex，左栏设min-width、flex-shrink:0，右栏flex:1；需ResizeObserver监听左栏尺寸变化，用contentRect.width获取准确宽度。
-
background-colortransition失效主因是颜色值不可插值、状态未对齐或触发时机错误；需显式声明初始色值、在初始CSS中提前写死transition、用getComputedStyle或setTimeout避免JS跳变。
-
通用选择器适用于全局样式重置，如统一盒模型、清除默认边距、设置全局字体和调试辅助，但因高匹配频率影响性能，阻碍浏览器优化，建议限制使用范围或明确列出元素以提升效率。
-
Less中rgba()直接透传不处理，fade()在100%透明时输出transparent，hsla()同样透传不转换，推荐变量中直接使用rgba()字面量以确保渲染一致性和可维护性。
-
在线HTML工具网页版入口包括：https://www.htmledit.squarefree.com、https://html5-editor.net、https://codebeautify.org/htmlviewer，这些平台支持实时预览与编辑，提供左侧写代码右侧即时渲染的双栏界面，兼容HTML、CSS和JavaScript，适合初学者和临时开发；无需注册即可使用，界面简洁无广告，功能清晰，适配多设备；同时具备代码格式化、语法高亮、错误提示等功能，可自动美化代码并修复常见错误，提升编码效率。
-
HTMLHint专用于纯HTML静态分析，能检测doctype位置、标签配对、alt属性缺失、ID唯一性等ESLint及其插件无法覆盖的HTML专属问题。
-
stopImmediatePropagation()用于阻止同一元素上后续同类型事件监听器执行并阻止事件冒泡。它在需中断同元素多个监听器时生效，调用后仅影响绑定顺序在其后的监听器，已执行的不受影响，且不干扰preventDefault()。
-
顶部公告条需用position:fixed悬浮，body加padding-top避免遮挡，移动端适配box-sizing和内边距，localStorage持久化关闭状态，支持随机/轮播文案，兼容IE11与无障碍访问。
