前端技术文章
-
HTML表格使用<table><tr><th><td>构建，支持scope属性提升可访问性、colspan/rowspan合并单元格、<caption>添加标题及内联样式控制外观。371 收藏 -
不能只用Set实现最近搜索历史，因其无法动态调整顺序；需组合Set（O(1)去重）与数组（维护时序）或Map（内置有序，更简洁）。242 收藏 -
ViewTransitionsAPI仅对已挂载且可匹配的DOM元素生效，依赖成对、稳定、唯一的view-transition-name属性触发快照过渡，不支持跨页面导航或异步DOM更新。409 收藏 -
TemporalAPI专为精准处理夏令时设计，通过IANA时区标识符、类型安全的ZonedDateTime、分离日历时间与时区解释、明确区分时间推进与显示转换、显式消歧重叠时刻，彻底解决传统Date的静默修正与偏移错误。475 收藏 -
transform:rotate仅影响渲染层，不改变布局空间；包裹父容器可提供明确盒模型，配合调整margin、padding和transform-origin来对齐视觉与交互。264 收藏 -
iPad上requestAnimationFrame卡顿主因是iOSSafari节流，需验证performance.now()间隔；canvas须按DPR重设宽高并缩放；CSS动画需确保元素已布局且避免opacity+visibility隐藏；WebGL需检查帧缓冲、生成mipmap并适配芯片。349 收藏 -
JavaScriptDate对象基于毫秒时间戳，创建用newDate()，获取/设置方法对应年月日时分秒（注意月份0起始），set类方法修改原对象；格式化可用toJSON()/toLocaleString()等，比较直接用>或减法得毫秒差。186 收藏 -
navigator.locks不能同步权限，仅保证同源下至多一个标签页执行某段代码；锁名须含业务唯一标识且URL-safe，mode必须显式设为'exclusive'，ifAvailable应启用以防阻塞，Safari不支持需服务端幂等兜底。409 收藏 -
HTML5项目经验需聚焦真实问题：如用<picture>+srcset实现多分辨率图片适配，设viewport解决iOS双击缩放并权衡可访问性，ServiceWorker+CacheAPI实现离线策略，Canvas/WebAudio性能优化及兼容性取舍。288 收藏 -
flatMap()是JavaScript中先映射后浅层展平一层的数组方法，天然支持过滤+映射+展平三合一操作：保留项返回[value]，丢弃项返回[]，从而实现高效单次遍历处理。110 收藏 -
用@keyframes改变width或height没效果，是因为这些属性不支持auto值插值、行内元素默认不响应、父容器尺寸不定导致计算失败；应改用transform或max-height替代。265 收藏 -
直接给<img>设aspect-ratio大概率无效，因其是替换元素，需作用于外层容器并配合width或max-width才能生效；现代浏览器中应优先用aspect-ratio:16/9配合object-fit和块级显示确保比例与渲染一致。211 收藏 -
history.scrollRestoration='manual'仅禁用浏览器自动恢复滚动位置，不触发置顶；刷新后仍可能保留旧位置，需配合beforeunload和pageshow事件手动调用scrollTo(0,0)才能稳定回顶。287 收藏 -
有效写法是<inputtype="hidden"name="xxx"value="yyy">，name必填且唯一，value设值；JS修改后需确保表单机制捕获变更，禁用或异步更新会导致不提交；不可存放敏感信息，仅用于非敏感上下文标识。253 收藏 -
本文详解如何在OpenLayers（v6.5.0+）中彻底禁用默认缩放按钮（+/−），包括初始化时精准配置、动态移除及Vue环境下的实践方案，兼顾可维护性与交互完整性。412 收藏