-
flex布局中align-items:stretch默认生效，三栏等高需父容器有明确高度或内容撑开；CSSGrid更轻量，子项天然等高且不依赖父容器高度。
-
本文详解如何通过解析方向命令（如forward、back、right、left）动态更新二维坐标，指出常见错误（如误用循环索引代替命令值、未正确返回新坐标），并提供两种规范实现：基础for循环版与现代ES6解构+rest参数版。
-
后引入的CSS样式会覆盖先引入的相同规则，因此应先引入基础样式（如reset.css、bootstrap.css），再引入自定义样式（如style.css），以确保自定义规则生效。
-
本文详解AmCharts5中如何精准触发地图缩放到指定地理坐标（如伦敦），重点指出常见误区——错误监听Chart事件而非PolygonSeries，并提供可直接运行的修复代码与关键注意事项。
-
WebSocket协议实现全双工通信，适用于实时场景；通过newWebSocket()建立连接，监听onopen、onmessage、onerror、onclose事件处理交互；支持发送JSON或二进制数据；需设置binaryType处理ArrayBuffer等格式；网络不稳定时应实现重连机制与心跳检测，确保连接可靠性。
-
ArrayBuffer是内存中可读写的原始二进制缓冲区，需通过视图操作；Blob是浏览器中不可变、面向I/O的二进制对象，需异步提取内容，二者分工明确、常协作使用。
-
HTML5<inputtype="date">提交的是YYYY-MM-DD格式字符串，如"2024-03-15"；数据库应选用DATE类型，后端无需转换，直接透传校验即可。
-
@keyframes滑入动画核心是用translateX(±100%)从视口外移入，百分比基于元素自身宽；需显式设初始transform避免跳变；推荐JS控制类名触发，配合animation-fill-mode:forwards保持终态。
-
本文详解因浏览器安全策略限制导致本地视频无法播放的问题，提供基于本地服务器的解决方案，并附完整配置步骤与代码示例。
-
本文介绍如何让JavaScript函数“冻结”某一时刻的变量值，确保后续变量变更不影响函数行为——通过立即执行函数表达式（IIFE）或闭包实现安全、高效、内存友好的值捕获。
-
<linkrel="stylesheet">必须置于<head>内，放</body>前会被忽略；它默认阻塞HTML解析和渲染，无法用defer/async控制；可通过media属性条件加载、rel="preload"+JS注入或内联关键CSS优化性能。
-
使用absolute定位结合媒体查询实现响应式侧边栏：1.通过position:absolute使侧边栏脱离文档流，固定于屏幕左侧；2.利用mediaqueries在小屏下调整宽度或隐藏侧边栏，主内容自适应；3.配合transform和JS实现抽屉效果，优化移动端体验。
-
::marker伪元素可用于修改列表项标记的颜色、大小等内容，主要支持有序和无序列表的样式定制。通过color、font-size等属性可调整外观，content可替换无序列表符号，如改为短横线；对于有序列表编号的深度自定义，则需结合CSS计数器与::before配合display:marker实现，如生成“第1条”格式；需注意::marker不支持背景、边框等属性，且IE不兼容，复杂效果建议用::before模拟。
-
能用，但需上层逻辑实现协同功能；mark仅提供语义化静态高亮，不支持实时同步、权限控制或版本管理，实际项目多用数据层记录范围并动态渲染。
-
跨域问题由浏览器同源策略引起，主要解决方案有：JSONP利用script标签实现GET跨域，需后端配合但安全性低；CORS通过服务端设置Access-Control-Allow-Origin等响应头，支持所有HTTP方法，是目前主流方案；代理服务器（如Nginx、Viteproxy）将跨域请求转为同源，前后端分离开发常用；postMessage用于不同窗口或iframe间的跨域通信，需指定目标源。推荐优先使用CORS，开发环境结合代理，特殊场景选用JSONP或postMessage。
