-
HTML无法直接发送短信，只能通过sms:协议链接唤起系统默认短信App并预填内容；需注意国际号码格式、中文URL编码、多收件人兼容性差及移动端限制。
-
正确做法是将REM基准值定义为无单位SCSS变量（如$font-scale:16），在:root中转为px，并用rem-calc()函数统一计算rem值，避免硬编码和JS动态设置冲突。
-
必须调用super()，因为ES6要求子类构造函数访问this前须先执行父类构造函数以初始化实例内部结构和原型链，否则会抛出ReferenceError。
-
纯CSS无法监听元素是否进入浏览器视口，因此无法在不借助JavaScript的前提下实现“滚动到元素时才开始播放动画”的效果。这是CSS的能力边界，需通过JavaScript（如IntersectionObserver）来实现。
-
页面加载后通过添加class触发CSS进场动画是轻量可复用的动效方案：元素默认设透明缩放等初始态，用@keyframes+transition定义动画，JS在DOMContentLoaded后加class，配合prefers-reduced-motion提升可访问性。
-
本文详解如何在Flask+Jinja2动态渲染的网页中，基于服务状态（如"UP"/"DOWN"）实时为表格单元格应用对应背景色，通过服务端条件渲染CSS类实现高效、可靠的颜色响应。
-
mix-blend-mode在多数安卓WebView和旧版iOSSafari中不支持，需用isolation:isolate隔离容器+linear-gradient渐变图替代；@supports检测并提供fallback是最稳方案。
-
最有效解法是用.block__element--modifier替代深层嵌套选择器，BEM本质是将DOM层级“翻译”为类名结构，实现浏览器单次匹配、开发者快速定位。
-
合并表格单元格本质是定义矩形区域起点，后续行td数量须动态减去被colspan/rowspan占用的列数，否则引发结构错误而非渲染异常。
-
子类实例污染父类原型属性源于在prototype上挂载可变对象导致共享引用，正确做法是将可变数据初始化于构造函数内，并对不可信输入过滤敏感键名、使用Object.create(null)及冻结关键原型。
-
点击我CSS样式：添加基础样式和水波效果.ripple-btn {
position: relative;
overflow: hidden;
padding: 15px 30px;
background-color: #4CAF50;
c">
真实水波效果需JS捕获点击坐标并动态创建span元素，结合CSS动画实现以点击点为圆心的扩散遮罩；必须用getBoundingClientRect()精确定位、设absolute与border-radius:50%、动画后remove元素；推荐@keyframes替代transition以提升控制力和性能，并统一处理touchstart/mousedown事件防多触发。
-
BEM通过block__element--modifier命名结构建立样式隔离墙，防止命名冲突与作用域污染；block为独立可复用组件，element为其直属组成部分，modifier仅描述状态变体，三者职责分明、不可混用或跨层嵌套。
-
:not()伪类仅支持简单选择器，不可用于复合选择器；无法跨层级否定子元素，需用正向选择或分层类名；不改变优先级，多:not()链式使用表示“且”关系。
-
应使用transform替代display控制侧边栏显隐：初始设transform:translateX(-100%)实现默认隐藏，点击触发.open类改为translateX(0)实现滑入动画；同时需用stopPropagation()阻止事件冒泡，避免点击菜单自身导致关闭，并采用flex布局让主内容区自适应避让。
-
内存碎片是标记-清除GC后存活对象分散导致的空闲空间不连续现象，引发分配失败、内存虚高和GC效率下降；V8通过空闲期压缩缓解，开发者应复用大对象、减少波动并及时解引用。
