-
实现HTML数据可视化需借助JavaScript库将数据渲染为图表，常用方式包括：使用Chart.js、D3.js或ECharts等库结合canvas或SVG在页面中生成图形；通过script标签嵌入JSON数据并由JS动态处理；利用Vue、React框架实现响应式交互；或在服务端用模板引擎生成含图表的静态页面。
-
闭包模拟私有变量最可靠，因JS原生不支持private关键字；ES2022的#字段语法虽简洁但兼容性有限；WeakMap适合模块级私有数据管理；Symbol仅是“约定私有”，非真正封装。
-
PDF生成时应优先用DOM解析器（如BeautifulSoup、jsdom）清除<script>标签，而非正则匹配或禁用JS，以避免解析错误、执行报错及排版错乱。
-
JavaScript装饰器是Stage3提案，支持修饰类、类方法、访问器及字段，不支持普通函数等；分为类装饰器（1参数）、方法装饰器（3参数）、参数装饰器（3参数），需TS或Babel配置启用。
-
先测量再优化，使用浏览器开发者工具的Performance面板录制并分析CPU使用、JS调用栈和渲染耗时，定位长时间任务与高频函数；通过节流防抖、减少DOM操作、避免内存泄漏、优化数据结构和异步分割任务等手段提升性能，结合代码拆分、TreeShaking和传输压缩优化加载，形成“分析→定位→优化→验证”闭环持续改进。
-
ServiceWorker是浏览器后台运行的网络拦截器，可拦截请求、缓存资源、实现离线访问；需注册、安装预缓存、拦截响应三步完成离线能力，支持多策略缓存与推送通知，但须HTTPS环境且注意生命周期控制。
-
不能用opacity因为它会使子元素（文字、图片等）一同变透明；应使用background-color的rgba()值，仅让背景透明而内容保持100%不透明，兼容性好且语义清晰。
-
Babel插件通过操作AST实现代码转换，其核心是visitor模式遍历节点，利用pathAPI修改、删除或插入节点，结合@babel/types进行类型判断，并可通过babel-plugin-tester测试，最终发布为npm包供项目使用。
-
可通过opacity属性、rgba/hsla颜色值及伪元素实现HTML5元素透明效果：opacity作用于整体，rgba/hsla分别控制背景/文字透明，伪元素可创建遮罩层。
-
要让:invalid真正生效并标红，必须为表单控件添加required、type="email"、pattern等校验属性；否则仅写input:invalid{color:red;}无效。
-
HTML注释中的版本号仅对人工可读有用，无法被自动化工具识别；真正可被程序识别的方式包括：在<html>标签加data-version属性、用<meta>标签、构建时模板替换或注入<script>全局变量。
-
逗号在CSS选择器中表示逻辑“或”，匹配任意一个子选择器的元素；它不表示层级关系，误用会导致限定失效或选择器被重解析为嵌套结构。
-
在HTML中，<tr>定义表格行，<td>定义行内的单元格。1.基本结构：使用<tr>和<td>构建表格。2.合并单元格：通过colspan和rowspan属性实现横向和纵向合并。3.表头和表体：使用<thead>和<tbody>区分表头和表体。4.样式和布局：通过CSS控制表格样式，注意响应性。5.常见问题：解决单元格对齐、布局混乱和浏览器兼容性问题。6.最佳实践：避免过度嵌套，使用语义化标签，确保响应式设计。
-
JavaScript是浏览器可直接执行的网页行为语言，入门应先写可见效果代码：修改文字、响应点击、控制台输出、表单校验；暂跳原型链、Promise细节、模块化等；注意ID大小写、脚本位置、undefined常见原因。
-
Proxy是JavaScript的元编程工具，用于拦截并自定义对象基本操作，如get、set、has、apply等，未定义的handler方法走默认行为；它不自动响应式，需手动触发更新，且不能代理原始值。
