so easy 前端简单实现多语言

前言

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

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

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

实现

思考

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

demo

so easy 前端简单实现多语言

文件目录

原文链接