-
使用:not(:first-child)可为列表非首项添加边距，如li:not(:first-child){margin-top:10px;}，实现除第一项外的上边距设置，常用于列表项视觉分隔。
-
align-items用于设置flex容器中子元素在交叉轴上的对齐方式，常见值有flex-start、flex-end、center、baseline和stretch（默认值），其对齐方向取决于flex-direction：row时控制垂直对齐，column时控制水平对齐。
-
通过React.memo和PureComponent减少重渲染，避免内联函数；2.使用FlatList实现列表虚拟滚动，优化keyExtractor和窗口参数；3.采用fast-image和懒加载优化图片；4.减少JS与原生通信，启用useNativeDriver，必要时用原生模块处理密集任务。
-
实现响应式视频播放器的关键是保持宽高比，首先使用max-width:100%和height:auto确保视频不溢出；接着推荐用容器通过padding-bottom:56.25%（16:9比例）创建自适应空间，结合绝对定位使视频始终填满容器且不变形，最后可添加背景图提升加载体验。
-
防抖指事件频繁触发时仅执行最后一次，适用于搜索联想等场景；节流则保证在固定时间间隔内最多执行一次，适合滚动监听等连续操作，两者均通过降低函数执行频率提升性能。
-
使用grid-template-areas结合mediaqueries可实现响应式布局。1.通过命名区域定义结构，如"headerheader""mainsidebar""footerfooter"，使HTML与CSS语义清晰；2.在@media(max-width:768px)中重定义为单列堆叠，提升移动端体验；3.多断点适配不同设备，如平板保持两列、手机隐藏侧边栏；4.命名规范、对齐字符串、使用fr和minmax()提高可维护性与弹性，确保类名与区域一致以避免错位。
-
本教程详细介绍了如何在JavaScript中高效地向现有JSON对象添加新的键值对，避免了不必要的数组转换。通过直接操作解析后的JSON对象，我们可以轻松地扩展数据结构，同时保持其原始的对象格式，确保数据管理的准确性和简洁性。
-
本教程探讨在React组件中，当使用react-icons等库嵌套图标于可点击元素（如按钮）内部时，点击事件目标（event.target）可能指向图标而非父元素的问题。文章将详细介绍如何通过利用event.currentTarget属性或直接传递参数两种策略，确保准确获取所需的数据或执行相应操作，避免value属性获取失败的常见困扰。
-
label标签用于关联表单控件，提升可访问性；通过for属性绑定id或嵌套控件实现点击文字聚焦输入框，推荐每控件配label，确保id唯一，避免冗余。
-
使用margin-block替代margin-top/bottom可解决默认样式差异与margin折叠问题，结合全局重置和自定义变量建立统一垂直间距系统，提升布局一致性与可维护性。
-
JavaScript模块化通过拆分功能为独立单元，解决命名冲突与依赖混乱。从函数封装、对象字面量、IIFE到CommonJS、AMD，最终ES6Modules成为标准，实现静态分析与tree-shaking。现代项目应优先使用ES6Modules，配合构建工具提升可维护性。
-
1、安装LiveServer扩展后右键选择“OpenwithLiveServer”可启动本地服务器并实时预览HTML页面；2、直接在资源管理器中双击HTML文件可用默认浏览器查看静态页面；3、通过配置tasks.json任务运行器，可自定义命令调用系统浏览器打开页面，提升预览效率。
-
FetchAPI通过fetch()发起请求并处理Promise，需手动检查response.ok、设置headers和body（如POST时用JSON.stringify），注意cookies需credentials:'include'，且受CORS限制。
-
通过JavaScript动态切换CSS类实现Grid与Flexbox协同布局，利用Grid划分整体结构、Flexbox处理局部排列，结合屏幕尺寸变化实时调整容器样式，提升响应式体验。
-
background-color设置背景颜色，支持多种颜色表示法，默认透明；2.background-image指定背景图像，可多图层堆叠；3.background-repeat控制图像重复方式；4.background-position定义图像位置；5.background-size调整图像尺寸，适用于响应式设计；6.background-attachment设置背景滚动行为；7.background-origin和background-clip控制背景定位与绘制区域；8.background简写属性可
