-
关键在于选对工具链并调优配置：新项目用Vite（默认esbuild压缩，需切terser删console），老项目用Webpack（需手动配TerserPlugin、SplitChunksPlugin及drop_console）；Terser必须启用mangle和drop_console等参数；sourcemap线上用hidden模式，避免泄露路径且适配错误监控。
-
使用文本编辑器或IDE可直接修改并保存HTML文件，通过Ctrl+S或Cmd+S快捷键保存后，在浏览器中刷新预览效果；若项目使用Git，则需执行gitadd、gitcommit和gitpush命令将修改提交至版本控制仓库，便于协作与回滚；对于WordPress等CMS或Wix等在线平台，可通过后台的编辑功能修改HTML并点击更新发布，部分平台需开启开发者模式；建议根据场景选择工具，本地开发搭配Git，网站维护用CMS，保存时注意备份以防误操作。
-
应选择UTF-8编码保存HTML文件。UTF-8支持多语言字符，确保跨平台一致性；在记事本中点击“文件”→“另存为”→选择“UTF-8”编码→命名并保存为“.html”格式；仅当文件全为ASCII字符且环境限制时才考虑ANSI。
-
Node.js通过fs模块实现硬链接操作，核心方法为fs.link()和fs.unlink()。硬链接指向文件的同一inode，不复制数据，仅增加目录条目和引用计数，因此创建速度快且节省空间。删除硬链接使用fs.unlink()，仅移除文件名，当所有硬链接被删除且无进程打开时，数据才被释放。硬链接与软链接本质不同：硬链接共享inode，不能跨文件系统或链接目录；软链接是独立文件，存储目标路径，可跨文件系统和目录。Node.js中通过fs.stat()和fs.lstat()区分链接类型，前者跟随软链接返回目
-
flex-wrap后justify-content:center不居中，因其仅对每行内子项生效，末行子项不足时靠左；真正整体居中应选grid布局或text-align+inline-flex方案。
-
JavaScript的多态基于动态绑定、原型继承和鸭子类型，运行时根据对象实际方法决定行为；支持方法重写、结构匹配调用及函数内联多态，无需编译时类型检查。
-
本文介绍如何使用原生JavaScript的事件委托机制，精准删除触发事件的按钮所在父元素，避免ID冲突与重复绑定问题，同时支持动态添加的元素。
-
应使用rgba()设置背景色透明度，而非opacity；rgba()的第四个参数为0–1小数，如rgba(0,0,0,0.5)；避免用background缩写覆盖background-color或父级opacity影响子元素。
-
clear属性通过强制元素避开上方浮动区域来解决浮动导致的布局错乱，而非清除浮动本身；它只对块级元素生效，常用值为left、right、both和none，正确用法是在浮动后首个块级元素上设clear:both或用伪元素clearfix方案。
-
需根据编程语言和环境选择合适方式：一、Python用webbrowser.open()打开本地HTML；二、Python用http.server启动HTTP服务；三、Node.js用express建静态服务器；四、Java用Desktop类；五、C#用Process.Start。
-
最常用的是appendChild()，需确保父节点存在且非文本节点；insertBefore()可控制插入位置，参考节点可为null；innerHTML会清空原有内容，追加应使用insertAdjacentHTML()；插入后需及时设置属性和事件。
-
无法直接将HTML5转为Flash，因二者架构根本不同；可行路径有三：一、用AnimateCC封装HTML5帧序列为SWF；二、通过Ruffle在Flash中模拟HTML5行为；三、用停更的Swiffy离线工具转静态Canvas为SWF。
-
Flexbox适合一维布局，如导航栏和居中对齐；Grid适用于二维复杂结构，如仪表盘；Float已过时，仅用于兼容旧项目。新项目应优先选用Flexbox和Grid。
-
flex-wrap属性用于控制弹性项目在主轴溢出时是否换行，其值包括nowrap（默认，不换行）、wrap（正常换行）和wrap-reverse（反向换行），常与flex-direction配合实现响应式布局，适用于网格、标签云等场景，并需注意与align-items、align-content及flex相关属性的协同作用。
-
JavaScript继承基于原型链，ES6的class是语法糖。原型继承灵活但易出错，适合动态场景；类继承结构清晰，利于大型项目协作，本质仍为原型链。
