-
使用-webkit-line-clamp可实现响应式多行文本省略，通过display:-webkit-box;-webkit-line-clamp:2;overflow:hidden等样式限制行数并添加省略号，结合媒体查询调整不同屏幕下的行数与字体大小，提升布局适配性；针对不支持的浏览器（如Firefox），采用JavaScript截取文本、固定高度隐藏溢出或伪元素模拟省略号作为降级方案，推荐主用-webkit-line-clamp并配合断点控制以优化体验。
-
本文详解如何在React中实现带分组标签（<optgroup>）的下拉选择框，同时在每组顶部添加“全选”“清空”按钮——关键在于分离UI控制逻辑与原生<select>的语义限制。
-
桌面通知需先获用户授权，使用Notification.requestPermission()请求权限，根据返回的granted、denied或default状态决定是否创建newNotification发送消息，并在用户拒绝后引导其手动开启，避免频繁打扰。
-
DOM节点是JavaScript操作网页的核心，用于动态访问和修改页面内容、结构与样式。1.可通过innerText、innerHTML等属性操控文本与HTML内容；2.使用appendChild、removeChild等方法增删改页面元素；3.绑定事件监听器响应用户交互，如点击、输入等；4.利用style或classList动态调整元素外观，实现交互式视觉效果。DOM使静态页面变为动态应用，是前端开发的基础。
-
布局高度塌陷是父容器无法感知浮动子元素高度而收缩，解决关键是让父容器正确包含浮动子项；推荐用伪元素.clearfix::after清除浮动，兼容性好且无副作用。
-
本文解决BootstrapCollapse元素内嵌NGL3D查看器需双击才能初始化的问题，核心在于确保DOM容器渲染完成后再创建Stage实例。
-
纯HTML可实现三种浪漫表白页：一、渐变背景+心跳动画文字；二、点击触发淡入弹窗告白；三、滚动逐行浮现诗意情书。均无需后端，保存为.html即可运行。
-
CSS溢出需主动约束尺寸并明确行为：Grid用minmax()设轨道边界，单元格内设width/overflow/text-overflow等控制内容；table需用table-layout:fixed配合width；避免无宽设overflow、Flex误用minmax等陷阱。
-
表单提交不跳转页面的核心是用AJAX拦截submit事件，调用preventDefault()阻止刷新，用FormData收集数据（支持文件、多选、复选框），再通过fetch（推荐）或XMLHttpRequest发送，自动设置Content-Type，响应需检查response.ok并解析JSON，提交时禁用按钮、反馈状态，出错显示具体信息。
-
CSSGrid列宽与盒模型冲突时，应使用minmax(0,1fr)替代1fr以忽略min-content限制，并为子项设置box-sizing:border-box和width:100%确保填满列宽。
-
::first-letter用于选中块级元素首字母并添加样式，如首字下沉；支持字体、颜色等设置，自动忽略标点，仅对块级元素有效，需用双冒号书写以确保兼容性。
-
现代浏览器已禁用Flash，SWF需通过object/embed混合嵌套并配合检测降级与HTML5替代方案实现兼容。
-
SVG是基于XML的矢量图形格式，JavaScript可直接操作其DOM节点；Canvas是位图绘图API，依赖JS逐帧绘制像素。SVG为“可编程的文档”，Canvas为“可编程的画布”。
-
HWB颜色模式通过色调、白度和黑度直观调整颜色，适合设计系统中的色彩微调。
-
推荐直接用box-shadow实现hover发光边框，轻量易维护；基础设border，hover时加扩散阴影和transition；伪元素方案需absolute定位、精准缩放，属过度设计。
