현재 위치: > 기술 기사 > 웹 프론트엔드

  • React에서 상태와 함께 일하고 조작하는 방법
    React에서 상태와 함께 일하고 조작하는 방법
    Azat Mardan의 React Rects 의이 기사는 React.js에서 상태를 이해하고 조작하는 간결한 안내서를 제공합니다. 국가 관리의 주요 측면을 다루고, 주와 소품의 차이점을 강조하고, S 사용을 옹호합니다.
    JS 튜토리얼 176 2025-02-17 10:02:15
  • 바닐라 JavaScript가있는 음악 잼 스테이션을 만듭니다
    바닐라 JavaScript가있는 음악 잼 스테이션을 만듭니다
    이 튜토리얼은 HTML5 오디오 및 JavaScript를 사용하여 웹 기반 음악 잼 스테이션을 구축하는 것을 보여줍니다. 프로젝트는 오디오 재생을 대화식 코드 디스플레이와 동기화하여 동적 학습을 제공합니다.
    JS 튜토리얼 306 2025-02-17 10:01:15
  • JavaScript에서 국제화 (I18N)를 구현하는 방법
    JavaScript에서 국제화 (I18N)를 구현하는 방법
    핵심 요점 국제화 (I18N)는 현지 언어와 문화에 적응할 수 있도록 제품 및 서비스를 만들거나 변환하는 과정입니다. 현지화 (L10N)는 특정 지역 또는 언어에 대해 국제화 된 소프트웨어를 조정하는 프로세스입니다. Globalimaze는 국제화 및 현지화를 위해 jQuery 팀의 구성원이 개발 한 JavaScript 라이브러리입니다. 공식 유니 코드 CLDR JSON 데이터를 사용하고 모든 주요 브라우저를 지원하며 디지털 포맷 및 구문 분석, 날짜 및 시간 형식 및 구문 분석, 상대 시간 형식, 통화 서식, 메시지 형식, 복수 지원 및 단위 지원 등과 같은 기능을 제공합니다. 국제화 API를 통한 자바 스크립트 (
    JS 튜토리얼 733 2025-02-17 10:00:26
  • JavaScript의 정기 표현
    JavaScript의 정기 표현
    이 안내서는 JavaScript 내에서 정규 표현식의 실제 적용을 보여줍니다. 결국, 당신은 텍스트 조작에 Regex를 자신있게 사용할 수 있습니다. 주요 개념 : JavaScript 정규식은 텍스트 프로세스를위한 강력한 도구입니다
    JS 튜토리얼 531 2025-02-17 09:59:13
  • jQuery 문서 준비 기능을 JavaScript로 바꾸십시오
    jQuery 문서 준비 기능을 JavaScript로 바꾸십시오
    jQuery의 $ (document) .ready () 메소드는 DOM이 완전히로드 된 후 코드를 실행하는 데 사용됩니다. 모든 DOM 요소를 사용할 수있을 때 주어진 함수를 실행하므로 요소에 올바르게 작동하거나 작동하려고 시도합니다. jQuery 3.0 이전에는 익명 함수 사용의 일반적인 사용량은 다음과 같습니다. $ (document) .ready (function () { // .ready ()의 핸들러가 호출됩니다. }); 핵심 요점 JQuery의 문서. 준비 방법은 모든 DOM 요소가 안전하고 작동하는 경우에만 코드가 실행되도록하지만 JQU에서는 코드가 실행되도록합니다.
    JS 튜토리얼 457 2025-02-17 09:56:10
  • 프로젝트는 때때로 JavaScript를 배우는 최악의 방법 일 수 있습니다.
    프로젝트는 때때로 JavaScript를 배우는 최악의 방법 일 수 있습니다.
    많은 JavaScript 초보자는 "더 많은 프로젝트를 수행하십시오."라는 간단한 제안을받을 것입니다. 물론 프로젝트는 종종 프로그래밍 언어를 배우는 효과적인 방법입니다. 그러나 문제는 많은 사람들이 충분한 기본 지식을 갖기 전에 복잡한 프로젝트를 시도하여 잘못 판단한다는 것입니다. 대규모 프로젝트를 너무 일찍 시도하는 것이 많은 사람들이 JavaScript를 배우는 주된 이유 중 하나이기 때문에 이것은 매우 중요합니다. 이를 피하기 위해이 기사는 다음을 다룹니다. 프로젝트를 시도 할 때 JavaScript의 초보자가 만나는 일반적인 함정과 이유 종종 학습 중단을 일으키는 프로젝트의 예 이러한 함정을 피하고보다 효과적으로 배우는 방법 프로젝트를 시작하는시기와 방법 프로젝트에서 올바른 개념을 선택하는 방법
    JS 튜토리얼 393 2025-02-17 09:52:13
  • 구조적 의사 클래스
    구조적 의사 클래스
    Alexis Goldstein, Louis Lazaris 및 Estelle Weyl이 공동 저술 한 "Real World for the Real World, 2nd edition"이 책에서 발췌. 이 책은 전 세계 상점에서 구입할 수 있으며 여기에서 전자 책 버전을 구입할 수도 있습니다. 지금까지 우리는 속성과 상태를 기반으로 요소를 찾는 방법을 배웠습니다. CSS3을 사용하면 태그의 위치에 따라 요소를 배치 할 수 있습니다. 이 선택기는 구조적 의사 클래스로 분류됩니다. 이제이 선택기는 복잡해 보일 수 있지만 나중에 적용되는 방법을 볼 때 더 의미가 있습니다. i를 제외하고
    CSS 튜토리얼 827 2025-02-17 09:50:09
  • IntersectionObserver API를 사용한 기본 무한 스크롤
    IntersectionObserver API를 사용한 기본 무한 스크롤
    교차 관찰자 API : DOM 요소 가시성을 효율적으로 모니터링합니다 교차로 관찰자 API는 지정된 DOM 요소의 가시성을 효율적으로 모니터링하기위한 새로운 클라이언트 측 JavaScript API이며, 게으른로드, 무한 스크롤 및 광고 가시성과 같은 기능에 유용합니다. 브라우저 지원 및 폴리 필 이 API는 비교적 새롭고 현재 Chrome Desktop 51, Chrome Android 51, Android Webview 51, Opera 38 및 Opera Android 38을 포함하여 브라우저 지원이 제한되어 있습니다. 그러나 Github에서 개발중인 POL이 제공됩니다
    JS 튜토리얼 774 2025-02-17 09:49:08
  • 빠른 팁 : 바닐라 JavaScript로 CSS 클래스 추가 또는 제거
    빠른 팁 : 바닐라 JavaScript로 CSS 클래스 추가 또는 제거
    JavaScript를 사용하여 CSS 클래스를 동적으로 추가하고 삭제하여 웹 요소를 쉽게 조작하십시오! 이 기사는 JavaScript의 클래스 이름 및 클래스리스트 속성을 사용하여 CSS 클래스를 효율적으로 관리하고 메뉴 표시/숨기기, 형태 오류 또는 요소 애니메이션 강조 표시와 같은 웹 페이지 요소의 동적 수정을 실현하는 방법을 설명합니다. 핵심 포인트 : JavaScript는 사용자 상호 작용 (예 : 메뉴 표시/숨기기, 형태 오류 또는 애니메이션 효과)을 기반으로 페이지 요소를 동적으로 수정하는 데 사용될 수 있습니다. ClassName 및 Classlist 속성은 CSS 클래스를 운영하기위한 강력한 도구이며 클래스리스트는 더 현대적입니다
    JS 튜토리얼 317 2025-02-17 09:47:07
  • 빠른 렌더링 웹 사이트를위한 렌더링 차단 CSS 태클
    빠른 렌더링 웹 사이트를위한 렌더링 차단 CSS 태클
    CSS로드 전략을 최적화하고 웹 렌더링 속도를 향상시킵니다 이 기사에서는 브라우저가 CSS 파일을로드하는 방식과 웹 렌더링 속도에 미치는 영향에 대해 설명하고 사용자 경험을 향상시키는 데 도움이되는 몇 가지 최적화 전략을 도입합니다. 문제 : CSS는 렌더링을 차단합니다 Google Page Speed ​​Insights를 사용한 경우 다음과 같은 프롬프트를 보았을 수 있습니다. 브라우저는 DOM 및 CSSOM을 사용하여 웹 페이지를 렌더링합니다. CSS는 중요한 렌더링 경로에 위치하고 있습니다. 즉, 브라우저는 렌더링을 시작하기 위해 모든 HTML 및 CSS 정보를 다운로드하여 처리해야합니다. 이는 지연과 사용자 경험에 영향을 줄 수 있습니다. 외부 스타일 시트는 특히 브라우저와 서버 간의 여러 라운드 트립을 유발하여 HTML 다운로드가 완료되고 페이지 렌더링이 완료됩니다.
    CSS 튜토리얼 768 2025-02-17 09:46:14
  • 빠른 팁 : Google 사용자 정의 검색 스타일 수동으로 스타일링하는 방법
    빠른 팁 : Google 사용자 정의 검색 스타일 수동으로 스타일링하는 방법
    핵심 포인트 검색 양식 (특수 GCSE 태그를 사용할 필요없이)을 수동으로 렌더링하면 GCSE (Google Custom Search Engine)를 수동으로 스타일링하여 검색 입력 필드를보다 잘 제어 할 수 있으며 더 간단하게 보이게 할 수 있습니다. GCSE 콜백 함수는 입력 속성을 변경하기 전에 입력이로드되도록합니다. 이 메소드는 설정 타임 아웃 방법을 사용하는 것보다 더 안정적입니다. Google 검색 API를 사용하여 검색 상자 및 결과 상자를 만드는 데 사용할 수 있습니다. 활성 쿼리가 있으면 결과 상자도 생성됩니다. 다른 사용자 정의는 문서를 찾아서 달성 할 수 있습니다. 추가 사용자 정의를 위해 사용자 정의 스타일 기능을 Search Div에 추가 할 수 있습니다. 이 기능은 자리 표시자를 변경하고 배경을 삭제하며 초점이 맞지 않을 때 배경을 제거하는 물건을 추가하는 데 사용될 수 있습니다.
    JS 튜토리얼 810 2025-02-17 09:42:10
  • Quick Tip : 시간 지연 후 모달 팝업을 표시하십시오
    Quick Tip : 시간 지연 후 모달 팝업을 표시하십시오
    이 기사는 JavaScript를 사용하여 짧은 지연 후 모달 창을 표시하는 방법을 설명합니다. 저자는 사용자 경험에 부정적인 영향을 줄 수 있으므로 과용에 대해 경고합니다. 예
    JS 튜토리얼 316 2025-02-17 09:40:11
  • Verdaccio와 함께 개인 NPM 패키지 호스트, 게시 및 관리
    Verdaccio와 함께 개인 NPM 패키지 호스트, 게시 및 관리
    Verdaccio : 개인 NPM 패키지를 쉽게 관리 할 수있는 강력한 도구 핵심 포인트 Verdaccio는 NPM 상업용 개인 패키지 호스팅, 게시 및 관리 서비스에 대한 무료 대안입니다. 구성없이 로컬 NPM 레지스트리를 생성하고 자체 데이터베이스와 함께 제공됩니다. Verdaccio는 로컬 캐시/프록시 서버 역할을하며 사용자 정의 저장소에서 종속성을 찾을 수없는 경우 공식 NPM 레지스트리에서 다운로드하여 로컬 스토리지 폴더에 저장됩니다. 또한 지역 개인 패키지 제작을 지원합니다. Verdaccio는 설치 및 구성이 쉽고 가끔 충돌이 발생할 때마다 자동으로 다시 시작하도록 설정할 수 있습니다. 또한 사용자가 패키지를 게시하도록 등록 할 수 있습니다. 개인 패키지를 호스팅하는 것 외에도 Verd
    JS 튜토리얼 798 2025-02-17 09:39:15
  • 웹 오디오 API : 웹 페이지에 대역폭 친화적 인 사운드 추가
    웹 오디오 API : 웹 페이지에 대역폭 친화적 인 사운드 추가
    브라우저 오디오 파워 잠금 해제 : 웹 오디오 API 가이드 Web Audio API를 통해 개발자는 정교한 오디오 처리를 JavaScript를 사용하여 웹 페이지에 직접 통합하여 플러그인이 필요하지 않습니다. 이것은 특히 유익합니다
    JS 튜토리얼 782 2025-02-17 09:37:09
  • 빠른 팁 : JSON-SERVER를 사용한 모의 휴식 API
    빠른 팁 : JSON-SERVER를 사용한 모의 휴식 API
    백엔드없이 프론트 엔드 애플리케이션을 신속하게 프로토 타이핑 할 수 있습니까? 가장 기본적인 시뮬레이션 API를 만드는 것은 시간이 많이 걸리고 노동 집약적 일 수 있습니다. JSON-SERVER 라이브러리는 개발 및 테스트를위한 복잡한 편안한 API를 만들 수있는 빠르고 쉬운 방법을 제공 하여이 문제를 해결합니다. 이 빠른 팁은 JSON-Server를 사용하여 Mock REST API를 만드는 방법을 알려 드리며, 단 30 초 안에 완전한 기능을 갖춘 API를 얻을 수 있습니다. 핵심 요점 JSON-SERVER 라이브러리는 개발 및 테스트를위한 복잡한 편안한 API를 신속하게 만들 수 있으므로 개발자는 백엔드없이 응용 프로그램의 프론트 엔드를 프로토 타입 할 수 있습니다. JSON-SERVER가 제공합니다
    JS 튜토리얼 1100 2025-02-17 09:36:12

도구 권장 사항

jQuery 기업 메시지 양식 연락처 코드

jQuery 기업 메시지 양식 연락처 코드는 간단하고 실용적인 기업 메시지 양식이자 문의 소개 페이지 코드입니다.
양식 버튼
2024-02-29

HTML5 MP3 뮤직 박스 재생 효과

HTML5 MP3 뮤직 박스 재생 특수 효과는 귀여운 뮤직 박스 이모티콘을 만들고 전환 버튼을 클릭하는 HTML5+css3 기반의 MP3 뮤직 플레이어입니다.

HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과

HTML5 멋진 입자 애니메이션 탐색 메뉴 효과는 탐색 메뉴를 마우스로 가리키면 색상이 변경되는 특수 효과입니다.
메뉴 탐색
2024-02-29

jQuery 시각적 양식 드래그 앤 드롭 편집 코드

jQuery 시각적 양식 드래그 앤 드롭 편집 코드는 jQuery 및 부트스트랩 프레임워크를 기반으로 하는 시각적 양식입니다.
양식 버튼
2024-02-29

유기농 과일 및 야채 공급업체 웹 템플릿 Bootstrap5

유기농 과일 및 채소 공급업체 웹 템플릿-Bootstrap5

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus

Bootstrap3 다기능 데이터 정보 배경 관리 반응형 웹 페이지 템플릿-Novus
백엔드 템플릿
2023-02-02

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

부동산 자원 서비스 플랫폼 웹 페이지 템플릿 Bootstrap5

간단한 이력서 정보 웹 템플릿 Bootstrap4

간단한 이력서 정보 웹 템플릿 Bootstrap4

귀여운 여름 요소 벡터 자료(EPS+PNG)

이것은 태양, 태양 모자, 코코넛 나무, 비키니, 비행기, 수박, 아이스크림, 아이스크림, 차가운 음료, 수영 반지, 슬리퍼, 파인애플, 소라, 조개, 불가사리, 게를 포함한 귀여운 여름 요소 벡터 자료입니다. , 레몬, 자외선 차단제, 선글라스 등 자료는 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공됩니다.
PNG 소재
2024-05-09

4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)

이것은 빨간색 2023년 졸업 배지 벡터 자료로, 총 4개이며 JPG 미리보기를 포함하여 AI, EPS 및 PNG 형식으로 사용할 수 있습니다.
PNG 소재
2024-02-29

노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)

노래하는 새와 꽃이 가득한 수레로 디자인된 봄 배너 벡터 자료입니다. JPG 미리보기를 포함하여 AI 및 EPS 형식으로 제공됩니다.
배너 그림
2024-02-29

황금 졸업 모자 벡터 자료(EPS+PNG)

이것은 JPG 미리보기를 포함하여 EPS 및 PNG 형식으로 제공되는 황금 졸업 모자 벡터 자료입니다.
PNG 소재
2024-02-27

가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿

가정 장식 청소 및 유지 관리 서비스 회사 웹 사이트 템플릿은 가정 장식, 청소, 유지 관리 및 기타 서비스 조직을 제공하는 홍보 웹 사이트에 적합한 웹 사이트 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

신선한 색상의 개인 이력서 가이드 페이지 템플릿

신선한 컬러 매칭 개인 구직 지원 이력서 가이드 페이지 템플릿은 신선한 컬러 매칭 스타일에 적합한 개인 구직 이력서 작업 표시 가이드 페이지 웹 템플릿 다운로드입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

디자이너 크리에이티브 작업 이력서 웹 템플릿

디자이너 크리에이티브 작업 이력서 웹 템플릿은 다양한 디자이너 직위에 적합한 개인 작업 이력서 표시를 위한 다운로드 가능한 웹 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.

현대 엔지니어링 건설 회사 웹사이트 템플릿

현대 엔지니어링 및 건설 회사 웹 사이트 템플릿은 엔지니어링 및 건설 서비스 산업 홍보에 적합한 다운로드 가능한 웹 사이트 템플릿입니다. 팁: 이 템플릿은 Google 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.