so easy 前端简单实现多语言

前言

其实现在开发者解决多语言普遍三种解决方案：

第一个是为每个页面提供每种语言的相关页面。
第二种是把内容从表现形式中分离出来，做不同语言的内容文件。
第三种是动态翻译页面内容。第三种很少见，而且机器翻译技术还很难达到人们的预期。

其实第二种相对来说简单一点，那么开搞。

实现

思考

• 翻译公司给的有的excel有的是json文件，咱们就统一请求json文件吧;
• html中给标签加个lang属性，到时候页面加载时遍历所有这些有lang属性的标签去实现切换语言;
• js里的文字用方法实现转换语言;
• 把用户选择的语言存到cookie里吧，嗯！拿个小本本记下来;
• 做个缓存，请求过的语言文件就不再请求了;
• 暂时就这些吧...

demo

文件目录

原文链接