前端工程化
Webpack是前端模块化打包工具，支持代码分割、模块化与静态分析。相比Grunt/Gulp，更注重模块处理。核心概念包括bundle、chunk、module。Loader用于解析非JS文件，Plugin扩展构建功能。构建流程含初始化、编译、依赖解析、输出等阶段。可通过SplitChunks提取公共代码、Tree-shaking去除无用JS（需ES6模块）、压缩资源、合理配置缓存（如chunkhash）优化性能。支持热更新提升开发效率，配合webpack-cli可自动生成配置。
何为跨域
CORS（跨域资源共享）是W3C标准，允许浏览器向跨源服务器发起XMLHttpRequest请求，突破AJAX同源限制。需浏览器和服务器共同支持，主流浏览器均兼容。通信由浏览器自动完成，开发者无需特殊编码。核心在于服务器配置CORS响应头，如Access-Control-Allow-Origin等。请求分为简单和非简单两类，后者会先发送OPTIONS预检请求确认权限。相比仅支持GET的JSONP，CORS支持所有HTTP方法，更灵活安全。
🤖 Agent系统
大模型Agent是具备自主规划、推理、工具调用与记忆能力的智能系统，通过“大脑-感知-行动-记忆”架构实现复杂任务分解与持续交互。支持函数调用与多工具集成，广泛应用于搜索、计算、天气等场景。主流框架如LangChain、AutoGPT、CrewAI等各具特色，适用于原型开发、多Agent协作与企业级应用，是AI进化的关键方向。
Ajax和网络
Ajax（异步JavaScript与XML）是一种实现网页局部刷新的技术，通过XMLHttpRequest对象实现客户端与服务器异步通信。其核心是不刷新页面进行数据交互，提升用户体验和性能。涉及创建请求、发送、回调及DOM更新等步骤。支持GET/POST方法，常用于按需加载数据。存在跨域限制，可通过JSONP或CORS解决。同源策略保障安全，异步加载优化资源加载。缺点包括影响浏览器回退、对SEO不友好等。
Webpack性能优化
本文介绍如何通过Webpack优化打包性能。从减小文件体积（按需加载、Tree Shaking、Scope Hoisting）到提升打包速度（优化Loader、HappyPack、DllPlugin、并行压缩），再到长缓存优化，全面提升构建效率与加载性能。
前端工程化
Webpack是模块打包工具，支持代码分割、模块化与静态分析，相比Grunt/Gulp更侧重模块处理。Webpack 4引入mode参数，优化构建速度与体积，支持Tree-shaking、chunk拆分，提升前端性能。通过配置可实现公共代码提取、压缩、长缓存优化等。
如何写好一篇技术方案
本模板用于规范产品需求文档，涵盖项目背景、变更记录、功能模块、流程图、UML图及时序图等核心内容，支持语雀卡片与文件附件，提升团队协作效率，确保产研上下文对齐。
什么是跨域
CORS（跨域资源共享）是W3C标准，允许浏览器向跨源服务器发起XMLHttpRequest请求，突破AJAX同源限制。需浏览器和服务器共同支持，主流浏览器均已兼容。通信过程由浏览器自动完成，开发者无需改变代码。CORS将请求分为简单和非简单两类，后者会先发送OPTIONS预检请求，验证通过后才执行实际请求。服务器需设置Access-Control-Allow-Origin等响应头。相比仅支持GET的JSONP，CORS支持所有HTTP方法，更灵活安全。
Webpack性能优化
使用Webpack优化性能可通过按需加载、Tree Shaking、Scope Hoisting减小包体积；利用HappyPack、DllPlugin、缓存等提升打包速度；结合代码压缩与长缓存策略，显著提升构建效率与加载性能。（238字）
ajax和网络
Ajax（异步JavaScript与XML）是一种利用已有技术组合实现异步通信的技术，通过XMLHttpRequest对象实现页面局部刷新，提升用户体验。它支持GET/POST请求，解决跨域常用JSONP或CORS，具有高效、按需加载的优点，但存在对搜索引擎不友好、安全机制暴露等缺点。同步阻塞等待，异步非阻塞回调，现代开发多用封装库如jQuery。跨域限制源于同源策略（协议、域名、端口一致），可通过动态script、代理等方式突破。HTTP状态码如200成功、404未找到、500服务器错误等，是通信关键标识。
