-
HTML5在索尼Xperia手机上无需专属适配，但需严格设置viewport（含initial-scale=1.0）、用screen.width动态计算rem基准、双绑touchstart与click事件并preventDefault，且真机覆盖新旧机型测试。
-
本文介绍如何用语义更中立的元素（如span、div）替代p标签进行样式控制，解决因p标签默认间距导致的布局错乱问题，并提供内联样式、内部CSS等轻量级方案。
-
align-items:stretch失效是因为子元素存在height/min-height/max-height或内容有固定高度；需父容器设显式高度，再配合flex:1（即flex-basis:0）实现等高。
-
URL参数传递有五种方法：一、JavaScript解析URLSearchParams；二、手动拼接编码后的URL跳转；三、表单GET提交自动组装参数；四、锚点hash模拟传参；五、服务端预注入参数到HTML。
-
JavaScript通过原型链实现面向对象编程，每个对象都有指向其原型的内部链接，属性查找会沿原型链向上追溯直至null；函数的prototype属性用于构建实例的原型链，__proto__（或Object.getPrototypeOf）反映对象的原型连接，constructor默认指向构造函数，继承通过将子类原型设为父类实例实现，核心是原型链的拼接与查找机制。
-
HTML中普通空格无效是因为解析器会合并连续空白并忽略首尾空格；可靠方法是使用 等实体或CSSpadding/text-indent，注意 需写全且慎用于无障碍场景。
-
动画首选transform:translate()而非top/left，因前者不触发重排、性能更优；absolute定位需父容器设relative；fixed元素动画应避免top/left，改用transform；读取坐标时，transform动画用getBoundingClientRect()，top/left动画可用offsetTop/offsetLeft。
-
Bulma按钮无样式主因是未引入normalize.css；is-fullwidth需配合.is-expanded生效；columns底部对齐应避免设height，改用flex工具类；自定义主题色须在导入bulma前覆盖Sass变量。
-
目前主流且常用的浏览器JS传感器API包括：1.DeviceOrientationEvent和DeviceMotionEvent，用于获取设备方向与加速度数据，支持倾斜控制与运动检测；2.AmbientLightSensor和ProximitySensor，基于W3CGenericSensorAPI，可检测环境光强度与物体接近程度；3.GeolocationAPI，提供设备地理位置信息，广泛用于地图与LBS服务。这些API在游戏、阅读、健身等场景中实现沉浸式交互，但使用时需注意权限管理、HTTPS安全上下
-
应为每行表单项（如.form-row）设display:flex，label固定宽度+flex-shrink:0，input用flex:1+min-width:0；Grid布局更稳但需注意老版Safari兼容性；避免float/inline-block因设计逻辑不适用表单对齐。
-
应使用CSSGrid替代绝对定位实现列表项布局，因其支持自动换行、响应式调整、语义保留及无障碍访问；仅在需非网格化自由排布时才选用绝对定位。
-
必须在基础选择器中声明transition，而非仅:hover中；需统一transform值类型并完整声明初始状态，如.translateY(0)，否则动画断裂或卡顿。
-
单向数据绑定需手动监听数据变化并调用渲染函数实现“数据→视图”更新，Proxy或Object.defineProperty仅拦截读写，不自动渲染；适合只读场景，复杂交互需双向或显式提交。
-
WeakMap和WeakSet是专为对象生命周期管理设计的弱引用集合，用于安全关联对象信息且不阻碍垃圾回收，不可遍历、无size，仅适用于隐形元数据容器场景。
-
font-size不支持直接transition动画，需用rem+CSS自定义属性或transform:scale()实现可控过渡；JavaScript动态修改时须用getComputedStyle强制触发。
