-
JSONP的核心原理是利用<script>标签不受同源策略限制的特性，通过动态创建<script>标签向跨域服务器请求数据，服务器将JSON数据包裹在客户端指定的回调函数中返回，从而实现跨域数据获取。1.首先生成唯一的全局回调函数名，避免多个请求间的命名冲突；2.创建<script>标签并设置其src为带callback参数的URL，指向目标服务；3.将回调函数挂载到window对象上，供服务器返回时调用；4.服务器响应函数调用格式的数据，浏览器执行该脚本并触发回调；5
-
HTML中没有aside_标签，正确语义标签是<aside>；它需配合CSS（如grid或flex）布局，支持多实例、响应式断点及可访问性优化（如role="complementary"）。
-
WebStorage适合客户端存储因其容量大、不干扰网络通信、操作简洁、同源隔离明确；localStorage长期保存，sessionStorage仅限单标签页临时使用。
-
本文介绍如何通过监听keydown事件，将用户真实键盘输入无缝接入填字游戏逻辑，替代原有的弹出式虚拟键盘，提升操作效率与用户体验。
-
在CSS中，id属性是HTML元素的唯一标识符。1）id选择器以“#”开头，用于精确选择和样式化单个元素。2）id选择器优先级高，仅次于内联样式和!important。3）id应在页面中唯一使用，避免样式冲突。4）适用于布局中的关键元素，如导航栏和页眉。5）可结合伪类实现复杂效果，但需谨慎使用以防性能问题。
-
button的value属性是否显示取决于type：type为submit或reset时value覆盖标签内文本；type为button时value不参与显示，仅用于脚本读取；未声明type时默认submit，仍按提交类规则处理。
-
window.name是浏览器中生命周期与窗口绑定的全局字符串属性，页面跳转、刷新及跨域时均不丢失，适合轻量级跨页面数据传递，但不可存储敏感信息。
-
用overflow-wrap:break-word并配合min-width:0和width:100%，可安全折行长URL；word-break:break-all易致中文断字，hyphens:auto对URL无效且有兼容性风险。
-
使用grid-template-areas可让CSS网格布局更直观，通过命名区域“画”出结构，如"headerheader""sidebarmain"实现清晰拼图式布局，相同名称自动合并区域，用点（.）表示留白，响应式中可重定义区域顺序而无需修改子元素，提升可读性与维护效率。
-
setTimeout和setInterval不能精确倒计时，因其仅保证“至少”等待指定时间；应以Date.now()或服务端时间戳为基准动态计算剩余时间，避免累加误差。
-
隐式列宽不可控是因为默认grid-auto-columns为auto，导致列宽随内容变化；显式设置grid-auto-columns（如1fr、minmax(200px,1fr)或250px）可统一控制所有隐式列宽度，使其可预期、可维护。
-
<p>HTML5注释唯一合法语法是<!--...-->，天然支持跨行但严禁嵌套及注释体内出现--或-->，否则导致解析截断；条件注释已失效，应改用JS或CSS方案。</p>
-
scoped是伪隔离，依赖属性选择器标记；ShadowDOM是原生隔离，外部样式无法穿透。CSSModules需避免字符串拼接class和滥用:global()，slot交互样式应使用:deep()或提升至父组件。
-
本文介绍一种高效方法：利用Set构建对象ID的快速查找表，再通过filter筛选出数组中未在对象中出现的ID值，适用于大规模数据场景。
-
不用。HTML表单enctype仅对直接提交生效，Ajax上传绕过该机制；关键要用FormData构造请求体，由浏览器自动设置含boundary的Content-Type，手动设置会破坏multipart格式。
