前端工程化
Webpack是模块打包工具，支持ES6、代码分割与模块化，区别于Grunt/Gulp等构建工具。webpack4新增mode参数，优化打包策略，支持Tree-shaking、splitChunks提取公共代码，提升构建效率与性能。通过loader处理非JS资源，plugin扩展功能，实现高效前端工程化。
什么是跨域
CORS（跨域资源共享）是W3C标准，允许浏览器向跨源服务器发送XMLHttpRequest请求，突破同源限制。它分为简单请求与非简单请求，后者需预检。支持所有HTTP方法，较JSONP更强大灵活。
Webpack性能优化
本文介绍Webpack性能优化策略：通过按需加载、Tree Shaking、Scope Hoisting减小打包体积；利用HappyPack、DllPlugin、缓存等提升打包速度；结合代码压缩、resolve优化、长缓存配置，显著提升构建效率与加载性能，适用于大型项目优化实践。（238字）
前端工程化
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拆分，提升前端性能。通过配置可实现公共代码提取、压缩、长缓存优化等。
