-
Bulma通过简洁的class实现表单美化与功能增强，提升开发效率与用户体验一致性。
-
能，但非万能：box-sizing:border-box使padding包含在width内，适用于固定宽父容器；全局重置需慎用，flex/grid中需配合min-width:0等策略。
-
本文介绍如何在huxtable中为RTF表格输出实现类似HTML的“内容驱动型”列宽——即依据各列中最长字符串长度自动计算并分配相对宽度，无需手动调参，适用于批量表格处理场景。
-
TV浏览器普遍不支持HTML5audioTracksAPI，导致无法显示音轨选择器；应改用MediaSource方案，为每条音轨提供独立URL并通过video.src切换。
-
:only-child仅在元素是父元素唯一子节点时匹配，而非父元素仅有一个子元素；它受文本节点、注释等影响，易因空白符失效，兼容IE9+但不适用于SVG或ShadowDOM。
-
适合用transform和opacity动画的元素需满足：仅含平移、缩放、旋转及透明度变化；强制提升合成层（如translateZ(0)）；避免影响布局的display或尺寸缺失；移动端优先用transform触发硬件加速；配合contain隔离绘制范围；使用requestAnimationFrame调度并避免同步布局计算；合理控制合成层数量以防GPU内存压力。
-
跨域问题由浏览器同源策略引发，常见解决方案包括：1.CORS通过服务器设置Access-Control-Allow-Origin等响应头实现跨域，前端无需特殊处理；2.JSONP利用script标签不受同源限制的特性，仅支持GET请求，存在安全风险且逐渐被淘汰；3.代理服务器在开发或生产环境将跨域请求转发为同源请求，如Vite或Nginx配置；4.postMessage用于不同窗口或iframe间的跨域通信，通过消息传递实现数据交互；5.WebSocket协议本身不受同源策略限制，适用于实时通信场景。其中
-
可行但有副作用：display:none会使下拉框彻底脱离渲染树，无法交互、不可见、读屏器不可识别，且表单提交时值仍存在；推荐结合disabled属性使用以确保安全。
-
浮动布局结合媒体查询可通过断点调整元素排列，实现响应式效果。例如两栏布局在桌面端并排、移动端堆叠，提升可读性。
-
展开运算符...是JavaScript中用于将可迭代对象或类数组对象“逐项取出并铺开”的操作符，仅在需多个独立值处生效，如函数调用、数组/对象字面量中。
-
__proto__指向构造函数的prototype，其__proto__最终指向Object.prototype，再往上为null，构成原型链；Object.getPrototypeOf()是标准、可靠的方式逐级验证，而__proto__已废弃。
-
动画应精简必要，仅用于状态变化、注意力引导和操作反馈，如按钮点击、菜单展开等核心交互；时长宜为200–250ms，选用ease-out缓动，避免重排属性，尊重prefers-reduced-motion偏好。
-
JavaScript正则高级模式包括命名捕获组、先行/后行断言、粘性匹配；实用技巧强调单次正则复合处理、matchAll优化遍历；性能需防回溯、预编译、合理选方法；常见场景有邮箱提取、空白清理、驼峰转换等。
-
固定导航栏配合可滚动内容可通过Flexbox与position:sticky实现：容器设为flex纵向布局并占满视口，main区域flex:1并overflow-y:auto形成滚动区；header使用position:sticky、top:0实现粘性定位，滚动时自动吸附顶部，不脱离文档流且兼容性良好，注意父容器避免overflow:hidden且需设置偏移值。
-
运行HTML文件的方法有：一、直接双击打开，用浏览器查看静态内容；二、通过浏览器菜单选择“打开文件”加载本地文档；三、使用Node.js启动本地服务器运行，支持动态功能；四、利用VSCode等编辑器的LiveServer插件实现实时预览。
