json

JavaScript数组去重需根据数据类型选择策略：基本类型推荐使用Set实现高效去重，代码简洁且性能好；对象数组则应基于唯一字段（如id）结合Map或reduce进行去重，避免引用比较问题；filter配合indexOf兼容性好但性能较差，适用于小数据量场景；JSON.stringify方法因属性…

Rollup适合打包JavaScript模块因其支持Tree Shaking、输出多种模块格式并兼容ES6。它通过rollup.config.js配置入口与出口，结合resolve和commonjs等插件处理依赖，实现高效代码打包；多格式输出可同时生成es、cjs、umd文件，并通过package.…

TypeScript 更适合新项目和追求长期可维护性的团队，因其独立编译、完整类型系统和强大生态支持；Flow 以注释驱动、低侵入性适合渐进迁移旧项目，但工具链和社区活跃度较弱。1. TypeScript 初始化简单，配置清晰，集成度高；2. Flow 对现有 JS 项目影响小，无需修改构建流程；3…

SessionStorage是JavaScript提供的临时存储机制，用于在单个浏览器标签页会话期间保存数据，关闭标签页后自动清除。它遵循同源策略，存储容量为5-10MB，仅以字符串形式保存键值对，需用JSON转换复杂数据类型。主要操作包括setItem、getItem、removeItem和cle…

LocalStorage 是浏览器提供的持久化存储方案，支持以键值对形式保存最多约5MB的字符串数据，具备页面关闭后数据不丢失、遵循同源策略、提供 setItem、getItem、removeItem 和 clear 等简单API的特点，可通过 JSON.stringify 和 JSON.parse…

Web Workers是HTML5的多线程API，可将计算密集型任务移至后台线程执行，避免阻塞主线程。通过创建独立JS文件、使用new Worker实例化、postMessage通信、onmessage接收结果，并适时terminate终止。适用于大数据处理、加密、音视频操作等纯逻辑任务，不支持DO…

JavaScript实现国际化主要通过Intl API和i18next库。首先使用Intl对象进行日期、数字格式化及排序，如new Intl.DateTimeFormat(‘zh-CN’)；其次引入i18next管理多语言资源，初始化加载zh.json、en.json等文件，…

JavaScript异步编程通过回调函数、Promise、async/await逐步优化，解决单线程阻塞问题；回调易产生嵌套地狱，Promise实现链式调用并管理状态，async/await以同步语法提升可读性；结合事件循环机制，微任务（如Promise）优先于宏任务（如setTimeout）执行，…

防范XSS需对用户输入转义，使用textContent替代innerHTML，并启用CSP；2. 管理第三方依赖需定期审计漏洞、锁定版本并移除无用包；3. 敏感数据和逻辑应置于服务端，避免前端暴露密钥或权限判断；4. 采用严格模式、禁用eval等危险函数，全程使用HTTPS，确保编码安全。 Java…

ES6模块使用import/export，支持静态分析，CommonJS用require/module.exports，运行时加载；ESM可直接引入CJS，CJS需通过动态导入调用ESM，文件扩展名或package.json决定模块类型，推荐新项目用ESM，结合工具实现兼容。 ES6模块（ESM）和…