-
visibility属性用于控制元素可见性但不改变布局，其值为visible时显示，hidden时隐藏但仍占空间，collapse多用于表格；与display:none不同，visibility隐藏后仍保留位置，适合频繁切换且避免布局抖动的场景。
-
JavaScript模板引擎通过解析含占位符的模板并替换为实际数据生成HTML，核心原理是将模板编译为可执行函数以提升性能，如使用正则匹配{{name}}替换变量；高级引擎支持条件、循环等逻辑语法，编译时转为对应JavaScript语句，并通过抽象语法树处理嵌套结构；同时内置HTML转义机制防止XSS攻击，确保输出安全。
-
AOP（面向切面编程）通过分离核心业务与横切逻辑（如日志、权限），提升代码模块化。JavaScript虽无原生AOP支持，但可利用Proxy拦截对象操作，结合get和apply陷阱，在方法调用前后注入额外逻辑，实现日志记录、性能监控等功能。示例中，Proxy包装目标对象，自动输出执行前后日志。该方式适用于对象级别拦截，常用于日志、校验、权限控制等场景。但Proxy仅能代理对象，无法直接代理普通函数，且存在性能开销，高频场景需谨慎使用。总体上，Proxy为JS提供了灵活的AOP模拟方案。
-
CSS盒模型是网页布局的核心，包含内容、内边距、边框和外边距四部分；默认content-box模式下宽度仅指内容区域，而border-box模式下宽度包含内边距和边框，推荐全局设置box-sizing:border-box以简化布局计算；此外，垂直外边距可能发生折叠，可通过Flexbox、Grid、BFC等方式避免。
-
要制作CSS3D效果，核心是使用CSS3的transform属性配合perspective和transform-style:preserve-3d；1.定义透视（perspective）来设定观察距离，值越小透视越强，值越大越接近正交投影；2.在3D容器上设置transform-style:preserve-3d，使子元素能在独立的3D空间中变换而不被扁平化；3.使用rotateX/Y/Z、translateZ等函数对子元素进行3D变换，构建立体结构；4.通过transform-origin调整旋转轴心，
-
在Sketch中设计时需模拟CSS实现的隐藏或自定义滚动条效果，核心是通过::-webkit-scrollbar等伪元素控制样式，如设宽度为0或透明化以视觉隐藏；同时要考虑可发现性，用渐变、裁剪或微交互提示用户存在滚动内容，平衡美观与可用性，并在原型中明确标注滚动区域以便开发。
-
使用PapaParse处理CSV文件，支持解析复杂字段和生成标准格式；使用SheetJS（xlsx）读写Excel文件，支持多工作表、公式及样式；针对编码、日期、大数据量等复杂场景，建议设置UTF-8编码、转换日期序列、采用流式解析，并根据需求选择合适工具。
-
答案是构建简化版前端构建工具需从入口文件出发，利用Node.js读取文件并解析AST，提取依赖关系，通过Babel转译代码，递归生成包含所有模块的依赖图，最终封装为自执行函数输出bundle；具体流程包括：初始化项目，使用fs、path、@babel/parser等模块实现模块解析与ES6+转码，为每个模块分配唯一ID并记录依赖，基于队列或递归构建去重的依赖图谱，将模块包裹在函数中模拟require机制，支持按ID加载模块，最后可扩展插件钩子实现资源处理。
-
异步加载脚本在JavaScript中主要通过使用<script>标签的async和defer属性或动态创建<script>标签实现。1.async属性允许脚本在下载时继续解析HTML，完成后立即执行。2.defer属性使脚本在文档解析后但DOMContentLoaded前执行。3.动态创建<script>标签提供更灵活的控制，适合处理依赖和加载失败。
-
答案是ESModules（ESM）通过import和export实现静态分析、异步加载、独立作用域与依赖图构建，解决传统script标签的全局污染、依赖混乱与性能问题，支持TreeShaking与动态导入，结合构建工具可应对兼容性、路径解析和CORS等挑战，提升工程化效率。
-
Bulma通过基于Flexbox的columns系统和响应式修饰符实现简洁布局，其开箱即用的网格、组件及Sass驱动的定制化支持，在保持轻量的同时提升开发效率与维护性。
-
节流的核心是控制函数执行频率，确保在设定周期内最多执行一次。1.通过setTimeout实现节流，利用定时器延迟执行，若在延迟时间内重复调用则更新参数或忽略；2.使用requestAnimationFrame优化动画性能，使回调与浏览器刷新率同步，提升流畅度；3.节流与防抖不同，前者限制执行频率，适用于滚动、窗口调整等持续响应场景，后者等待事件停止后才执行，适合搜索框输入、表单验证等完成性操作；4.实现时需注意this上下文和参数的传递，避免丢失原始调用信息；5.可选“立即执行”逻辑，在首次调用时即触发函
-
JavaScript类是基于原型继承的语法糖，使用class关键字定义，通过new创建实例，包含构造函数、实例方法、静态方法及getter/setter，支持继承（extends）和super调用，提升了代码可读性与维护性，适用于模块化和框架开发。
-
实现HTML一键复制的核心机制是使用JavaScript操作剪贴板，现代推荐方法为navigator.clipboard.writeText()，兼容性方案则使用document.execCommand('copy')；2.navigator.clipboard.writeText()基于Promise、异步执行、更安全且符合现代标准，但需在HTTPS环境下由用户手势触发；3.document.execCommand('copy')虽兼容老旧浏览器，但已被废弃，需创建临时元素并选中内容，操作复杂且存在安全
-
Node.js应用部署与监控需关注部署方式、工具及策略。可选直接部署（PM2管理）、容器化（Docker+K8s）或云平台（Vercel/Heroku）；使用PM2实现进程守护、日志查看与开机自启；通过结构化日志（Winston/Bunyan）、APM监控（Prometheus/Grafana）、健康检查接口和异常告警保障稳定性；结合CI/CD（GitHubActions/Jenkins）实现自动化发布，提升效率与可靠性。标准化流程有助于降低运维复杂度。
