brief: | i18n.site ni bayi ṣe atilẹyin wiwa ọrọ ni kikun laisi olupin.

Nkan yii ṣafihan imuse imuse ti imọ-ẹrọ wiwa ni kikun-ipari iwaju iwaju, pẹlu atọka inverted ti a ṣe nipasẹ IndexedDB, wiwa iṣaaju, iṣapeye ipin ọrọ ati atilẹyin ede pupọ.

Ti a ṣe afiwe pẹlu awọn solusan ti o wa, i18n.site's i18n.site's's iwaju-opin mimọ ọrọ wiwa ni kikun jẹ kekere ni iwọn ati iyara, o dara fun awọn oju opo wẹẹbu kekere ati alabọde bii awọn iwe aṣẹ ati awọn bulọọgi, o si wa ni offline.

Iwaju-Opin Mimọ Ti O Yipada Ni Kikun Wiwa Ọrọ

Ọkọọkan

Lẹhin markdown ọsẹ pupọ & idagbasoke, i18n.site

Nkan yii yoo pin imuse imọ-ẹrọ ti i18n.site mimọ iwaju-opin wiwa ọrọ Ibẹwo i18n.site

Orisun / koodu :

Akopọ Ti Awọn Solusan Wiwa Ọrọ Kikun Ti Ko Ni Olupin

Fun awọn oju opo wẹẹbu aimi ni iwọn kekere ati alabọde gẹgẹbi awọn iwe aṣẹ/awọn bulọọgi ti ara ẹni, kikọ ẹhin wiwa ọrọ-kikun ti ara ẹni ti wuwo pupọ, ati wiwa ọrọ ni kikun laisi iṣẹ jẹ yiyan ti o wọpọ julọ.

Awọn ojutu wiwa ọrọ kikun ti ko ni olupin ṣubu si awọn ẹka nla meji:

Ni akọkọ, iru algolia.com

Iru awọn iṣẹ bẹẹ nilo isanwo ti o da lori iwọn wiwa, ati nigbagbogbo ko si fun awọn olumulo ni oluile China nitori awọn ọran bii ibamu oju opo wẹẹbu.

Ko ṣee lo ni aisinipo, ko ṣee lo lori intranet, o si ni awọn idiwọn nla. Nkan yii ko jiroro pupọ.

Awọn keji jẹ funfun iwaju-opin wiwa ọrọ ni kikun.

Ni lọwọlọwọ, awọn wiwa ọrọ ni kikun iwaju-opin mimọ pẹlu lunrjs ati ElasticLunr.js (da lori idagbasoke lunrjs ).

lunrjs Awọn ọna meji lo wa lati kọ awọn atọka, ati pe awọn mejeeji ni awọn iṣoro tiwọn.

  1. Awọn faili atọka ti a ti kọ tẹlẹ

    Nitori atọka naa ni awọn ọrọ lati gbogbo awọn iwe aṣẹ, o tobi ni iwọn. Nigbakugba ti iwe ba wa ni afikun tabi tunṣe, faili atọka titun gbọdọ wa ni kojọpọ. Yoo mu akoko idaduro olumulo pọ si ati jẹ ọpọlọpọ bandiwidi.

  2. Gbe awọn iwe aṣẹ ati kọ awọn atọka lori fo

    Ṣiṣeto atọka jẹ iṣẹ-ṣiṣe ti o lekoko ti o ni iṣiro ni gbogbo igba ti o ba wọle si yoo fa lags kedere ati iriri olumulo ti ko dara.

Ni afikun si lunrjs , awọn ojutu wiwa ọrọ-kikun miiran wa, bii :

fusejs , ṣe iṣiro ibajọra laarin awọn okun lati wa.

Iṣe ti ojutu yii ko dara pupọ ati pe a ko le lo fun wiwa ọrọ-kikun (wo Fuse.js Ibeere gigun gba diẹ sii ju 10 iṣẹju-aaya, bawo ni o ṣe le mu dara si? ).

