适合处理一维方向上的排列、对齐和空间分配。它常用于导航栏、按钮组、卡片内部结构和左右分栏，让元素在不同宽度下保持自然伸缩。

更适合同时控制行和列的页面结构。它可以清晰地描述卡片网格、仪表盘、图片墙和复杂内容区，让布局规则更接近页面本身。

响应式设计通过百分比、弹性尺寸、媒体查询和自适应网格，让页面在桌面、平板和手机上都能保持舒服的阅读与操作体验。

Transition 用来描述样式变化的过程，让 hover、展开、位移和透明度变化不再生硬。合适的过渡能提升界面的精致感

position 和 z-index 决定元素如何脱离文档流、如何覆盖其他内容。浮层、固定按钮、提示框和背景装饰都离不开这些概念。

文本省略常用于卡片摘要和列表标题。通过行数限制与溢出隐藏，可以让内容长度不确定的模块依然保持整齐。

事件循环负责协调同步任务、微任务和宏任务。理解它可以帮助判断 Promise、定时器、事件回调之间的执行先后。

闭包让函数能够记住创建时的作用域。它常出现在封装私有变量、函数工厂、回调和状态保存等场景中。

原型链是 JavaScript 对象查找属性和方法的重要机制。理解它有助于看懂继承、构造函数、class 语法和对象扩展。

模块化让代码按职责拆分，通过导入导出建立依赖关系。它能降低全局污染，让大型项目更容易维护和协作。

map、filter、reduce 等数组方法能让数据转换更清晰。它们常用于列表渲染、筛选、统计和接口数据整理。

错误处理关注代码失败时的兜底方式。try catch、Promise catch 和统一错误提示能让用户体验更加稳定。