- 방향:
- 모두 웹3.0 백엔드 개발 웹 프론트엔드 데이터 베이스 운영 및 유지보수 개발 도구 PHP 프레임워크 일일 프로그램 위챗 애플릿 일반적인 문제 다른 기술 CMS 튜토리얼 Java 시스템 튜토리얼 컴퓨터 튜토리얼 하드웨어 튜토리얼 모바일 튜토리얼 소프트웨어 튜토리얼 모바일 게임 튜토리얼
- 나누다:
-
- React에서 상태와 함께 일하고 조작하는 방법
- Azat Mardan의 React Rects 의이 기사는 React.js에서 상태를 이해하고 조작하는 간결한 안내서를 제공합니다. 국가 관리의 주요 측면을 다루고, 주와 소품의 차이점을 강조하고, S 사용을 옹호합니다.
- JS 튜토리얼 176 2025-02-17 10:02:15
-
- 바닐라 JavaScript가있는 음악 잼 스테이션을 만듭니다
- 이 튜토리얼은 HTML5 오디오 및 JavaScript를 사용하여 웹 기반 음악 잼 스테이션을 구축하는 것을 보여줍니다. 프로젝트는 오디오 재생을 대화식 코드 디스플레이와 동기화하여 동적 학습을 제공합니다.
- JS 튜토리얼 306 2025-02-17 10:01:15
-
- JavaScript에서 국제화 (I18N)를 구현하는 방법
- 핵심 요점 국제화 (I18N)는 현지 언어와 문화에 적응할 수 있도록 제품 및 서비스를 만들거나 변환하는 과정입니다. 현지화 (L10N)는 특정 지역 또는 언어에 대해 국제화 된 소프트웨어를 조정하는 프로세스입니다. Globalimaze는 국제화 및 현지화를 위해 jQuery 팀의 구성원이 개발 한 JavaScript 라이브러리입니다. 공식 유니 코드 CLDR JSON 데이터를 사용하고 모든 주요 브라우저를 지원하며 디지털 포맷 및 구문 분석, 날짜 및 시간 형식 및 구문 분석, 상대 시간 형식, 통화 서식, 메시지 형식, 복수 지원 및 단위 지원 등과 같은 기능을 제공합니다. 국제화 API를 통한 자바 스크립트 (
- JS 튜토리얼 733 2025-02-17 10:00:26
-
- JavaScript의 정기 표현
- 이 안내서는 JavaScript 내에서 정규 표현식의 실제 적용을 보여줍니다. 결국, 당신은 텍스트 조작에 Regex를 자신있게 사용할 수 있습니다. 주요 개념 : JavaScript 정규식은 텍스트 프로세스를위한 강력한 도구입니다
- JS 튜토리얼 531 2025-02-17 09:59:13
-
- 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의 초보자가 만나는 일반적인 함정과 이유 종종 학습 중단을 일으키는 프로젝트의 예 이러한 함정을 피하고보다 효과적으로 배우는 방법 프로젝트를 시작하는시기와 방법 프로젝트에서 올바른 개념을 선택하는 방법
- 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를 사용한 기본 무한 스크롤
- 교차 관찰자 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는 사용자 상호 작용 (예 : 메뉴 표시/숨기기, 형태 오류 또는 애니메이션 효과)을 기반으로 페이지 요소를 동적으로 수정하는 데 사용될 수 있습니다. ClassName 및 Classlist 속성은 CSS 클래스를 운영하기위한 강력한 도구이며 클래스리스트는 더 현대적입니다
- JS 튜토리얼 317 2025-02-17 09:47:07
-
- 빠른 렌더링 웹 사이트를위한 렌더링 차단 CSS 태클
- CSS로드 전략을 최적화하고 웹 렌더링 속도를 향상시킵니다 이 기사에서는 브라우저가 CSS 파일을로드하는 방식과 웹 렌더링 속도에 미치는 영향에 대해 설명하고 사용자 경험을 향상시키는 데 도움이되는 몇 가지 최적화 전략을 도입합니다. 문제 : CSS는 렌더링을 차단합니다 Google Page Speed Insights를 사용한 경우 다음과 같은 프롬프트를 보았을 수 있습니다. 브라우저는 DOM 및 CSSOM을 사용하여 웹 페이지를 렌더링합니다. CSS는 중요한 렌더링 경로에 위치하고 있습니다. 즉, 브라우저는 렌더링을 시작하기 위해 모든 HTML 및 CSS 정보를 다운로드하여 처리해야합니다. 이는 지연과 사용자 경험에 영향을 줄 수 있습니다. 외부 스타일 시트는 특히 브라우저와 서버 간의 여러 라운드 트립을 유발하여 HTML 다운로드가 완료되고 페이지 렌더링이 완료됩니다.
- CSS 튜토리얼 768 2025-02-17 09:46:14
-
- 빠른 팁 : Google 사용자 정의 검색 스타일 수동으로 스타일링하는 방법
- 핵심 포인트 검색 양식 (특수 GCSE 태그를 사용할 필요없이)을 수동으로 렌더링하면 GCSE (Google Custom Search Engine)를 수동으로 스타일링하여 검색 입력 필드를보다 잘 제어 할 수 있으며 더 간단하게 보이게 할 수 있습니다. GCSE 콜백 함수는 입력 속성을 변경하기 전에 입력이로드되도록합니다. 이 메소드는 설정 타임 아웃 방법을 사용하는 것보다 더 안정적입니다. Google 검색 API를 사용하여 검색 상자 및 결과 상자를 만드는 데 사용할 수 있습니다. 활성 쿼리가 있으면 결과 상자도 생성됩니다. 다른 사용자 정의는 문서를 찾아서 달성 할 수 있습니다. 추가 사용자 정의를 위해 사용자 정의 스타일 기능을 Search Div에 추가 할 수 있습니다. 이 기능은 자리 표시자를 변경하고 배경을 삭제하며 초점이 맞지 않을 때 배경을 제거하는 물건을 추가하는 데 사용될 수 있습니다.
- JS 튜토리얼 810 2025-02-17 09:42:10
-
- Quick Tip : 시간 지연 후 모달 팝업을 표시하십시오
- 이 기사는 JavaScript를 사용하여 짧은 지연 후 모달 창을 표시하는 방법을 설명합니다. 저자는 사용자 경험에 부정적인 영향을 줄 수 있으므로 과용에 대해 경고합니다. 예
- JS 튜토리얼 316 2025-02-17 09:40:11
-
- Verdaccio와 함께 개인 NPM 패키지 호스트, 게시 및 관리
- Verdaccio : 개인 NPM 패키지를 쉽게 관리 할 수있는 강력한 도구 핵심 포인트 Verdaccio는 NPM 상업용 개인 패키지 호스팅, 게시 및 관리 서비스에 대한 무료 대안입니다. 구성없이 로컬 NPM 레지스트리를 생성하고 자체 데이터베이스와 함께 제공됩니다. Verdaccio는 로컬 캐시/프록시 서버 역할을하며 사용자 정의 저장소에서 종속성을 찾을 수없는 경우 공식 NPM 레지스트리에서 다운로드하여 로컬 스토리지 폴더에 저장됩니다. 또한 지역 개인 패키지 제작을 지원합니다. Verdaccio는 설치 및 구성이 쉽고 가끔 충돌이 발생할 때마다 자동으로 다시 시작하도록 설정할 수 있습니다. 또한 사용자가 패키지를 게시하도록 등록 할 수 있습니다. 개인 패키지를 호스팅하는 것 외에도 Verd
- JS 튜토리얼 798 2025-02-17 09:39:15
-
- 웹 오디오 API : 웹 페이지에 대역폭 친화적 인 사운드 추가
- 브라우저 오디오 파워 잠금 해제 : 웹 오디오 API 가이드 Web Audio API를 통해 개발자는 정교한 오디오 처리를 JavaScript를 사용하여 웹 페이지에 직접 통합하여 플러그인이 필요하지 않습니다. 이것은 특히 유익합니다
- JS 튜토리얼 782 2025-02-17 09:37:09
-
- 빠른 팁 : 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