Wielowątkowość zaczynamy Wyzwanie !
Krótkie podsumowanie
Zaczynam wyzwanie z nauką oraz przypominaniem sobie całej wiedzy, która jakby trochę się “zakurzyła”. Ubieram działanie w bardziej ustrukturyzowany system pracy.
Zaczynając od ogółu do szczegółu … Word Press i projekt Telomers.pl - zmęczony z zawiłościami CMS WP, zdecydowałem się że, będzie przeróbka na to co potrzebuje i potrafię szybko dopisać np opcje, funkcjonalność lub sposób rozwijania projektu. WordPress zjada tak wiele niepotrzebnego czasu na odgawywanie jak się robi coś na okrętkę. Szablony CSS w bazie i w notacji JSON. Dodatkowo używanie hooks aby dodać swoje. Można dodać stylesheet jedną linijką w kodzie. Jest trochę pracy z przepisaniem ale potem będzie znacznie łatwiej rozbudować treść.
Przypominam sobie PHP i będę testował modrewrite do celów zbudowania linków bez tyldy nazwa-pliku.html. Do projektu oraz na bazie fuse.js testowałem kilka możliwośći wyszukiwraki. Ciekawe jest w fuse wiele możliwość i podejść do wyszukiwania.
Kawał dobrego kodu Fuse.js
Fuse.js Jest to potężna ale lekka biblioteka do przeszukiwania z rozmyciem, która nie wymaga żadnych zależności. Jest często wykorzystywana do implementowania funkcji wyszukiwania z możliwością pomyłek w aplikacjach internetowych.
Biblioteka ta umożliwia przeprowadzanie przeszukiwań z rozmyciem, co oznacza, że można znaleźć ciągi znaków, które są zbliżone do danego wzorca, a nie dokładnie takie same. Jest to przydatne, gdy użytkownik może popełnić literówki lub gdy chcemy zapewnić bardziej elastyczne wyszukiwanie.
Przykład użycia, pokazuje, jak łatwo można skonfigurować i użyć Fuse.js do przeszukiwania listy elementów (na przykład książek) w zadanym zakresie kluczy (tutaj tytuł i imię autora). W ten sposób można szybko uzyskać listę wyników pasujących do podanego wzorca. Fuse jest proste i szybkie jak 1 2 3 poniżej.
// 1. List of items to search in
const books = [
{
title: "Old Man's War",
author: {
firstName: 'John',
lastName: 'Scalzi'
}
},
{
title: 'The Lock Artist',
author: {
firstName: 'Steve',
lastName: 'Hamilton'
}
}
]
// 2. Set up the Fuse instance
const fuse = new Fuse(books, {
keys: ['title', 'author.firstName']
})
// 3. Now search!
fuse.search('jon')
// Output:
[
{
item: {
title: "Old Man's War",
author: {
firstName: 'John',
lastName: 'Scalzi'
}
},
refIndex: 0
}
]
Przykłady użycia fizzy search
Na GitHub znalazłem repo wyszukujące z przygotowanych odpowiedzi - bardzo łatwe do implementacji FAQ oraz dodałem swoje repo. W moim przykładzie zastosowałem ścisłe dopasowanie zatem wyszukując Jagody i jagody robi różnicę. Dodatkowo jest tworzony link ale będę to dopracowywał gdyż chciałbym aby przechodził ( skrolował ) do odpowiedniego fragmentu. Dodatkowo wyszukiwanie jest w Modalu Ui jest Bootstrapowy.
My Repo GH search Scripterix - fuse search
Repo GH FAQ type MehediHasan06 - fuse search