-
ES6的class是语法糖，本质仍是原型链，提供更直观的面向对象写法和继承机制，但不改变封装性与私有化能力。
-
Node.js使JavaScript服务端编程成为现实，它通过C++底层（libuv、V8）封装系统能力，提供fs、path、http等核心模块及CommonJS/ESM双模块系统，但二者不可混用。
-
本文介绍一种无需全局变量或闭包状态、而是通过实时遍历所有相关select元素来动态计算并累加支付金额的专业方案，确保每次选择更新后总金额准确同步。
-
绝对定位文字和图片底部对齐偏差源于img默认inline特性及基线对齐机制；应统一vertical-align、用transformtranslateY微调，并在图片尺寸不确定时优先采用flex布局或top:50%+translateY(-50%)实现稳定居中。
-
使用ul和li构建导航结构，通过CSS设置横向排列与悬停效果，实现语义清晰、易于维护的水平导航栏，利于SEO且适合初学者掌握HTML与CSS协作方式。
-
<p>通配符选择器*匹配DOM中所有元素节点，不区分标签、属性或状态，但不匹配文本节点、伪元素及Document等非元素节点；常用于CSS全局重置或JS调试遍历，性能敏感时应优先使用更精确的选择器。</p>
-
使用repeat、minmax()、auto-fill和auto-fit可创建自适应CSSGrid布局。通过grid-template-columns:repeat(4,minmax(200px,1fr))实现四列弹性布局，每列最小200px、最大占1份空间；采用auto-fill时，容器宽度允许下尽可能生成不少于200px的列，可能留空轨道；而auto-fit会收缩空轨道，使现有列拉伸以填满容器。两者结合minmax()与1fr，能在不同屏幕尺寸下自动调整列数与宽度，适用于卡片、图库等响应式场景，减少媒
-
JavaScript性能优化需针对性干预执行效率、内存占用和主线程阻塞；避免循环中重复DOM访问与计算，缓存变量；合理使用Object.freeze()和const；内存泄漏多源于未清理的事件监听器、定时器和闭包悬空引用，须用ChromeMemory面板对比heapsnapshot确认。
-
可将HTML网页打包为Windows可运行的EXE文件。一、Electron需Node.js环境，通过npm安装Electron及electron-packager，配置main.js和package.json，执行打包命令生成EXE；二、Web2Exe为图形化工具，设置应用参数、选择主HTML文件后点击生成即可；三、NW.js需下载SDK，编写package.json，资源打包为.nw文件后与nw.exe合并成EXE；四、HTMLExecutable是商业工具，导入HTML后设置图标、窗口样式、加密选项
-
empty-cells仅在border-collapse:separate时生效，取值show（渲染空单元格）或hide（隐藏但保留文档流），collapse模式下被忽略；需避免滥用 ，优先用CSS方案，Flex/Grid布局中该属性无效。
-
使用CSS的position:fixed属性结合JavaScript的scroll事件可实现元素滚动固定。首先通过position:fixed使元素脱离文档流并相对于视口定位，如导航栏固定顶部；再利用JavaScript监听scroll事件，判断滚动距离动态添加类名切换样式，实现滚动到指定位置后吸顶效果。示例中设置触发点为100px，超过则添加sticky类应用fixed定位。注意事项包括：fixed元素脱离文档流可能导致布局上移，需预留占位；移动端Safari对fixed支持不佳，可考虑使用positi
-
子元素未自动撑满父容器高度是因flex默认拉伸行为被限制，需确保父容器设置display:flex和明确高度，保持align-items:stretch，并避免子元素设置固定高度或min-height:auto；嵌套时逐层传递弹性布局样式即可解决。
-
箭头函数是ES6引入的简写语法，无this/arguments/super/new.target，不能作构造函数，this静态绑定，不支持arguments需用...args替代，语法简洁但隐式返回有限制。
-
使用ul和li标签创建无序列表，通过list-style-type修改符号样式，list-style-image替换为图片，CSS去除默认样式并自定义布局。
-
absolute定位需配合top/right/bottom/left生效，参考最近非static祖先，z-index仅对定位元素有效且受堆叠上下文限制，慎用于响应式主体布局。
