-
掌握WebGL渲染流程需先获取canvas上下文，编写GLSL着色器，编译链接程序，传入顶点数据，调用绘制函数执行渲染；每帧清空画布、设置MVP矩阵、绑定资源并绘制，构成渲染循环。3D场景依赖模型、视图、投影变换，通过perspective和lookAt模拟摄像机，片元着色器计算光照提升真实感。动画依靠requestAnimationFrame驱动，逐帧更新物体状态如旋转角度，结合deltaTime保证时间一致性。尽管原生WebGL有助于理解图形管线，但实际开发推荐Three.js等高级库，可大幅简化场景
-
JavaScript正则表达式是内置RegExp对象实例，非语法糖；动态构建必须用newRegExp()并转义元字符；match/replace/test行为差异大，需注意g标志和lastIndex状态；点号、行锚、Unicode匹配等默认限制易致失效。
-
能，但行为受限于浏览器和操作系统；现代主流浏览器支持调用原生颜色选择器，不支持透明度、Alpha通道及程序化触发，iOSSafari仅提供简陋轮盘式选择器。
-
animation-fill-mode:forwards只在动画播放完成时生效，需配合animation-duration等明确结束时间的属性；若使用infinite、缺末帧或被简写覆盖则无效。
-
完全靠谱，position是实现下拉菜单的主流可靠方案；关键在于正确处理层叠上下文（避免父容器意外创建）、合理设置z-index、用opacity/transform替代display做过渡，并结合JS控制状态以兼顾移动端与可访问性。
-
使用CSS动画可实现border-radius平滑变化，通过@keyframes定义从0或小值到50%的圆角过渡，配合animation-timing-function控制缓动，适用于按钮悬停、加载动画等场景。
-
JavaScript的this由运行时调用上下文决定：普通函数直接调用时指向全局对象（非严格模式）或undefined（严格模式）；对象方法调用时指向调用者对象；call/apply/bind可显式绑定；箭头函数继承外层this；new调用时指向新实例。
-
var声明的变量和函数声明会被提升，let和const存在暂时性死区，应优先使用let和const并配合ESLint等工具避免提升带来的问题。
-
本文详解如何将单词中特定字母（如“O”）无缝替换为自定义图像，并确保图像与周围文本在行高、基线和视觉上完全对齐，解决常见偏移、尺寸失衡问题。
-
使用浏览器开发者工具可直接编辑HTML并运行JavaScript：1.打开审查元素，在Elements面板修改HTML，Console面板执行JS代码；2.创建书签脚本（Bookmarklet）实现页面快速编辑；3.编写本地HTML文件用于长期测试。修改仅当前会话有效，注意安全风险。
-
用flex布局配合align-items可解决标题和图文错位问题：先给共同父容器设display:flex，再用align-items:center等值控制垂直对齐，同时重置标题margin和line-height以确保一致性。
-
炫龙电脑清HTML5缓存实为清理浏览器WebStorage数据；需在Chrome/Edge中勾选“Cookies及其他网站数据”或通过Application面板精准清除localStorage、IndexedDB、CacheAPI等。
-
overflow属性影响内容溢出时的显示与裁剪，尤其在定位元素中决定子元素是否被截断。其取值visible、hidden、scroll、auto分别控制溢出行为；当祖先元素overflow为hidden时，绝对定位子元素会遭裁剪，常导致下拉菜单或弹窗显示异常；设置overflow为hidden或auto可创建BFC，防止margin折叠并包含浮动；实际开发中应避免根元素设为hidden以防fixed元素被裁剪，优先使用auto以提升体验，并注意组件层级与兼容性问题。
-
URLAPI是浏览器和Node.js（v10.0.0+）原生支持的标准URL解析工具，需传入绝对URL或配合base参数使用；其属性只读，query操作应通过URLSearchParams，修改路径或协议须新建实例，并注意对不可信输入做try/catch和协议校验。
-
WKWebView加载file://本地HTML时localStorage默认禁用，需改用本地HTTP服务（如GCDWebServer）托管HTML并访问http://localhost:8080，方可启用localStorage等Web存储API。
