-
JavaScript是浏览器原生支持的脚本语言，可响应交互、动态更新内容；首行代码console.log("你好，JavaScript！")在开发者工具Console中运行；通过HTML文件可实现按钮随机变色等交互功能；学习建议从小功能入手、多实践、以需求驱动，并推荐VSCode、MDN文档和freeCodeCamp等零成本资源。
-
HTML表格内容居中可通过五种方法实现：一、传统align/valign属性；二、CSStext-align/vertical-align；三、CSS类统一控制；四、Flexbox布局（display:flex;justify-content/align-items）；五、Grid布局（display:grid;place-items:center）。
-
响应式导航栏的显示与隐藏可通过CSS选择器实现，其核心方法是“复选框技巧”。1.HTML结构包括隐藏的复选框、点击用的label（汉堡图标）和导航菜单；2.CSS默认隐藏菜单并设置过渡效果；3.利用复选框状态变化控制菜单显示；4.媒体查询在大屏下自动显示导航；5.优化用户体验需添加过渡动画、视觉反馈和可访问性支持；6.实际开发中可能遇到z-index层级和滚动条问题，需合理设置层叠上下文及滚动处理。此方案无需JavaScript，提升性能但交互受限，复杂场景仍需结合JS实现。
-
浮动布局通过float实现多列排列，需清除浮动以防止父元素塌陷，常用overflow:hidden或伪类::after处理；li设为float:left并配合width、margin控制布局，结合box-sizing:border-box避免宽度溢出；响应式中通过媒体查询调整屏幕适配，如小屏下改为两列或堆叠显示。
-
最可靠方式是用height:100vh，它直接基于视口高度，不依赖父元素设高；而height:100%常因父级无明确高度失效，且在移动端和嵌套场景中存在滚动、缩放等兼容性问题。
-
JavaScript字符串是不可变原始类型，所有操作返回新字符串；推荐用at()或展开语法获取字符，includes()/startsWith()/endsWith()判断内容，split()/join()拆拼时注意空字符串和null/undefined处理，replace()需正则加g标志或用replaceAll()全局替换。
-
本文介绍如何在AngularJS应用中，通过点击上排与下排字段实现动态SVG连线，支持多组任意配对、视觉反馈及状态管理。
-
JavaScript装饰器元数据是通过装饰器函数为类、方法等添加可在运行时读取的额外信息。1.装饰器作为语法糖，在代码声明时插入逻辑，附加元数据；2.ReflectMetadata提案提供defineMetadata/getMetadata等API，结合TypeScript的emitDecoratorMetadata实现类型反射，广泛用于DI、ORM、路由等场景；3.新ES装饰器提案（Stage3）通过context对象提供更灵活的初始化和修改能力，但不内置统一元数据存储，需借助WeakMap等自行管理；
-
img标签src必须为有效路径或URL，常见错误致404或空白；alt是必要语义字段，需描述性内容或留空；建议显式设置宽高防布局偏移；响应式应使用srcset+sizes而非仅CSS缩放。
-
粘性定位元素滚动时“消失”是因触发条件未满足或父容器干扰：需确保父容器有可滚动上下文、top值合理、无裁剪遮挡及兼容性问题。
-
JavaScript中有6个falsy值：false、0、-0、""、null、undefined、NaN；在条件判断中，这些值会被自动转为false，其余均为true，包括空数组和空对象。
-
TrustedTypes不能彻底杜绝DOMXSS，但能从浏览器内核层面强制拦截绝大多数未经策略处理的危险操作，前提是CSP配置正确、策略覆盖完整且不绕过校验。
-
CSS工具与框架旨在解决手写CSS的维护难、一致性差、响应式繁琐及兼容性问题，通过标准化重复劳动、自动化易错环节来提升开发效率与协作质量。
-
@import不会直接拖慢首屏但默认阻塞串行加载，实际性能更差；PostCSS+postcss-import是最稳妥的静态切分方式；真按需加载需JS动态导入+样式注入；CSSModules仅解决作用域而非物理分离。
-
使用线性渐变结合background-position动画实现颜色流动；2.通过伪元素叠加与opacity过渡模拟渐变色变化；3.利用transform旋转或缩放伪元素创造动态遮罩效果。
