資訊專欄INFORMATION COLUMN
摘要：前端多語言加載器，前端部署好各個語言的或語言包，可結(jié)合等使用。多語言，不就從瀏覽器里拿信息么，前端也可以。借此做一個前端語言包加載器。前端多語言加載器的特點切換語言，不用刷新頁面，語言包的一下就替換了。
multi-lang-js
前端JavaScript多語言加載器，前端部署好各個語言的json或txt語言包，可結(jié)合vue等使用。
多語言，不就從瀏覽器navigator.language里拿信息么，前端也可以。借此做一個前端語言包加載器。
demo示例初始化multiLang.init(){{ langContent.title }}
{{ langContent.name1 }}
{{ langContent.name2 }}
{{ langContent.name3 }}
| 參數(shù)名 | 類型 | 說明 |
|---|---|---|
| path | str | 翻譯文本的相對路徑，這里我把所有翻譯文本放到css文件夾下 |
| dataType | str | 值為 txt 或者json?？珊雎源藚?shù)，默認(rèn)為json，值為txt時，則返回的是txt文本 |
| name | obj | 各個語言對應(yīng)加載的翻譯文本，屬性名不可改，對應(yīng)的文本名字可以改 |
| callback | fun | 回調(diào)的第一個參數(shù)是加載到的json(或者文本)數(shù)據(jù)，第二個數(shù)據(jù)是當(dāng)前客戶端的語言名字 |
如果你覺得multiLang.setLang 使用麻煩，也可以：localStorage.lang=langname，這種寫法
注意：設(shè)置語言，會讓全站語言都立馬改動，demo可參考github上的頁面。
開多個頁簽試試 https://diyao.github.io/multi...
| 參數(shù)名 | 類型 | 說明 |
|---|---|---|
| langname | str | 必須設(shè)置，你要設(shè)置的語言名 |
| callback | function | 可選的回調(diào)函數(shù) |
初始化判斷當(dāng)前是何種語言的邏輯：先查瀏覽器地址欄lang 參數(shù)，其次查 localStorage.lang的值，最后看瀏覽器語言
所以為了測試預(yù)覽，你可以在地址后帶入?yún)?shù)，lang=en(你想要的語言 ru、ko、th等)。
https://diyao.github.io/multi...
說明如果你配置的name中，沒有（比如當(dāng)前埃及用戶訪問），則默認(rèn)會加載英文的顯示。
前端多語言加載器的特點切換語言，不用刷新頁面，語言包biu的一下就替換了。某個頁簽切換語言，全站其他頁簽biu的一下，全都換了
npm install multi-lang-js
https://www.npmjs.com/package...
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/89361.html
Element iView Vuex Mint UI Vant cube-ui，對比六大 vue ui 組件庫，選中最適合的那個。 Element(pc) 介紹 & 版本 餓了么前端團隊開發(fā)的桌面端組件庫，當(dāng)前最新版本：2.4.8 Star：32.067k 項目特色 團隊維護 支持三個版本：vue、react、angular 支持 Nuxt.js 常規(guī)支持：多語言、自定義主題、按需引入、內(nèi)置...
摘要：而在國內(nèi)確實用的人太少，國內(nèi)的主流服務(wù)端語言都被霸占。因此，在進行調(diào)研和諸多權(quán)衡后，團隊選擇了作為第二支持語言。整體上使用開發(fā)，也用了一些的特性，之所以用，是因為對于項目的開發(fā)和維護有極大的益處。 初衷 lin-cms是我們林間有風(fēng)團隊開源的一款CMS，它采用目前主流的前后端分離的架構(gòu)，前端使用vue作為基礎(chǔ)框架，后端選擇了我們團隊大量實踐使用的flask作為基礎(chǔ)框架。 lin-cms...
摘要：項目中前端開發(fā)問題經(jīng)驗總結(jié)下的安全限制問題問題描述數(shù)據(jù)看板中的數(shù)據(jù)大部分都是實時數(shù)據(jù)或前一天統(tǒng)計的歷史數(shù)據(jù)，因此這邊后端考慮采用來實時和定時推送數(shù)據(jù)來保證數(shù)據(jù)的實時性和有效性。 項目中前端開發(fā)問題經(jīng)驗總結(jié) ie下websocket的安全限制問題 問題描述：數(shù)據(jù)看板中的數(shù)據(jù)大部分都是實時數(shù)據(jù)或前一天統(tǒng)計的歷史數(shù)據(jù)，因此這邊后端考慮采用websocket來實時和定時推送數(shù)據(jù)來保證數(shù)據(jù)的實時...
閱讀 1450·2021-09-30 09:55
閱讀 1967·2021-08-27 13:10
閱讀 2309·2019-08-29 17:22
閱讀 1375·2019-08-29 16:30
閱讀 3546·2019-08-26 18:37
閱讀 2417·2019-08-26 11:47
閱讀 1226·2019-08-23 14:44
閱讀 1804·2019-08-23 13:46
