简单
技术面试0 次浏览

SHEIN 的前端页面需要支持多语言切换。请说明如何实现一个简单的多语言切换功能。

SHEIN前端工程师
多语言切换前端开发

答题要点

可采用 STAR 法则回答。关键要点:1. 数据存储:将不同语言的文本信息存储在 JSON 文件中,方便管理和维护。2. 事件绑定:为语言切换按钮绑定点击事件,当用户点击时触发切换操作。3. 动态更新:根据用户选择的语言,动态更新页面上的文本内容。4. 初始化设置:在页面加载时,根据用户的默认语言或浏览器语言进行初始化设置。示例思路:在项目中创建一个 JSON 文件,存储不同语言的文本。在 HTML 中添加语言切换按钮,并绑定点击事件。当用户点击按钮时,通过 JavaScript 读取对应的 JSON 文件,更新页面文本。页面加载时,根据用户的默认语言进行初始化。