-
使用prefers-color-scheme媒体查询可实现滚动条随系统主题自动切换，通过为深色和浅色模式分别设置::-webkit-scrollbar样式，并结合系统颜色变量以提升兼容性，适用于WebKit内核浏览器。
-
JSDoc通过类型提示、参数说明和返回值定义提升代码可读性与维护性，增强编辑器智能补全，明确函数意图减少沟通成本，结合工具实现类型检查与文档生成，显著提高开发效率与协作体验。
-
需先获取canvas2D上下文对象，再依次绘制矩形、路径线条、圆形弧线及文本：一、用getElementById()获取canvas元素并调用getContext('2d')；二、用fillRect()、strokeRect()、clearRect()绘矩形并设fillStyle/strokeStyle；三、用beginPath()、moveTo()、lineTo()、stroke()/fill()绘路径；四、用arc()绘圆/弧线并fill()填充；五、用font/textAlign/textBasel
-
各浏览器对表单元素默认样式实现不同，需重置box-sizing、margin、padding等并统一font-family；select需三属性设appearance:none并自定义箭头；button须补全:hover/:active状态及outline以保可用性与可访问性。
-
使用::first-letter和::first-line可实现首字下沉与首行加粗效果，通过字体、颜色、浮动等样式提升段落可读性与视觉层次，需注意仅用于块级元素且避免inherit，现代浏览器广泛支持双冒号语法。
-
Flex布局实现响应式列表的核心是通过mediaquery切换flex-direction（小屏column、大屏row）并配合flex-wrap换行，结合gap和flex属性控制间距与项宽。
-
首先确认Eclipse已安装Web开发组件，1、通过“Help”→“About”检查是否含EclipseWebDeveloperTools，否则从Marketplace安装；2、创建“DynamicWebProject”项目，将HTML文件置于WebContent目录下；3、右键项目选择“RunonServer”，配置并启动Tomcat服务器以部署运行；4、或使用“OpenWith”→“WebBrowser”通过内置浏览器快速预览；5、若页面未显示，检查“DeploymentAssembly”确保HTML
-
FileAPI是浏览器原生接口，用于在用户授权后读取本地文件：通过input或拖放获取File对象，用FileReader异步读取，支持readAsText、readAsDataURL、readAsArrayBuffer三种方法，适用于预览、校验、离线处理等场景。
-
WebGL1.0不支持需先验证真实版本与能力，若仅支持1.0则应禁用WebGL2特性（如Three.js中设webgl2:false），检查并替换drawBuffers等2.0专属API调用，排查硬件、驱动及策略限制，并优先兼容WebGL1.0而非强行升级。
-
JavaScript是网页的“行动力”来源，负责交互响应、动态更新内容、控制页面元素、与服务器交换数据、构建前端应用，并借助Node.js等拓展至服务端与桌面端。
-
HTML5插入符号有五种方法：一、用&命名实体如©；二、用十进制♥或十六进制♥；三、直接输入UTF-8符号并声明编码；四、CSS伪元素content属性注入；五、JavaScript动态生成。
-
JavaScriptDate对象用于处理日期时间，支持创建、获取、设置、格式化和计算；需注意月份索引为0–11、字符串解析应使用标准格式、toISOString()适合API通信、toLocaleString()适合界面展示。
-
JavaScript装饰器模式核心是用高阶函数封装原函数以增强行为，支持函数和类方法装饰，可用于日志、节流、权限控制等场景，需注意this绑定、参数透传及语法兼容性。
-
Bootstrap栅格基于Flexbox，采用容器→行→列结构，支持12列网格与五种响应断点（xs、sm、md、lg、xl、xxl），通过col-{breakpoint}-{width}设置列宽，offset--实现偏移，结合对齐类与嵌套布局可高效构建响应式页面。
-
Canvas.getContext('2d')是唯一绘图入口，漏调用则所有绘图方法报错；需先获取上下文对象才能调用fillRect、arc等方法，并注意路径管理、状态机特性及图片加载完成后再绘制。
