摘要：公司官网的重要性和特殊性不言而喻。很多前端都会经历这个项目，笔者有幸在所就职的每家公司都负责过官网的前端开发工作。项目重要性由于官网是企业的门面，一般公司中小型企业的老板都会对官网亲自把关，通过官网来展现公司的企业文化。
公司官网的重要性和特殊性不言而喻。
很多前端都会经历这个项目，笔者有幸在所就职的每家公司都负责过官网的前端开发工作。开发中遇到过很多问题，反思起来值得和大家一起分享，以减少或者减低大家可能遇到的问题。
理想开发流程
UI => 开发 =》 测试 =》 上线
现实开发流程
需求方 =》 UI => 开发 =》需求方 =》 UI => 测试 =》需求方 =》 ...... UI => 上线 =》需求方 =》 UI => 开发 测试 =》上线
实际开发中需求及UI会一直调整，直到上线以后仍会不停调整。
所以，前期的需求评审至关重要。一定要让需求方（一般是市场部负责人）评审通过以后再开发。吐槽：官网是我见到为数不多的产品总监PK不过市场总监的项目之一。一般项目，前端展示效果产品总监拍板即可。
跨部门沟通
跨项目耦合
PWA
测试的重要性
工期的紧迫性
项目重要性
SEO的重要性
1. 跨部门沟通由于官网的特殊性，官网通常会涉及多部门协作。
市场部：需求方，一般官网都必须满足市场部推广需求
销售部：半需求方，一般官网都必须满足市场部推广需求
人力部：半需求方，辅助招聘需求
客服部：半需求方，辅助客服需求
产品部：设计，对UI及UE负责
开发部：开发，对技术及开发进度负责
测试部：测试，对质量、效果负责，保证测试充分
运维部：运维，对网络及服务器负责
运营部：文案，对文案及SEO推广负责
国际化：翻译，保证文案翻译的准确性及效率（一般小公司会外包，所以必须保证时效）
2. 跨项目耦合用户系统：实现单点登录（SSO）功能
公司产品：涉及到公司产品的子项目
官方博客：如blog、wiki、zendesk等
客服功能：WeChat、App、小程序、微博等功能的集成
3. PWA
1. 可靠性
跨终端可用性
离线可以访问基本功能
保证服务长期可访问
2. 快速性
可交互等待时长
加载速度
3. 友好性
合理的布局
友好的UI设计
便捷的交互
适合不同国家的用户使用习惯，如阿拉伯语国家 direction
无障碍阅读
4. 测试的重要性自测
产品
测试部门
公司内测
5. 工期的紧迫性由于官网是企业对外宣传的重要工具，所以一般会要求时效性，如新闻、咨询、招聘信息等及时更新。
以及活动页的开发，如周年庆、春节、促销、展会、推广等活动。
6. 项目重要性由于官网是企业的门面，一般公司（中小型企业）的老板都会对官网亲自把关，通过官网来展现公司的企业文化。所以，倘若你在中小型企业，接手官网的话，拿出看家本领把官网做好也是非常值得的。
7. SEO的重要性由于官网的特殊性，往往公司会付费做SEO推广，所以，官网的SEO友好性不言而喻。这就要求我们在项目技术选型期要慎重考虑，想办法将SEO做的更好，这样就可以大幅节省推广成本，达到事半功倍的效果。
现在适合SEO的方法比较多，如SSR、Prerender等其他方式。
检查清单参与需求评审，待定稿后开始开发
工期预估，按正常工时的1.5-2倍时间进行预估，后期更改会比较频繁
硬件条件提前准备，如服务器、SSL、HTTPS等需要提前准备，待项目上线前搞定。
对老官网的兼容性，新官网发布前务必邮件告知公司全部高管，让大家自行修改，处理新老官网更换代理的问题。如，页面路径发生变化。
统计工具兼容（友盟、GA等）
埋点及上报代码不应遗漏
公测（公司内部测试，尽量保证1周左右的时间，让大家体验并上报问题）
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/59540.html
摘要：大家好，我叫，江湖人称吃土小叉，目前担任公司的前端负责人半年多了，一路上摸爬滚打，历经团队人员变动，近日颇有感触，于是结合自己近半年的前端负责人实践经验，权当作一个学习记录，整理归纳一下小作坊团队前端负责人的修炼要点大部分只是记录了关键词， 大家好，我叫XX，江湖人称吃土小2叉，目前担任公司的前端负责人半年多了，一路上摸爬滚打，历经团队人员变动，近日颇有感触，于是结合自己近半年的前端负...
摘要：也就正式开始了我的前端之路。在这期间，我还购买并配置了自己的云服务器，自己的博客系统，自己的还学会了的基本操作。不必说的是高级程序设计豆瓣链接这本书，也就是大家常说的高程，基本上每个合格的前端程序员都要熟读很多很多次，每次读都会有新发现。 原创 西安前端交流会: 卡农 ovenzeze@qq.com 本文章同步发表在wdShare西安前端交流会网站、我的个人博客以及segmentF...
摘要：也就正式开始了我的前端之路。在这期间，我还购买并配置了自己的云服务器，自己的博客系统，自己的还学会了的基本操作。不必说的是高级程序设计豆瓣链接这本书，也就是大家常说的高程，基本上每个合格的前端程序员都要熟读很多很多次，每次读都会有新发现。 原创 西安前端交流会: 卡农 ovenzeze@qq.com 本文章同步发表在wdShare西安前端交流会网站、我的个人博客以及segmentF...
摘要：问题回答者黄轶，目前就职于公司担任前端架构师，曾就职于滴滴和百度，毕业于北京科技大学。最后附上链接问题我目前是一名后端工程师，工作快五年了。 showImg(https://segmentfault.com/img/bVbuaiP?w=1240&h=620); 问题回答者：黄轶，目前就职于 Zoom 公司担任前端架构师，曾就职于滴滴和百度，毕业于北京科技大学。 1. 前端开发 问题 大...
摘要：特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。 特意对前端学习资源做一个汇总，方便自己学习查阅参考，和好友们共同进步。 本以为自己收藏的站点多，可以很快搞定，没想到一入汇总深似海。还有很多不足&遗漏的地方，欢迎补充。有错误的地方，还请斧正... 托管: welcome to git，欢迎交流，感谢star 有好友反应和斧正，会及时更新，平时业务工作时也会不定期更...
阅读 1381·2021-11-24 09:39
阅读 822·2021-11-22 15:11
阅读 1962·2021-11-19 11:35
阅读 1496·2021-09-13 10:37
阅读 2241·2021-09-03 10:47
阅读 1897·2021-08-30 09:47
阅读 1458·2021-08-20 09:39
阅读 2793·2019-08-30 14:13
