Baidu 입력 상자 스마트 프롬프트_javascript 기술을 모방하는 js 코드

최근 고객의 요구 사항이 바뀌고 있는데 그 중 일부는 고객의 긴급한 요청으로 인해 빠르게 완료할 수 없어서 먼저 프로토타입을 제작한 후 나중에 천천히 수정했습니다. 예를 들어 프로토타입에 드롭다운 목록을 만들었는데 실제로는 200개가 넘는 데이터가 있습니다. 드롭다운 목록을 사용하는 것은 비현실적입니다. 그리고 드롭다운 목록은 얼마나 길어야 합니까? 그래서 자연스럽게 바이두의 스마트 프롬프트 기능이 떠올랐습니다.

이전에 잊어버린 내용을 언급했는데, 독자들이 이해하기 쉽도록 모든 데이터를 js에 넣었습니다.

전체 코드를 전달해 보겠습니다. 길지 않습니다. 테스트하기 전에는 어떤 영웅이 썼는지 잊어버렸는데, 간단하게 설명하기 위해 모든 데이터를 js로 설정하여 독자들이 이해하기 쉽도록 했습니다.

코드 복사 코드는 다음과 같습니다.

   
   
   
   

마지막으로 소감을 말씀드리겠습니다. 예전에 프론트엔드 엔지니어로 인터뷰를 했을 때 사람들은 제가 아직 어리다고 생각했습니다. 이제 저는 프론트엔드 분야에서 점점 더 강해지기 시작했습니다. 비록 회사에 프론트엔드 엔지니어가 없지만, 일부 문제를 해결하려면 프론트엔드를 합리적으로 사용해야 한다고 생각합니다. 외부에 맡기지 않고 프런트엔드에서 쉽게 해결할 수 있는 문제입니다. 회사에서 일하면서 남들한테는 많이 배우지 못했는데, 수요가 들어오자 나만의 해결책을 찾아내고 온라인에서 해결책을 찾게 되었고, 저도 많은 것을 배웠습니다. 계속하세요, 어서!