TinySearch lo Bloom àlẹmọ lati wa, ko le ṣee lo fun ìpele àwárí (fun apẹẹrẹ, tẹ goo , àwárí good , google ), ati ki o ko ba le se aseyori iru laifọwọyi Ipari ipa.

Nitori awọn ailagbara ti awọn solusan ti o wa tẹlẹ, i18n.site ṣe agbekalẹ ojuutu wiwa ọrọ-ipari iwaju mimọ tuntun, eyiti o ni awọn abuda wọnyi :

  1. Ṣe atilẹyin wiwa ede-pupọ ati pe o jẹ iwọn kekere ti ekuro lẹhin iṣakojọpọ gzip jẹ 6.9KB (fun lafiwe, iwọn lunrjs jẹ 25KB ).
  2. Kọ itọka inverted ti o da lori indexedb , eyiti o gba iranti kere si ati iyara.
  3. Nigbati awọn iwe ba ti wa ni afikun / títúnṣe, nikan ni afikun tabi títúnṣe awọn iwe aṣẹ ti wa ni tun atọka, atehinwa iye ti isiro.
  4. Ṣe atilẹyin wiwa iṣaaju, eyiti o le ṣafihan awọn abajade wiwa ni akoko gidi lakoko ti olumulo n tẹ.
  5. Wa Ni Aisinipo

Ni isalẹ, awọn alaye imuse imọ-ẹrọ i18n.site yoo ṣafihan ni awọn alaye.

Multilingual Ọrọ Ipin

Pipin ọrọ nlo ọrọ abinibi ti aṣawakiri naa ipin Intl.Segmenter , ati gbogbo awọn aṣawakiri akọkọ ṣe atilẹyin ni wiwo yii.

Ọrọ ipin koodu coffeescript jẹ bi atẹle

SEG = new Intl.Segmenter 0, granularity: "word"

seg = (txt) =>
  r = []
  for {segment} from SEG.segment(txt)
    for i from segment.split('.')
      i = i.trim()
      if i and !'|`'.includes(i) and !/\p{P}/u.test(i)
        r.push i
  r

export default seg

export segqy = (q) =>
  seg q.toLocaleLowerCase()

ninu:

Ilé Atọka

Awọn tabili ibi ipamọ ohun 5 ni a ṣẹda ni IndexedDB :

Kọja ni titobi iwe-ipamọ url ati nọmba ẹya ver , ki o wa boya iwe-ipamọ naa wa ni tabili doc Ti ko ba si, ṣẹda atọka inverted. Ni akoko kanna, yọkuro atọka inverted fun awọn iwe aṣẹ wọnyẹn ti a ko gba wọle.

Ni ọna yii, titọka afikun le ṣee ṣe ati pe iye iṣiro ti dinku.

Ni ibaraenisepo iwaju-ipari, igi ilọsiwaju ikojọpọ css atọka le ṣe afihan lati yago fun aisun nigba ikojọpọ fun / progress + .

IndexedDB Giga Kikọ Nigbakanna

Ise agbese na idb da lori asynchronous encapsulation ti IndexedDB

IndexedDB kika ati kikọ jẹ asynchronous. Nigbati o ba ṣẹda atọka, awọn iwe aṣẹ yoo kojọpọ nigbakanna lati ṣẹda atọka naa.

Lati yago fun ipadanu data apakan ti o fa nipasẹ kikọ ifigagbaga, o le tọka si koodu coffeescript ni isalẹ ki o ṣafikun kaṣe ing kan laarin kika ati kikọ lati ṣe idiwọ awọn kikọ idije.

pusher = =>
  ing = new Map()
  (table, id, val)=>
    id_set = ing.get(id)
    if id_set
      id_set.add val
      return

    id_set = new Set([val])
    ing.set id, id_set
    pre = await table.get(id)
    li = pre?.li or []

    loop
      to_add = [...id_set]
      li.push(...to_add)
      await table.put({id,li})
      for i from to_add
        id_set.delete i
      if not id_set.size
        ing.delete id
        break
    return

