-
JavaScript全屏API是浏览器原生接口，用于让元素真正进入系统级全屏状态；需通过用户手势调用requestFullscreen()方法，兼容处理前缀，监听fullscreenchange事件并用document.exitFullscreen()退出。
-
JavaScript可通过轻量库（如compromise、natural、wink-nlp）、云API（阿里云/腾讯云/百度NLP）或浏览器原生API（Intl.Segmenter）实现分词、情感分析等NLP任务，需依场景选型：前端重隐私与实时性，后端重模型集成与精度。
-
答案：通过@keyframes改变border-width可实现边框厚度动画。1.设置border-style后，用animation调整border-width数值可使边框由细变粗；2.可单独控制某一边（如下边框）的宽度变化；3.结合border-color、transform等属性可创建脉冲效果。需注意初始化border-style并推荐使用box-sizing:border-box以避免布局偏移。
-
媒体查询断点应匹配真实设备逻辑并分层设置（如320px、480px、768px等），配合rem实现字号与间距自适应，优先使用Flexbox/Grid布局，确保viewport正确设置，并区分核心响应对象与视觉细节。
-
TreeShaking是构建工具利用ES6模块静态结构实现的代码优化技术，通过标记、剔除、压缩三步移除未使用代码。其生效依赖于静态import/export、无副作用声明、命名导出及正确配置如babel的modules:false和生产模式打包，确保仅保留运行时真正需要的代码，从而减小包体积。
-
absolute与fixed定位核心区别在于参考系：absolute相对最近已定位祖先，fixed始终相对视口且滚动不动；前者适合随页面滚动的弹窗，后者适合屏幕钉住的浮层。
-
使用浏览器直接打开本地HTML文件，输入file:///路径即可运行JavaScript；2.推荐安装HTMLViewer等专用App进行实时预览和调试；3.对于AJAX等需同源策略的功能，应通过KSWEB等本地服务器运行；4.注意文件路径正确、语法无误，并避免file://协议加载外部资源。
-
JavaScript模块化将代码拆分为独立可复用单元，ES6模块（import/export，编译时加载、实时引用）与CommonJS（require/module.exports，运行时加载、值拷贝）核心区别在于设计目标和运行机制不同。
-
datalist在联想手机上可用但体验取决于浏览器引擎而非品牌；Android系统WebView（尤其旧版）支持不完整，Chrome/Edge（v80+）正常，微信/QQ内置浏览器等常失效；推荐type="text"+inputmode，并用'list'inHTMLInputElement.prototype检测原生支持，失效时JS模拟下拉。
-
默认情况下，<details>元素不可聚焦，因此details:focus选择器无效；需通过添加tabindex="0"使其成为可聚焦的交互元素，才能正确响应:focus伪类并应用自定义焦点样式。
-
JavaScript在浏览器中经解析、编译、执行三阶段运行：先词法分析生成AST并检查语法；再由Ignition转字节码、TurboFan优化热点函数为机器码；最后通过调用栈、堆内存和事件循环协同执行，微任务优先于宏任务。
-
Canvas中用globalCompositeOperation实现图片混合，其本质是像素级合成，需先后绘制图片并在第二张前设置该属性；CSSmix-blend-mode适用于重叠的img元素但受限于stackingcontext；SVGfeBlend更可控但性能开销大。
-
:has()是现代CSS中唯一原生支持根据子元素反选父元素的结构伪类，语法为父选择器:has(子选择器)，如div:has(p)；需注意浏览器兼容性、性能影响及子选择器写法陷阱。
-
应使用无头浏览器、拦截Ajax接口、注入JS脚本或启用CDP四种方法抓取HTML5动态网页数据：一、Puppeteer模拟真实访问并提取渲染后DOM；二、通过Network面板定位接口直接请求JSON；三、用Selenium/Playwright注入脚本读取Vue/React运行时数据；四、通过CDPWebSocket监听网络响应并执行运行时评估。
-
JavaScript垃圾回收靠可达性判断对象是否该被清除：从根对象出发标记所有可访问对象，未被标记的不可达对象即被清除；可达性取决于引用链是否连通，而非delete或null赋值。
