brief: | i18n.site tagad atbalsta pilna teksta meklēšanu bez servera.

Šajā rakstā ir sniegta informācija par tīras priekšgala pilna teksta meklēšanas tehnoloģijas ieviešanu, tostarp IndexedDB izveidoto apgriezto indeksu, prefiksu meklēšanu, vārdu segmentācijas optimizāciju un vairāku valodu atbalstu.

Salīdzinot ar esošajiem risinājumiem, i18n.site tīrā priekšgala pilna teksta meklēšana ir maza izmēra un ātra, piemērota mazām un vidējām vietnēm, piemēram, dokumentiem un emuāriem, un ir pieejama bezsaistē.


Tīra Priekšgala Apgrieztā Pilna Teksta Meklēšana

Secība

Pēc vairāku nedēļu izstrādes i18n.site (tīri statisks markdown daudzvalodu tulkošanas & vietņu veidošanas rīks) tagad atbalsta tīru priekšgala pilna teksta meklēšanu.

Šajā rakstā tiks sniegta informācija par i18n.site tīrās priekšgala pilna teksta meklēšanu, lai i18n.site meklēšanas efektu.

Kods : koda meklēšana / interaktīvā saskarne

Pārskats Par Bezservera Pilna Teksta Meklēšanas Risinājumiem

Mazām un vidējām tīri statiskām vietnēm, piemēram, dokumentiem/personīgajiem emuāriem, pašbūvētas pilna teksta meklēšanas aizmugursistēmas izveide ir pārāk smaga, un pilna teksta meklēšana bez pakalpojumiem ir biežāka izvēle.

Pilna teksta meklēšanas risinājumi bez serveriem iedalās divās plašās kategorijās:

Pirmkārt, algolia.com trešās puses meklēšanas pakalpojumu sniedzēji nodrošina priekšgala komponentus pilna teksta meklēšanai.

Par šādiem pakalpojumiem ir jāmaksā, pamatojoties uz meklēšanas vaicājumu skaitu, un tie bieži vien nav pieejami lietotājiem kontinentālajā Ķīnā tādu problēmu dēļ kā vietņu atbilstība.

To nevar izmantot bezsaistē, nevar izmantot iekštīklā, un tam ir lieli ierobežojumi. Šajā rakstā nav daudz apspriests.

Otrais ir tīra priekšgala pilna teksta meklēšana.

Pašlaik plašie priekšgala pilna teksta meklējumi ietver lunrjs un ElasticLunr.js (pamatojoties uz lunrjs sekundāro izstrādi).

lunrjs Ir divi veidi, kā veidot indeksus, un abiem ir savas problēmas.

  1. Iepriekš izveidoti indeksa faili

    Tā kā rādītājā ir vārdi no visiem dokumentiem, tas ir liels. Ikreiz, kad dokuments tiek pievienots vai pārveidots, ir jāielādē jauns indeksa fails. Tas palielinās lietotāja gaidīšanas laiku un patērēs daudz joslas platuma.

  2. Ielādējiet dokumentus un izveidojiet indeksus lidojumā

    Indeksa izveide ir skaitļošanas ziņā ietilpīgs uzdevums. Indeksa atjaunošana katru reizi, kad tam piekļūstat, radīs acīmredzamas kavēšanās un sliktu lietotāja pieredzi.


Papildus lunrjs ir daži citi pilna teksta meklēšanas risinājumi, piemēram :

fusejs aprēķiniet meklējamo virkņu līdzību.

Šī risinājuma veiktspēja ir ārkārtīgi vāja, un to nevar izmantot pilna teksta meklēšanai (skatiet Fuse.js Ilgs vaicājums aizņem vairāk nekā 10 sekundes, kā to optimizēt? ).

TinySearch izmantojiet Blūma filtru, lai meklētu, to nevar izmantot prefiksu meklēšanai (piemēram, ievadiet goo , meklējiet good , google ), un nevar sasniegt līdzīgu automātiskās pabeigšanas efektu.

Esošo risinājumu nepilnību dēļ i18n.site izstrādāja jaunu tīru priekšgala pilna teksta meklēšanas risinājumu, kam ir šādas īpašības :

  1. Atbalsta meklēšanu vairākās valodās un ir maza izmēra. Meklēšanas kodola izmērs pēc gzip iepakojuma ir 6.9KB (salīdzinājumam, lunrjs izmērs ir 25KB ).
  2. Izveidojiet apgrieztu indeksu, pamatojoties uz indexedb , kas aizņem mazāk atmiņas un ir ātrs.
  3. Pievienojot/pārveidojot dokumentus, atkārtoti tiek indeksēti tikai pievienotie vai pārveidotie dokumenti, samazinot aprēķinu apjomu.
  4. Atbalsta prefiksu meklēšanu, kas var parādīt meklēšanas rezultātus reāllaikā, kamēr lietotājs raksta.
  5. Pieejams Bezsaistē

Zemāk tiks detalizēti aprakstītas i18n.site tehniskās ieviešanas detaļas.

