-
词法作用域指函数作用域在定义时即确定，由代码书写结构决定；闭包是函数与其定义时词法环境的组合，捕获外部变量引用而非值，使变量生命周期延长。
-
处理JavaScript跨域问题有四种方法：1.CORS，通过服务器设置HTTP头部解决前后端分离问题；2.JSONP，利用<script>标签实现旧系统整合，但仅限GET请求；3.代理服务器，如Nginx反向代理，适用于复杂请求；4.现代方法如postMessageAPI和iframe用于特定场景。
-
WebGL是基于OpenGLES2.0的浏览器原生3D图形API，无需插件，通过JavaScript调用GPU实现硬件加速渲染；其核心仅负责顶点处理与像素着色，需手动编写GLSL着色器、管理缓冲区及矩阵变换，门槛高但控制力强。
-
本文详解如何在Laravel项目中按分类（如fabrikasi、konstruksi等）精准筛选并渲染最多10张作品图，解决take(10)无效、分类混乱及第11张图不显示等问题。
-
在flex布局中，margin:auto能让元素靠右是因为它会自动吸收主轴方向的剩余空间；只需给目标元素设置margin-left:auto即可实现右对齐，前提是父容器为display:flex且元素未脱离文档流。
-
闭包是JavaScript函数作用域与执行上下文共同作用的自然结果，核心在于函数静态绑定定义时的词法环境（[[Environment]]），并捕获外层变量引用而非值快照。
-
优化浏览器中JavaScript性能需从多维度入手，核心是减少计算与DOM操作、合理管理内存及优化资源加载。首先，应批量处理DOM操作，利用DocumentFragment或虚拟DOM降低重排重绘开销；其次，通过防抖（debounce）和节流（throttle）控制事件触发频率，避免主线程阻塞；最后，善用异步编程（如async/await、Promise）将耗时任务移出主线程，防止UI卡顿，提升整体流畅度与用户体验。
-
迭代器是实现next()方法并返回{value,done}对象的统一遍历接口，生成器是通过function*定义、用yield暂停恢复的语法糖；二者均支持for...of等消费方式。
-
JavaScript正则表达式是用于匹配、查找、提取或替换字符串模式的工具，支持字面量（如/abc/）和RegExp构造函数创建，配合test()、match()、replace()等方法使用。
-
跨域问题本质是浏览器同源策略限制，防止恶意网站窃取用户数据；JSONP利用script标签绕过但仅支持GET且存XSS风险；CORS通过服务端响应头正向解决，需配置Access-Control-Allow-Origin等字段。
-
video元素铺满全屏需同时满足：父容器设100vw/100vh并有明确尺寸、video设width/height100%、object-fit:cover、display:block及overflow:hidden；仅width/height100%会导致拉伸或黑边。
-
JavaScript类继承通过extends实现子类复用父类属性方法，基于原型链但用class语法更直观清晰，提升代码可读性与维护性。
-
可使用CSS的position:fixed实现元素始终悬浮于视口特定位置，需配合top/right/bottom/left定位、z-index提升层级，并通过padding预留空间防遮挡；移动端需添加viewportmeta和transform:translateZ(0)优化；动态控制可用scroll事件+节流；兼容性不足时可用position:sticky替代。
-
应使用<meter>表示已知范围内的静态测量值（如CPU使用率65%），而<progress>用于动态任务进度（如上传完成73%）；<meter>必须显式设置value、min和max以确保语义正确与无障碍支持。
-
移动端touch设备无真正:hover，应优先用:active配合touch-action:manipulation实现点击反馈，需JS管理持久状态，并排查pointer-events:none的隐式影响。
