前端开发

XSS通过注入恶意脚本攻击用户，CSRF则伪造用户请求执行非法操作。防御XSS需过滤输入、转义输出、避免危险API并启用CSP；防御CSRF应使用CSRF Token、校验Referer/Origin、设置SameSite Cookie及二次验证。 前端安全是Web开发中不可忽视的一环，尤其是面对常…

使用 toLocaleString() 或正则可实现数字千分位格式化，前者简洁且支持国际化，后者灵活可控；推荐优先使用 toLocaleString(‘en-US’)，结合输入校验与小数处理确保稳定性。 数字千分位格式化是前端开发中常见的需求，比如将 1234567.89 转…

使用URLSearchParams是解析URL查询参数的推荐方法，如const params = new URLSearchParams(new URL(‘https://example.com?name=john&age=25’).search); 可通过param…

答案：通过data-rules属性定义表单验证规则，结合JavaScript实现动态校验。1. 为输入框设置data-rules属性（如required,email）声明验证规则；2. 创建包含required、email、phone、minLength等校验方法的validators对象；3. 遍…

动态导入指使用import()函数在运行时异步加载模块，返回Promise，实现按需加载。构建工具识别import()并拆分代码为独立chunk，用于路由级、功能级或第三方库分割。例如点击按钮或进入页面时才加载对应模块，减少首屏体积。结合懒加载可显示加载状态，提升用户体验。需注意避免过度分割、命名c…

答案：该文章介绍了一个基于发布-订阅模式的极简状态管理库实现，包含state、getters、mutations和actions四大核心功能。通过Proxy实现响应式数据监听，状态变更时自动触发订阅回调，支持同步提交与异步操作，并提供了getter计算属性和订阅机制。代码简洁，适用于学习原理或小型项…

防抖和节流是前端优化高频事件的两种手段。防抖通过延迟执行，仅在事件停止触发后执行一次，适用于搜索联想等场景；节流则以固定频率执行，适合滚动监听等需定期响应的场景。两者均通过控制函数执行频率提升性能。 在前端开发中，频繁触发的事件（如窗口滚动、输入框输入、鼠标移动等）会带来性能问题。为了解决这类问题，…

Source Map是映射压缩代码与原始源码位置关系的JSON文件，包含sources、names、mappings等信息，通过构建工具生成并在浏览器中加载，实现错误堆栈和断点的还原，提升调试效率；生产环境建议上传至私有服务器以兼顾错误追踪与代码安全。 前端开发中，JavaScript 经常会被压缩…

MutationObserver是监听DOM变化的高效工具，通过创建实例并配置选项如childList、subtree、attributes等，可监控节点增删、属性及文本变化，适用于自动移除广告、SPA事件重绑定等场景，使用observe()开始监听，disconnect()停止以避免内存泄漏，需合…

Performance API是浏览器提供的高精度性能测量工具，核心方法performance.now()可精准计算代码执行时间，相比Date.now()更准确且不受系统时钟影响；通过mark()和measure()可语义化标记并测量代码段耗时，适用于函数、算法及DOM操作的性能分析；建议使用cle…