模拟问题
原创大约 3 分钟
技术能力
Vue.js 经验：你在Vue.js方面有很多经验。能否分享一个你在Vue项目中遇到的技术挑战，并说明你是如何解决的？在这个过程中，你做出了哪些关键决策？
小程序对接IM的挑战
问题：
解决方案：
关键决策：
老官网被识别为欺诈网站，全屏红色
某天的傍晚，使用chrome访问官网时返现被标记为欺诈网站，并且全屏红色。快速响应，制定方案。
一、申诉报告
由运维根据网站指引，去发送申诉邮件。
二、工程自检
前端主导，根据谷歌提供的诱导广告信息，排查官网的页面和接口，寻找可疑信息。
自检的策略:
- 先从网站变现看能不能获取一些信息，资源的加载都是能被看见。
- 代码层面排查，终点查看一些上传，提交，src接口（XXS，CSRF）
自检过程中，发现的问题:
五六年的老工程，node服务，模版渲染，还包含了APP使用的页面，还包含一个内部文章管理系统，页面杂，接口旧
从页面变现，有广告的弹出，根据控制台报错，发现引入了Google Analytics，确实有广告的使用，但控制账号已经不在我们手上
接口调用比较混乱
短期解决策略：
- 域名切换
- 移除谷歌工具
- 安全扫描工具的使用
长期解决策略：
- 重构官网服务，拆分出独立的工程，与文章和页面互不影响。
事后措施：
- 安全相关分享，安全扫描工具
- 对所有前端工程做了一下排查
三、域名更换
运维申请新的域名，将官网切换过去
前端架构设计：作为前端负责人，你如何设计一个大型应用的前端架构？在设计中，你如何考虑可维护性、可扩展性和性能优化？
- 面向业务