요구사항: 메뉴, 채팅 메시지 등 프론트엔드에 전체 텍스트 검색 기능을 추가하세요. ElasticSearch, Lucene, Solr, SQL Server 내장 등 백엔드에는 많은 전문 검색 미들웨어가 있습니다. 백엔드 인터페이스에 의존하지 않고 프론트엔드에서 전체 텍스트 검색을 어떻게 구현할 수 있을까요?
복습:
Fuse.js 의존성 없이 JavaScript로 작성된 강력하고 가벼운 퍼지 검색 라이브러리입니다.
공식 웹사이트:하이퍼링크 로그인이 보입니다.
근원:하이퍼링크 로그인이 보입니다.
매개변수 구성:하이퍼링크 로그인이 보입니다.
이 글은 Angular 19 + fuse.js을 사용하여 전체 텍스트 검색 기능을 구현하며, 렌더링 방식은 다음과 같습니다:
NPM 설치
코드:
출력:
[
{
"아이템": {
"제목": "맞아, 지브스",
"작가": "P.D. 맨스",
"태그": ["픽션", "전쟁"]
},
"refIndex": 1, // 원본 목록의 인덱스
"점수": 0.12282280261157906
},
{
"아이템": {
"제목": "노인의 전쟁 소설",
"작가": "존 엑스",
"태그": ["전쟁"]
},
"refIndex": 0,
"점수": 0.3807307877431757
}
]
말:점수가 작을수록 정확도가 높아집니다, 즉 매치가 높을수록 더 높은 성격입니다.
참조:하이퍼링크 로그인이 보입니다. |
2025-3-3 13:25:26에 게시됨
|
|
|
|
