一、C端项目
注意事项
用户体验优先
- 注重UI/UX细节，包括动效流畅性、页面加载速度（首屏时间控制在1秒内）及Crash率监控。
- 严格还原设计稿，确保高保真度，并针对移动端做深度适配（如手势交互、刘海屏兼容）。
数据驱动优化
- 埋点质量直接影响运营策略，需与产品团队明确埋点规范，确保用户行为数据准确上报。
- 通过A/B测试验证页面转化率，持续迭代交互设计。
性能与安全
- 采用代码分割、懒加载等技术优化性能，避免因资源过大导致流失率上升。
- 防范XSS攻击，对用户输入内容严格过滤。
坑点总结
埋点数据污染
- 第三方SDK版本冲突导致数据丢失，需定期校验埋点上报完整性。
- 用户行为路径复杂时，可能误报转化率（如误触按钮触发埋点）。
性能优化陷阱
- 过度使用CSS-in-JS可能导致样式闪屏，需权衡方案（如预编译CSS Modules）。
- 图片懒加载未设置占位图，引发布局抖动（CLS指标恶化）。
多端兼容性
- 微信浏览器缓存机制特殊，静态资源需添加哈希后缀强制更新。
二、B端项目
注意事项
业务逻辑复杂性
- 需深入理解行业场景（如ERP、OA系统），与业务方频繁沟通需求细节，避免因理解偏差导致返工。
- 采用低代码方案（如Ant Design Pro）提升复用性，但需平衡灵活性与开发成本。
权限与数据安全
- 企业对权限要求比较高，实现细粒度权限控制（如功能权限、数据权限），后端接口需严格校验用户权限。
- 敏感数据（如企业财务信息）传输需加密，避免泄露。
协作效率
- 使用Swagger等工具规范接口文档，明确字段含义及枚举值，减少联调沟通成本。
- 后端需提供稳定的Mock数据，支持前端并行开发。
坑点总结
权限系统漏洞
- 前端路由权限未与后端接口权限联动，可能通过直接URL访问越权数据。
- 角色权限颗粒度过粗，导致用户误操作（如财务人员误删订单）。
复杂表单失控
- 动态表单字段联动逻辑未做防抖，频繁触发接口导致页面卡死。
- 未保存数据离开页面的拦截提示遗漏（如浏览器后退未监听）。
低代码后遗症
- 定制化需求超出低代码平台能力，被迫重构造成工期延误。
三、G端项目
注意事项
合规性与稳定性
- 遵循政府信息安全标准（如等保2.0），代码需通过第三方安全检测。
- 确保高可用性，需兼容老旧浏览器（如IE11）及国产化操作系统。
流程规范化
- 严格按招投标需求开发，变更需书面确认，避免验收纠纷。
- 文档需完整（如需求说明书、测试报告），便于审计存档。
多系统对接
- 与政务云平台、统一身份认证系统集成时，需适配特定协议（如国密算法）
坑点总结
验收标准模糊
- 需求文档中"支持国产化"未明确具体软硬件环境（如麒麟OS版本）。
- 等保测评要求突然变更，导致安全模块返工。
流程僵化风险
- 政府采购流程长，技术栈锁定后无法升级（如Vue 2.x无法迁移到Vue 3）。
跨系统对接延迟
- 政务云API响应慢（平均>3s），前端需设计降级方案（如本地缓存兜底）。
通用建议
一线城市特色（如深圳）：
- 政策变化快，要留出应对时间
- 外包交接一定要检查代码和文档
-
性能底线：
- 用户产品：1秒内要能看到内容
- 企业系统：2秒内要能用
- 政府项目：再慢也得兼容IE11，很多政府系统还是在用IE浏览器~~
-
最最重要：
- 需求一定要确认清楚，沟通清楚再动工，可以降低返工成本！
- 改需求一定要留证据，变更文档记录或聊天记录保留！
- 别轻易背锅，作为技术人员，总背锅可能会降低自己的技可信度，为以后的工作埋下隐患！