-
使用aspect-ratio和object-fit可实现响应式图片裁切，通过设置容器宽高比并用object-fit:cover裁剪图片，确保图片填充容器且保持比例，常用padding-bottom技巧兼容性好。
-
本文介绍使用原生JavaScript实现多组独立复选框的智能全选控制：点击全选框可批量操作，而手动勾选/取消任一子项时，自动同步更新全选框状态（全选时才为选中，任一未选则取消）。
-
padding默认增大元素总尺寸，因在width/height外计算；启用box-sizing:border-box可使其从设定宽高中扣减，更符合直觉且利于响应式布局。
-
html5play无法播放VR视频，因其仅为video标签封装，缺乏WebGL渲染、WebXR接口及球面解码能力，需改用photo-sphere-viewer等专用VR播放库。
-
使用浏览器开发者工具和PerformanceAPI定位执行超50毫秒的JavaScript长任务：1.用ChromeDevToolsPerformance面板录制并分析火焰图中Main线程上的长任务；2.通过PerformanceObserver监听longtask条目实现生产环境监控；3.结合主线程活动、FPS及CPU指标判断影响；4.采用代码分割、WebWorker或setTimeout分片优化。
-
space-evenly是justify-content的属性值，使flex容器内子元素间的间距及与容器边缘的距离完全相等，实现视觉对称布局。1.设置display:flex后使用justify-content:space-evenly；2.子元素之间及首尾与容器边距相同；3.适用于导航、图标组等需均匀分布的场景；4.现代浏览器支持良好，注意避免margin干扰布局效果。
-
border-spacing仅在border-collapse:separate时生效，设为collapse则被忽略；它作用于table元素，控制单元格边框外侧间距，不支持负值和百分比，IE8及以下不支持。
-
JavaScript通过CanvasAPI实现网页图形绘制、图表生成与动画，核心是获取2D上下文并调用绘图方法；需准备canvas元素，设置样式，绘制矩形、圆、线；柱状图和折线图需手动映射数据到坐标；动画推荐requestAnimationFrame，配合清空画布、更新状态、重绘；注意性能优化与鼠标交互。
-
HTML5是浏览器支持的最新标记标准，核心区别在于原生支持音视频、本地存储、语义化表单及标签；最简模板为<!DOCTYPEhtml>开头，新增<header><main><footer>等语义标签；关键特性如<video>、localStorage、fetch()等需按浏览器兼容性谨慎使用。
-
使用媒体查询可解决绝对定位在响应式中的错位问题，通过调整不同屏幕下的定位属性和布局策略，确保元素在各设备上正确显示且不溢出或遮挡内容。
-
ins标签用于标记HTML文档中新增的文本，常与del标签配合展示修改痕迹；2.它通过默认下划线样式突出插入内容，适用于协作编辑、版本控制等需展示修改历史的场景；3.可使用cite和datetime属性提供插入文本的上下文信息；4.与mark标签的区别在于语义不同：ins表示文档修改中的新增内容，mark用于标记当前上下文中的重点内容；5.可通过CSS自定义ins标签的样式，如去除下划线、设置背景色和文本颜色，以符合设计需求。
-
HTML5<inputtype="date">提交值恒为YYYY-MM-DD字符串，但后端需正确配置反序列化（如SpringBoot用@DateTimeFormat），前端避免newDate(value)而应补全时间（如value+"T00:00"）确保跨浏览器兼容；显示格式与提交格式须分离处理。
-
能，flex-wrap:wrap可解决子元素换行溢出，但需父容器设display:flex且子元素总宽超容器；若无效，常因未启flex布局、子项设flex-shrink:0或white-space:nowrap等干扰因素。
-
ReactNative通过桥接机制实现JS与原生高效通信，核心由JavaScript线程、原生线程和桥接层组成，支持异步序列化调用，需注册原生模块供JS访问，存在性能开销，可通过批量操作、TurboModules、Hermes等优化。
-
在JavaScript中，实现页面跳转的主要方法有三种：1.使用window.location.href直接跳转到指定URL；2.使用window.location.replace替换当前历史记录进行跳转；3.使用window.open打开新窗口或标签页进行跳转。每种方法都有其适用场景和优缺点，选择时需根据具体需求和用户体验来决定。
