so easy 前端简单实现多语言
前言
其实现在开发者解决多语言普遍三种解决方案:
第一个是为每个页面提供每种语言的相关页面。
第二种是把内容从表现形式中分离出来,做不同语言的内容文件。
第三种是动态翻译页面内容。第三种很少见,而且机器翻译技术还很难达到人们的预期。
其实第二种相对来说简单一点,那么开搞。
实现
思考
- 翻译公司给的有的excel有的是json文件,咱们就统一请求json文件吧;
- html中给标签加个
lang
属性,到时候页面加载时遍历所有这些有lang
属性的标签去实现切换语言; - js里的文字用方法实现转换语言;
- 把用户选择的语言存到cookie里吧,嗯!拿个小本本记下来;
- 做个缓存,请求过的语言文件就不再请求了;
- 暂时就这些吧...
demo
文件目录