-
浮动元素使父容器高度塌陷是因为其脱离文档流，父容器无法感知其高度；正确清除方式包括伪元素法（需content+display+clear）、overflow隐藏或display:flow-root，而非在父容器设clear:both。
-
富文本处理需前后端双重净化、表单同步、UTF-8全链路编码及粘贴内容过滤。前端用DOMPurify.sanitize()，后端用sanitize-html/bleach/HTMLPurifier；手动同步编辑器内容至textarea；设accept-charset="UTF-8"及utf8mb4数据库；粘贴时启用纯文本模式或净化后再插入。
-
当模态框外层使用position:fixed时，若内部内容容器也错误地设置为fixed，会导致父容器的overflow失效，从而无法滚动。核心解决方法是移除子元素不必要的position:fixed，改用relative或默认定位，并确保高度约束与溢出控制正确生效。
-
可通过在线编辑器、本地文件或集成环境运行HTML代码。一、使用在线代码编辑器：在豆包聊天界面输入指令并附带HTML代码，系统将调用JSFiddle等工具生成预览链接，点击即可查看渲染效果。二、借助本地文件方式：复制代码至文本编辑器并保存为index.html，通过设备浏览器打开文件实现离线预览。三、利用豆包集成开发环境：发送完整HTML代码并注明“请在开发环境中运行此代码”，系统将启动模拟浏览器组件，在弹出窗口中实时展示页面效果。
-
padStart在字符串开头填充字符以达到目标长度，常用于格式化数字或时间，如'5'.padStart(2,'0')返回'05'。
-
Vue.js中的watch可实现响应式数据自动持久化：监听目标数据并序列化存入localStorage，初始化时读取恢复，推荐封装为useLocalStorageComposable统一处理读写、异常及多标签页同步。
-
<menu>元素已被W3C标记为废弃，无语义、不被屏幕阅读器识别；应改用<nav>搭配<ul>和ARIA属性实现语义化导航，下拉菜单须用role="menu"及完整键盘交互逻辑。
-
Date.prototype.getTime()方法返回Date对象距离UTC1970年1月1日00:00:00的毫秒数，用于将时间点转换为可计算的数字。1.它始终基于UTC，不受本地时区影响，适用于跨时区同步和时间计算；2.与Date.now()不同，getTime()可作用于任意Date实例，而Date.now()是获取当前时间戳的静态方法；3.valueOf()返回值等价于getTime()，但语义上更适合对象转原始值的场景；4.常见用途包括时间间隔计算、日期比较、前后端时间数据交换及生成临时唯一I
-
创建标准HTML文件需四步：一、首行写<!DOCTYPEhtml>；二、次行起<htmllang="zh-CN">并闭合；三、在head中设<metacharset="UTF-8">和<title>；四、body内添加<h1>和<p>内容。
-
位运算执行效率高、底层映射直接，因直接对应CPU原生指令且无类型转换与内存分配开销，但性能优势需结合场景判断，仅在状态压缩、协议解析等位敏感领域真正提效。
-
通过结合CSS渐变与过渡动画，可实现按钮、背景等元素的动态色彩效果；利用linear-gradient创建渐变背景，配合transition实现悬停时的角度变化；通过background-size和background-position控制渐变位移，实现滑动变色动画；使用CSS自定义属性可提升灵活性，但需结合类名或JS操作确保过渡生效；掌握背景渲染机制是关键。
-
在React项目中，.js和.jsx文件扩展名本身不改变运行时行为，但影响工具链识别、语法高亮、IDE支持及团队约定；现代构建工具（如Vite、Webpack、Next.js）普遍支持JSX语法在.js文件中直接使用，但明确使用.jsx更具语义性和可维护性。
-
可通过Safari、代码编辑App、在线托管或AirDrop四种方式在iPhone上查看HTML文件。首先将HTML文件保存至“文件”应用，用Safari直接打开；其次使用JSBox、Textastic等支持预览的编辑器App进行实时调试；再者将文件部署到GitHubPages、Netlify等平台，通过生成的URL在Safari中访问；最后可从电脑用AirDrop发送HTML文件至iPhone，再保存并通过Safari或兼容应用打开预览。
-
HTML转PDF慢在渲染而非转换，核心耗时源于CSS/JS加载、排版绘制；需用waitForFunction代替networkidle2，禁用setTimeout，配置字体嵌入与本地文件访问。
-
border-radius结合border可提升界面美观度。首先设置border-radius实现圆角，支持统一、分角或椭圆写法；再添加border定义边框样式，增强轮廓；可单独控制每个角的弧度以适应不对称设计；实际用于按钮、卡片、圆形头像等元素时，推荐配合box-sizing:border-box避免布局偏差。
