-
原生select无法大面积展开，需用div+ul+JS模拟；父容器设position:relative，下拉层用position:absolute并设top:100%、left:0、width:100%；须兼顾click与focus事件，加键盘导航和移动端touch处理；超30项需搜索过滤、虚拟滚动及ARIA属性以保障性能与可访问性。
-
用list-style:none;可彻底去除无序列表圆点，语义明确且全平台兼容；需同时重置ul、ol、li以清除嵌套圆点，并按需调整padding和margin控制缩进。
-
sticky定位不生效最常见的原因是父容器未设置非visible的overflow属性或高度不足，导致无法形成滚动上下文；它依赖最近的有滚动行为的祖先容器而非视口，且必须配合top/bottom等偏移值才能生效。
-
JavaScript是让网页交互动态化的编程语言，运行于浏览器和Node.js，可响应操作、更新内容、通信服务器、控制样式；零基础可从待办清单项目入手，用记事本+浏览器即可实践。
-
XMLHttpRequest（XHR）是实现网页异步通信的基础API，用于在不刷新页面的情况下与服务器交换数据；2.它通过readyState五个状态（0-4）管理请求生命周期，并支持onreadystatechange、onerror等事件精细控制流程；3.常见陷阱包括跨域CORS需服务器配置、回调地狱导致代码难维护、错误处理需区分HTTP状态码与网络错误、禁止使用同步请求避免页面卡死、接收数据须防XSS攻击。
-
<p>HTML5注释语法仍为<!---->，未新增功能；禁止注释内含--或以-结尾；条件注释已失效；script/style内须用对应语言注释；不支持嵌套；位置与特殊字符需谨慎。</p>
-
JavaScript原型链本质是属性查找路径：先查对象自身，再沿[[Prototype]]向上遍历至null；继承即委托而非复制；函数有prototype属性，实例通过__proto__链接其上；需区分__proto__（非标准）与Object.getPrototypeOf()，并注意constructor可靠性及箭头函数无prototype。
-
不支持@keyframes的浏览器会完全忽略动画，无降级、无报错、无fallback；可靠检测需用临时元素+computed样式；transition仅适用于两态切换，JS降级用于复杂动画，推荐@supports分层控制。
-
可将CAD图纸转换为WebGL、SVG、PDF或使用专用SDK实现网页展示。首先选择适合图纸类型的转换方式，如三维模型用glTF配合Three.js，二维图转SVG，或通过AutodeskForge直接解析原生格式，也可导出PDF结合PDF.js嵌入网页，从而让用户无需专业软件即可在线查看并交互。
-
使用CSS动画实现侧边栏展开收起，通过transform和transition提升性能，结合JavaScript控制状态，并利用媒体查询适配不同屏幕，确保流畅交互与良好用户体验。
-
用CSSGrid实现对角线交错布局的关键是显式设置每个对角元素的grid-row和grid-column（如1/1、2/2），容器设display:grid并合理定义行列，只渲染对角元素以确保其余格子真正“流空”。
-
order仅改变视觉顺序，不影响DOM和可访问性顺序；必须在flex容器中使用，数值越小越靠前，推荐显式设置-1/0/1避免魔数，Grid中可用但可能被grid-row等高优先级属性覆盖。
-
用CSS骨架屏加载效果的核心是渐变背景+位移动画：1.用语义化空元素占位并设浅灰底色和圆角；2.线性渐变创建亮色条带，配合background-size和background-position实现扫描光效；3.通过@keyframes让背景位置水平移动，时长1.5~2s，infinite循环；4.优化细节如头像溢出隐藏、文字间距、按钮尺寸及动画错峰。
-
必须先用getContext('2d')获取CanvasRenderingContext2D对象才能绘图，否则调用fillRect等方法会报错；fillRect填充矩形，strokeRect仅描边，二者样式不共享；Canvas尺寸应通过width/height属性设置，而非CSS；动画中需每帧clearRect并合理管理状态。
-
WebComponents是浏览器原生标准，含CustomElements（需含短横线、继承HTMLElement、用define注册）、ShadowDOM（open/closed模式、slot分发、样式隔离）和template克隆机制，但无内置响应式，通信依赖属性/事件。
