-
datalist元素需通过input的list属性绑定且id值严格匹配才能生效；仅支持text类输入类型；option必须含value属性，匹配为不区分大小写的前缀匹配；动态添加option需重新聚焦input才可能生效；iOSSafari基本不显示建议菜单，移动端兼容性差。
-
HTML转PDF中文显示方块的本质是字体未嵌入或未正确声明；需为wkhtmltopdf配置--font-dir或@font-face，为weasyprint显式注册字体路径，并用pdffonts验证emb列确认嵌入。
-
HTML单选框需用<inputtype="radio">，同组name值相同以实现互斥；配合label提升可访问性，可用for/id显式关联或嵌套隐式关联；用checked设默认选中；CSS可通过appearance:none和伪元素自定义样式。
-
JavaScript异步编程核心是不阻塞主线程，回调函数易致“回调地狱”且错误难捕获，Promise通过状态管理、链式调用和统一错误处理提升可读性与组合能力。
-
iPad上HTML5FileReader读取PDF失败主因是系统沙盒限制，非代码错误；应优先用readAsDataURL配合pdfjs解析，超30MB改用系统原生链路。
-
不能，overflow:hidden并未清除浮动，而是通过触发BFC使父容器重新包裹浮动子项，解决高度塌陷；其副作用明显，现代项目应优先使用display:flow-root或flex/grid布局。
-
直接覆盖框架CSS类名不可靠但最常用；应优先使用框架自定义变量机制，必要时提高选择器权重或谨慎使用!important。
-
可使用浏览器开发者工具复制HTML课程表代码：一、F12定位table元素→CopyouterHTML；二、禁用CSS/JS后在原始HTML中复制；三、Console执行document.querySelector("table").outerHTML命令提取；四、另存网页为HTML后手动查找复制table片段。
-
Proxy是JavaScript内置构造函数，用于创建可拦截读写、调用等操作的代理对象；通过handler定义get/set等trap实现响应式、校验、日志等功能，但无法拦截私有字段、Object.assign等静态方法及原型链隐式访问。
-
Generator函数是可暂停执行的状态机，调用返回生成器对象，需用next()启动并逐次推进；yield暂停并保留上下文，支持外部传值，return/throw会终止迭代。
-
浮动容器中混用浮动与非浮动子元素会导致布局错乱，因浮动元素脱离文档流；解决方式有三：1.非浮动子项加clear属性；2.父容器用伪元素清除浮动；3.将非浮动项移至独立容器并清浮。
-
clearfix仍值得用，因其是局部浮动+不可改结构场景下最轻量、兼容性最佳的方案，通过伪元素触发BFC且不裁剪溢出内容，优于overflow:hidden。
-
JavaScript动态效果核心在于DOM状态精准控制与事件节奏把握，需避免内联事件、重复绑定、class覆盖、setTimeout模拟帧率、innerHTMLXSS风险，并重视交互中断时的状态回退。
-
async/await是基于Promise的语法糖，使异步代码更直观；async函数自动返回Promise，await在async内暂停执行并等待Promise完成，支持错误捕获且不阻塞线程。
-
将CSS拆分为base、layout、component、theme等LESS模块，按功能职责划分并用嵌套+命名空间控制作用域，变量与mixin集中管理，构建时合并压缩但保留sourcemap以兼顾可维护性与调试体验。
