网站的中英文切换--i18next
这两天公司让我做公司官网,就是几个静态页面。我都不好意思说自己是Java开发了,年后来公司基本上自己做毕业设计才写Java代码。在公司基本没有写过Java的东西,我都怀疑公司是不是看我Java太菜,让我以后就做前端了。。。然后我前端也很菜。页面做完之后要实现一个中英文切换
目录结构:
效果图:
这里使用的是i18next.js:一个用来支持应用国际化的javascript库
代码:
这里可以代码有些不美观应该可以单独提取出来,这里只做演示。
实现它就这么简单,但是原理我也不太清楚(首先引入JS,然后html中用到data-i18n:感觉像angular的双向绑定,JS去加载json文件即可,JSON文件:locales/文件路径_lan.json,_ns会被namespace自动替换;组件默认是:resGetPath: 'locales/__lng__/__ns__.json',)
这里是使用手册:点击打开链接
可以在里面模仿实现中英文的切换。