Daudzvalodu Vārdu Segmentēšana

Vārdu segmentācija izmanto pārlūkprogrammas vietējo vārdu segmentāciju Intl.Segmenter , un visas galvenās pārlūkprogrammas atbalsta šo saskarni.

Vārda segmentācijas coffeescript kods ir šāds

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()

in:

Indeksa Ēka

IndexedDB tika izveidotas 5 objektu uzglabāšanas tabulas :

Nododiet dokumenta masīvu url un versijas numuru ver un meklējiet, vai dokuments eksistē doc tabulā. Ja tā nav, izveidojiet apgrieztu indeksu. Vienlaikus noņemiet apgriezto indeksu tiem dokumentiem, kas netika nodoti.

Tādā veidā var panākt pakāpenisku indeksāciju un samazināt aprēķinu apjomu.

Priekšgala mijiedarbībā var parādīt indeksa ielādes norises joslu, lai izvairītos no kavēšanās, pirmo reizi ielādējot. Skatiet sadaļu "Progresa josla ar animāciju, pamatojoties uz vienu progress + Pure css Implementation" angļu / ķīniešu .

IndexedDB Augsta Vienlaicīga Rakstīšana

Projekts ir idb pamatojoties uz asinhrono iekapsulēšanu IndexedDB

IndexedDB lasīšana un rakstīšana ir asinhrona. Veidojot indeksu, dokumenti tiks ielādēti vienlaikus, lai izveidotu indeksu.

Lai izvairītos no daļēja datu zuduma, ko izraisa konkurējoša rakstīšana, varat atsaukties uz tālāk norādīto coffeescript kodu un starp lasīšanu un rakstīšanu pievienot kešatmiņu ing , lai pārtvertu konkurējošus ierakstus.

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()

Precizitāte Un Atsaukšana

Meklēšana vispirms segmentēs lietotāja ievadītos atslēgvārdus.

Pieņemsim, ka aiz vārda segmentācijas ir N vārdu. Atgriežot rezultātus, vispirms tiks atgriezti rezultāti, kas satur visus atslēgvārdus, un pēc tam tiks atgriezti rezultāti, kas satur N-1 , N-2 ,..., 1 atslēgvārdus.

Vispirms parādītie meklēšanas rezultāti nodrošina vaicājuma precizitāti, un pēc tam ielādētie rezultāti (noklikšķiniet uz pogas Ielādēt vairāk) nodrošina atsaukšanas ātrumu.

Slodze Pēc Pieprasījuma

Lai uzlabotu atbildes ātrumu, meklēšana izmanto yield ģeneratoru, lai ieviestu ielādi pēc pieprasījuma, un atgriež limit reizi, kad tiek vaicāts rezultāts.

Ņemiet vērā, ka katru reizi, kad veicat atkārtotu meklēšanu pēc yield , jums ir atkārtoti jāatver vaicājuma transakcija ar IndexedDB .

Prefikss Reāllaika Meklēšana

Lai parādītu meklēšanas rezultātus, kamēr lietotājs raksta, piemēram, ievadot wor , tiek parādīti vārdi ar prefiksu wor piemēram, words un work .

Meklēšanas kodols izmantos tabulu prefix pēdējam vārdam pēc vārda segmentācijas, lai atrastu visus vārdus ar prefiksu ar to un meklētu pēc kārtas.

Anti-shake funkcija debounce tiek izmantota arī priekšgala mijiedarbībā (tiek īstenota šādi), lai samazinātu lietotāja ievades biežumu, aktivizējot meklēšanu, un samazinātu aprēķinu apjomu.

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

Pieejams Bezsaistē

Indeksa tabulā netiek saglabāts oriģinālais teksts, tikai vārdi, kas samazina krātuves apjomu.

Lai izceltu meklēšanas rezultātus, ir atkārtoti jāielādē oriģinālais teksts, un atbilstība service worker var izvairīties no atkārtotiem tīkla pieprasījumiem.

Tajā pašā laikā, tā kā service worker kešatmiņā saglabā visus rakstus, tiklīdz lietotājs veic meklēšanu, visa vietne, ieskaitot meklēšanu, ir pieejama bezsaistē.

MarkDown Dokumentu Displeja Optimizācija

i18n.site tīrais priekšgala meklēšanas risinājums ir optimizēts MarkDown dokumentiem.

Rādot meklēšanas rezultātus, tiks parādīts nodaļas nosaukums un, noklikšķinot uz nodaļas, tiks pārvietota.

Apkopojiet

Apgrieztā pilna teksta meklēšana ir ieviesta tikai priekšpusē, serveris nav nepieciešams. Tas ir ļoti piemērots mazām un vidējām vietnēm, piemēram, dokumentiem un personīgajiem emuāriem.

i18n.site Atvērtā koda paša izstrādāta tīrā priekšgala meklēšana, maza izmēra un ātra reakcija, atrisina pašreizējās tīrās priekšgala pilna teksta meklēšanas trūkumus un nodrošina labāku lietotāja pieredzi.