-
本文介绍如何在ReactNative中创建一个既能点击任意区域收起软键盘、又不拦截按钮等子组件原生触摸事件的通用封装组件，核心在于使用onStartShouldSetResponder并返回false实现事件冒泡。
-
掌握CSS盒模型是实现精准多列布局的关键。使用box-sizing:border-box可确保宽度包含padding和边框，避免溢出；Flex布局中可通过gap（部分浏览器支持）或margin配合负边距控制间距；Grid布局原生支持gap属性，能直接设置行与列的间距，更易管理且不影响盒模型计算；统一设置box-sizing并优先采用gap，可有效解决首尾贴边、间距不均等问题，提升布局整洁性与可控性。
-
window.open()才是打开新页面的正确方式，alert/confirm等弹窗无DOM且不可交互；它返回Window对象支持完整API，但需用户手势触发、注意跨域通信与移动端兼容性。
-
column-gap不生效的根本原因是旧版多列布局依赖column-count/column-width触发，且不兼容inline-block、float等干扰样式；需确保容器为纯文本流、使用现代浏览器支持版本，或用column-rule模拟间隙。
-
iOSSafari及WKWebView默认禁止有声视频自动播放，必须同时满足muted、playsinline和用户手势触发（或配置mediaTypesRequiringUserActionForPlayback）三条件；视频还须无音频轨、含关键帧且用H.264编码。
-
box-sizing:border-box可解决网页布局中因边框和内边距导致的尺寸失控问题，使width和height包含内容、padding和边框；默认的content-box模式下，padding和border会额外增加元素总尺寸，易造成表格或卡片布局溢出；通过设置table或card元素的box-sizing为border-box，可确保元素宽度包含内边距和边框，避免撑破容器；推荐全局统一设置,::before,*::after{box-sizing:border-box;}以实现一致的尺寸控制；应
-
首先检查HTML代码结构是否完整，确认包含doctype、html、head和body标签；接着验证浏览器预览设置，确保默认浏览器正确配置并尝试更换浏览器测试；然后检查外部资源路径是否正确，使用相对或绝对路径准确指向CSS、JS和图片文件；排查JavaScript语法错误或阻塞渲染的脚本，可通过注释法定位问题代码；最后清除DW缓存（删除“_dw”文件夹）并重建站点定义以排除程序异常。
-
CSSfilter的contrast()是最快实现图片对比度调整的方式，值为1表示原始对比度，0为灰白，大于1增强，小于1降低；需注意语法括号、元素包裹及兼容性问题。
-
BootstrapCollapse必须引入JS文件（如bootstrap.bundle.min.js）才能生效，仅写data-bs-toggle和data-bs-target不起作用；HTML结构需符合规范，目标容器要有collapse类和唯一id；多折叠项互斥需用accordion容器并设置data-bs-parent；动画异常多因CSS干扰height/opacity过渡；纯CSS方案（如details/checkboxhack）兼容性差、可访问性弱，不推荐生产使用。
-
CSS选择器链过长易引发优先级失控、结构变动导致样式失效、协作修改风险高三大问题，应以语义化类名替代层级依赖，推行模块化实践并谨慎保留必要短链。
-
响应式系统通过数据变化自动更新视图，核心为依赖收集与更新触发。利用Proxy或Object.defineProperty劫持数据，读取时收集依赖，修改时通知更新。Vue3采用Proxy实现动态属性监听与数组支持，React通过虚拟DOM对比更新UI，Angular曾用脏检查。双向绑定本质是v-bind与v-on语法糖。示例展示基于Proxy的简易响应式机制，提升对框架底层逻辑理解。
-
HTML5通过<video>标签原生支持视频嵌入，需设置宽高、controls、preload和poster属性；用多个<source>适配格式；自动播放须加autoplay与muted；响应式布局用CSS保持宽高比；添加备用文本、aria-label和<track>提升可访问性。
-
用border实现扁三角形的原理是利用相邻边交界处的斜切效果，三边透明、一边实色，配合width:0;height:0;形成三角；关键在于控制border-width比例（如2:1）和transform微调形状。
-
企业简介页的现代感源于克制设计：用clamp()实现平滑响应式标题、grid-template-areas明确信任要素权重、aspect-ratio锁定图片比例，舍弃冗余动画与炫技效果。
-
:empty伪类选择无内容元素，可用于优化空状态样式。例如.content:empty设置空容器样式，仅真正为空的元素被选中，常用于隐藏空模块、设占位符或控制表单字段显示。结合JS可实现加载提示自动消失，提升用户体验与维护效率。
