-
ESLint是主流JavaScript代码检测工具，支持自定义规则和插件，可检测语法错误与代码异味；配合Prettier统一格式，JSHint适合小型项目，StandardJS提供零配置方案；通过npxeslint--init初始化并集成到package.json脚本，结合编辑器插件实现实时提示；在CI/CD中引入检查流程，利用husky与lint-staged在提交时校验，确保代码规范，提升质量与协作效率。
-
掌握CSS定位关键在于理解四种模式的行为逻辑：static不脱离文档流；relative占位且偏移基于自身；absolute脱离流并参照最近已定位祖先；fixed脱离流且相对视口固定；sticky是两者的结合体。
-
required仅校验非空，pattern才校验格式；pattern需配合text类type，值为无前后斜杠的正则，浏览器自动添加^$，反斜杠需双写，Unicode需用汉字范围或JS处理，空值校验用|^$分支，提示靠title属性。
-
HTML5拖拽上传需前端JavaScript加密（如WebCryptoAPI的AES-GCM），密钥须动态派生或安全下发，加密在ArrayBuffer读取后、上传前完成；服务端严格解密验证，全程强制HTTPS。
-
绝对定位元素常导致父元素高度塌陷，因其脱离文档流使父元素无法感知其尺寸，仅依赖其他非定位子元素计算高度，故父容器可能退化为0。
-
HTML5中文字不换行可采用五种方法：一、white-space属性控制空白处理；二、word-break强制断词；三、overflow-wrap智能换行；四、<br>手动换行；五、结合width与text-align规范块级换行。
-
align-self用于控制单个网格项在区域内的垂直对齐，覆盖align-items；取值包括start（顶部）、end（底部）、center（居中）、stretch（拉伸）；可单独设置如.item2{align-self:center}实现独立对齐；配合margin可微调位置，适用于表单、卡片按钮底部固定等场景。
-
HTML表格使用<table><tr><th><td>构建，支持scope属性提升可访问性、colspan/rowspan合并单元格、<caption>添加标题及内联样式控制外观。
-
<template>元素内容需克隆后使用，直接操作会清空源；必须用content.cloneNode(true)深克隆，再修改textContent或dataset；注意判空、防XSS，跨文档才需importNode。
-
Bulma提供现成table组件，通过添加table类即可启用基础样式，支持is-hoverable、is-striped等修饰类实现高亮、斑马纹效果，并推荐使用table-container容器确保响应式滚动，结合card、pagination等元素可快速构建专业数据界面。
-
关键在于选对工具链并调优配置：新项目用Vite（默认esbuild压缩，需切terser删console），老项目用Webpack（需手动配TerserPlugin、SplitChunksPlugin及drop_console）；Terser必须启用mangle和drop_console等参数；sourcemap线上用hidden模式，避免泄露路径且适配错误监控。
-
命令模式通过封装操作为对象实现撤销与重做功能，核心角色包括Command、ConcreteCommand、Receiver和Invoker；以文本编辑器为例，InsertCommand和DeleteCommand分别记录插入与删除操作的位置及内容，确保可逆；CommandManager维护undoStack和redoStack栈，执行新命令时压入undo栈并清空redo栈，调用undo时将命令从undo栈弹出并压入redo栈，redo则相反；TextEditor作为接收者提供insert、delete等实
-
首先通过CSS媒体查询控制导航图标在不同屏幕下的显示与隐藏，接着利用JavaScript切换active类实现菜单展开收起动画，结合max-height过渡解决height:auto无动画问题，再通过sr-only类隐藏文本但保留可访问性，最后使用transform实现汉堡图标到叉号的形态变化，整体实现流畅的响应式导航切换效果。
-
for循环适用于已知循环次数的场景，语法包含初始化、条件判断和更新表达式；示例为打印1到5。
-
相对定位通过top、left调整元素位置并保留占位，transform则用于高性能动画位移。1.使用position:relative进行初始偏移；2.利用transform实现流畅动画；3.两者结合可兼顾布局稳定与视觉效果；4.动画阶段优先用transform避免重排；5.注意事件区域随transform移动。合理分工提升性能与体验。
