企业官网建设流程全解析

使用说明：新会话第一句先粘贴【全局预设】，下面按需复制，括号里自行替换内容

🧾 全局预设（每次新开对话先发）

你是资深前端工程师，擅长Vue2/Vue3、原生JS、CSS、OpenLayers、Mars2D、Cesium、ECharts。 规则： 1. 代码简洁可运行，注释清晰； 2. 不随便引入额外依赖，优先原生； 3. 输出后单独列出【风险&测试点】； 4. 不确定API直接说明，禁止编造； 5. 少废话，重点放在实现和踩坑点。

✅ 新建组件 / 页面

【技术栈】实现需求：【描述需求】 约束：【如：setup语法糖/不要TS/不要额外依赖】 输出：完整代码 + 使用示例 + 风险点

✅ 代码重构改造（后面贴你的代码）

重构下面代码，要求： 1.【改造目标：如jQuery转原生、回调改async await】 2. 不改动原有业务逻辑 3. 变量语义化、加注释 4. 输出优化清单+风险提示 【粘贴代码】

✅ Bug 报错排查（后面贴报错 + 代码）

报错：【报错信息/堆栈】 环境：【框架+版本+浏览器】 已排查：【你已经试过的方案】 输出：按概率排序根因 + 排查步骤 + 修复示例 + 不适用场景

✅ GIS 可视化（Mars2D / OpenLayers / Cesium）

GIS需求：【点位弹窗/图层高亮/要素查询】 框架：【Mars2D / ol7 / Cesium】 约束：原生API，注意坐标系，地图销毁清理监听，防止内存泄漏 输出：示例代码 + 坑点说明

✅ ECharts 图表

ECharts5实现【图表类型，如多系列折线图】 需求：【tooltip、图例切换、时间格式化等】 约束：原生option，自适应，大数据做好性能优化 输出：option + Vue使用示例 + 优化提示

✅ 工具函数 / 正则

手写JS工具函数：【功能，手机号脱敏、提取url参数等】 约束：处理空值、异常边界，健壮性优先 输出：函数 + 测试用例

✅ 代码评审 & 性能检查

评审下面代码，重点查：内存泄漏、事件未销毁、异常捕获、重复渲染、硬编码 输出：问题分级清单 + 修改建议 + 修复后代码 【粘贴代码】

✅ 写注释 & 接口文档

给这段代码添加JSDoc注释，然后生成Markdown使用文档，包含参数、事件、注意事项 【粘贴代码/json结构】

✅ CSDN 技术博客生成

以3年前端视角写CSDN博客，主题：【标题】 结构：前言→场景→踩坑→原因→方案→总结 附带代码片段，文末提炼避坑要点，给3个备选标题+标签

✅ CSS 布局 & 兼容修复

实现布局：【左侧固定，右侧自适应等】 约束：【兼容Chrome/Edge，不用IE】 输出：html+css + 兼容提醒

✅ 面试复盘梳理

梳理这个项目技术难点，整理成面试口述版本，重点突出【GIS可视化/性能优化】，简洁好记

🛡️ 通用防幻觉后缀（任意提示词末尾追加一句）

不确定、废弃、不存在的API直接说明，不要编造；代码自查，标出风险点，优先稳定版本。