-
this指向完全取决于函数如何被调用：普通调用时非严格模式指向全局对象、严格模式为undefined；对象方法调用时指向点号左边的对象；new调用时指向新实例；call/apply/bind可显式绑定且优先级最高；箭头函数不绑定this，沿作用域链查找。
-
本文介绍一种简洁、可复用的JavaScript方法，用于遍历任意<select>元素的所有<option>，将其value属性批量更新为对应textContent，从而避免手动维护不一致的值，适用于含多个表单的复杂页面。
-
HTML5的type="password"仅实现字符遮掩，不加密、不防抓包、不验证；真正安全依赖HTTPS传输、服务端强哈希存储及前后端协同校验。
-
常见的轻量CSS框架核心特点是体积小（通常仅几KB），专注基础样式与实用工具类，无冗余组件，加载快，易定制，适合性能敏感或渐进增强项目。
-
JavaScript图片懒加载核心是按需加载，使用IntersectionObserver替代scroll监听，配合data-src与loading="lazy"，缓存DOM查询、处理加载失败并避免性能陷阱。
-
浏览器拦截非用户主动触发的弹窗是安全机制，核心因JS在无用户手势上下文（如click）时调用window.open()；必须保证手势链完整，异步回调会丢失上下文；推荐用DOM模态框替代，或预留空窗口再导航。
-
flex-wrap:wrap能解决换行问题，但需配合flex-direction:row和容器明确宽度；常见不换行原因是父容器无宽度限制、子项white-space:nowrap或内容不可折行。
-
答案：CSS中通过margin控制元素外间距，padding控制内间距，flex布局可用gap设置子元素间隔，并推荐使用box-sizing:border-box避免尺寸异常。
-
页面跳转白屏主因是关键资源加载与JS执行阻塞渲染，应通过preload预加载必用资源、拆分路由JS包、使用defer/async、内联首屏CSS及监控性能定位瓶颈。
-
直接加loop属性即可实现视频循环播放，它是HTML5原生布尔属性，存在即生效，无需赋值；需确保视频加载成功、未被pause中断、避免preload="none"影响，并注意移动端需配合muted使用autoplay。
-
首先获取关键性能指标，再通过PerformanceAPI采集数据。FP、FCP、LCP衡量渲染速度，FID反映响应延迟，TTFB评估网络性能，结合PerformanceObserver和navigation/paint类型数据实现精准监控与上报。
-
JavaScript动画核心是控制样式属性随时间变化，主要通过requestAnimationFrame或setTimeout驱动；现代开发推荐JS控制+CSS实现的组合方式，兼顾性能与可维护性。
-
为什么要用<time>标签？因为它能提供语义化的时间信息，帮助浏览器和搜索引擎准确识别时间内容。直接写文字虽能显示时间，但缺乏结构化数据支持，而<time>标签通过datetime属性标准化时间格式，兼顾用户可读性和机器解析需求。如何使用<time>插入时间？1.基本用法：直接在标签中写时间，如<time>2024年10月5日</time>；2.带datetime属性的标准格式，如<timedatetime="2024-10-05
-
用background-image线性渐变替代border-style:dashed可精准控制虚线，需严格匹配实线与间隙像素值、显式设置background-size和background-repeat，并通过多层背景或伪元素实现不等宽边框。
-
JavaScript正则引擎为回溯型NFA，执行test/exec/match时逐字符匹配并回退，易因嵌套量词或.引发灾难性回溯；应优先用字面量预编译、否定字符类替代.、避免动态构造及嵌套量词。