rindexPush = pusher()
prefixPush = pusher()

Konge Ati ÌRÁNTÍ

Wiwa naa yoo kọkọ pin awọn koko-ọrọ ti olumulo wọle si.

Ro pe awọn ọrọ N wa lẹhin ipin ọrọ Nigbati o ba da awọn abajade pada, awọn abajade ti o ni gbogbo awọn koko-ọrọ yoo pada ni akọkọ, lẹhinna awọn abajade ti o ni awọn koko-ọrọ N-1 , N-2 ,..., 1 yoo pada.

Awọn abajade wiwa ti o han ni akọkọ rii daju pe deede ti ibeere naa, ati awọn abajade ti kojọpọ lẹhinna (tẹ bọtini fifuye diẹ sii) rii daju oṣuwọn iranti.

Fifuye Lori Eletan

Lati le ni ilọsiwaju iyara esi, wiwa naa nlo monomono yield lati ṣe imuse ikojọpọ ibeere, ati pada limit igba ti abajade kan ba beere.

Ṣe akiyesi pe nigbakugba ti o ba wa lẹẹkansi lẹhin yield , o nilo lati tun ṣi iṣowo ibeere ti IndexedDB .

Ṣaju Iṣaaju Wiwa Akoko Gidi

Lati le ṣe afihan awọn abajade wiwa lakoko ti olumulo n tẹ, fun apẹẹrẹ, nigbati wor ba ti wa ni titẹ sii, awọn ọrọ ti a ṣaju pẹlu wor gẹgẹbi words ati work yoo han.

Ekuro wiwa yoo lo tabili prefix fun ọrọ ti o kẹhin lẹhin ipin ọrọ lati wa gbogbo awọn ọrọ ti a ṣaju pẹlu rẹ, ati ṣewadii ni ọkọọkan.

Iṣẹ Anti-shake debounce tun lo ni ibaraenisepo iwaju-ipari (ti ṣe imuse bi atẹle) lati dinku igbohunsafẹfẹ ti titẹ sii olumulo ti nfa awọn wiwa ati dinku iye iṣiro.

export default (wait, func) => {
  var timeout;
  return function(...args) {
    clearTimeout(timeout);
    timeout = setTimeout(func.bind(this, ...args), wait);
  };
}

Wa Ni Aisinipo

Tabili atọka ko tọju ọrọ atilẹba, awọn ọrọ nikan, eyiti o dinku iye ibi ipamọ.

Ṣiṣafihan awọn abajade wiwa nilo atunko ọrọ atilẹba, ati pe service worker ti o baamu le yago fun awọn ibeere netiwọki atunwi.

Ni akoko kanna, nitori service worker ṣafipamọ gbogbo awọn nkan, ni kete ti olumulo ba ṣe wiwa, gbogbo oju opo wẹẹbu, pẹlu wiwa, wa ni aisinipo.

Ṣe Afihan Iṣapeye Ti Awọn Iwe Aṣẹ MarkDown

Ojutu wiwa iwaju-opin mimọ i18n.site jẹ iṣapeye fun awọn iwe aṣẹ MarkDown .

Nigbati o ba n ṣafihan awọn abajade wiwa, orukọ ipin yoo han ati pe ipin naa yoo lọ kiri nigbati o ba tẹ.

Ṣe Akopọ

Ṣiṣawari ọrọ-kikun ti a yipada ti ṣe imuse ni iha iwaju, ko si olupin ti o nilo. O dara pupọ fun awọn oju opo wẹẹbu kekere ati alabọde bii awọn iwe aṣẹ ati awọn bulọọgi ti ara ẹni.

i18n.site Ṣii orisun ti ara ẹni ti o ni idagbasoke wiwa iwaju-opin mimọ, kekere ni iwọn ati idahun iyara, yanju awọn ailagbara ti wiwa iwaju-ipari iwaju mimọ lọwọlọwọ ati pese iriri olumulo ti o dara julọ.