현재 위치: > 기술 기사 > 웹 프론트엔드 > JS 튜토리얼

  • 애니메이션 구성 요소를 구축하거나 반응이 D3을 더 좋게 만드는 방법
    애니메이션 구성 요소를 구축하거나 반응이 D3을 더 좋게 만드는 방법
    D3의 전력을 활용하고 멋진 데이터 시각화를 위해 반응 "데이터 시각화의 jQuery"라고 불리는 D3.JS는 비교할 수없는 유연성을 제공합니다. 많은 인상적인 온라인 시각화는 그 기능에 의존하며 최근 V4 U
    JS 튜토리얼 740 2025-02-16 11:40:12
  • JavaScript ES2015의 객체 상속 패턴
    JavaScript ES2015의 객체 상속 패턴
    주요 테이크 아웃 ES2015를 사용하면 JavaScript에는 이제 코드를 깨끗하게 유지하고 계층 구조 깊이를 최소화하며 중복 코드를 피하기 위해 클래스를 정의하는 구문이 있습니다. 일부 고전적인 OOP 언어가 지원하는 기능인 다중 상속은 허용
    JS 튜토리얼 816 2025-02-16 11:38:39
  • 각도 개발자에게 반응합니다
    각도 개발자에게 반응합니다
    이 기사는 Angular 1.X 개발자의 틈새를 반응으로 이끌어냅니다. 건축 적 접근 방식, 기능 중첩 및 Angular의 포괄적 인 기능 세트에서 반응하는 영역의 주요 차이점을 강조합니다. 기사 em
    JS 튜토리얼 1042 2025-02-16 11:37:09
  • 상태 부족 구성 요소로 반응 성능을 최적화합니다
    상태 부족 구성 요소로 반응 성능을 최적화합니다
    이 기사에서는 React의 무국적 구성 요소를 탐구합니다. 이 유형의 구성 요소에는 this.state = {...} 호출이 포함되어 있지 않으며 "소품"및 하위 구성 요소 만 프로세스합니다. 핵심 요점 요약 React의 상태 부족 구성 요소에는 this.state = {…} 호출이 포함되어 있지 않습니다. 그들은 들어오는 "소품"과 하위 구성 요소 만 처리하여 테스트 관점에서 더 간단하고 쉽게 분석 할 수 있습니다. 무국적 구성 요소는 기능적 구성 요소로 변환 될 수 있으며, 이는 순수한 JavaScript와 비슷하며 사용 된 프레임 워크에 대한 의존성이 줄어 듭니다. react.purecomponent를 사용하여 내장 된 상태의 성능은 내장되어 있어야합니다.
    JS 튜토리얼 319 2025-02-16 11:35:08
  • 3.js, React 및 WebGL로 게임 구축
    3.js, React 및 WebGL로 게임 구축
    핵심 포인트 게임 개발에서 3D 장면을 구동하기 위해 React를 사용하면 게임 논리에서 렌더링하는 장면 분리, 이해하기 쉬운 구성 요소, 게임 리소스의 실시간 재 장전 및 기본 브라우저 도구를 사용하여 3D 장면을 사용하는 기능을 포함하여 많은 장점이 있습니다. 태그를 점검하고 디버그 할 때. R3R (React-Three Renderer)은 3.js를 캡슐화하고 게임 로직에서 뷰 코드를 디퍼 커플 링 할 수있는 선언적 API를 제공하고 작고 이해하기 쉬운 구성 요소를 생성합니다. 게임 엔진이 성장함에 따라 REDICER 모드를 사용하여 게임 로직을 별도의 기능으로 구성하는 것이 중요합니다. 이 모드는 간단하고 명확한 게임 루프를 만들고 게임 루프에 더 쉽게 추가 할 수 있습니다.
    JS 튜토리얼 726 2025-02-16 11:33:09
  • JavaScript 테스트 도구 대결 : sinon.js vs testdouble.js
    JavaScript 테스트 도구 대결 : sinon.js vs testdouble.js
    단위 테스트 실제 코드를 테스트 할 때 많은 상황으로 인해 테스트를 작성하기가 어렵습니다. 함수가 호출되는지 확인하는 방법? Ajax 통화를 테스트하는 방법은 무엇입니까? 또는 settimeout을 사용한 코드? 현재 테스트 스탠드를 사용하여 테스트하기가 어렵습니다. Sinon.js는 몇 년 동안 JavaScript 테스트에서 테스트 스탠드 인을 만들기위한 실제 표준이었습니다. 테스트를 작성하는 JavaScript 개발자에게는 필수 도구입니다. 실제 응용 프로그램에 대한 테스트를 작성하는 것은 거의 불가능하기 때문입니다. 최근 TestDouble.js라는 새로운 라이브러리가 증가하고 있습니다. 그것은 있습니다
    JS 튜토리얼 1016 2025-02-16 11:29:09
  • Ember.js : 웹 응용 프로그램을위한 완벽한 프레임 워크
    Ember.js : 웹 응용 프로그램을위한 완벽한 프레임 워크
    Ember.js는 컨벤션 및 과잉 구성에 중점을 둔 최신 프론트 엔드 JavaScript 프레임 워크이며 최근에 많은 관심을 끌었습니다. 이 기사는 간단한 주사위 롤 응용 프로그램을 구성하여 프레임 워크의 주요 개념과 구현 기능을 소개합니다. 우리의 샘플 응용 프로그램은 사용자가 주사위를 롤하고 기록을 볼 수있는 주사위 롤 프로그램입니다. 앱의 전체 코드는 Github에서 사용할 수 있습니다. Ember.js는 다음을 포함하되 이에 국한되지 않는 많은 현대적인 JavaScript 개념 및 기술을 통합합니다. Babel 번역기를 사용하여 ES2016을 지원하십시오. Addem 및 Qtest가 구동하는 표준 단위, 통합 및 수락 테스트 지원. BROC 사용
    JS 튜토리얼 580 2025-02-16 11:28:14
  • 15 분 안에 Okta의 로그인 위젯으로 각도 앱을 구축하십시오.
    15 분 안에 Okta의 로그인 위젯으로 각도 앱을 구축하십시오.
    주요 하이라이트 : 후진 호환성의 부족에도 불구하고, Angular 2 및 4는 UI 프레임 워크 중에서 3 위를 차지하며 (REACT 및 HTML5 이후) 인기가 높습니다. Okta는 간소화 된 사용자 계정 관리를위한 사용자 친화적 인 API를 제공합니다.
    JS 튜토리얼 755 2025-02-16 11:25:10
  • 전자 애플리케이션을 디버깅하기위한 팁과 요령
    전자 애플리케이션을 디버깅하기위한 팁과 요령
    전자 애플리케이션 디버깅 가이드 : 크롬 개발자 도구 및 대 코드를 효율적으로 활용 이 기사는 렌더링 프로세스의 디버깅 방법과 주요 프로세스를 다루는 전자 응용 프로그램을 효율적으로 디버그하는 방법을 소개합니다. 핵심 포인트 전자 앱의 렌더링 프로세스 디버깅은 Chrome 개발자 도구와 직접 사용할 수 있습니다. 응용 프로그램 메뉴, 바로 가기 키 또는 BrowserWindow.opendevtools () 메소드를 통해 액세스 할 수 있습니다. 메인 프로세스 디버깅은 비교적 복잡하며 노드 검사관 지지대는 제한적입니다. vs 코드가 권장되며 리치 노드 애플리케이션 디버깅 도구를 제공합니다. 대 코드는 사용자 정의를 지원합니다
    JS 튜토리얼 432 2025-02-16 11:24:09
  • 사용자가 JavaScript를 비활성화 할 수 있어야합니까?
    사용자가 JavaScript를 비활성화 할 수 있어야합니까?
    이 기사는 웹 브라우저에서 JavaScript를 비활성화하는 영향을 살펴보고 그 이점과 단점에 대한 균형 잡힌 관점을 제공합니다. JavaScript를 비활성화하면서 광고를 제거하여 더 깨끗한 탐색 경험으로 이어질 수 있음을 강조합니다.
    JS 튜토리얼 335 2025-02-16 11:18:11
  • 흐름으로 더 나은 JavaScript를 작성합니다
    흐름으로 더 나은 JavaScript를 작성합니다
    흐름 : JavaScript 코드의 품질을 향상시키기위한 정적 유형 검사기 Facebook Lunched Flow는 JavaScript의 정적 유형 검사기이며, 일반적으로 코드를 수정하지 않고 JavaScript 코드의 유형 오류를 효율적으로 감지하여 프로그래머 워크로드를 최소화하도록 설계되었습니다. 핵심 장점 : 선택적 유형 확인 : 특정 파일을 선택적으로 확인하고 파일 상단에 A /*@flow* / annotation을 추가하여 유형 유형 확인을 활성화 할 수 있습니다. 수용 추론 및 주석 : Flow는 주석을 통해 유형을 명시 적으로 지정하고 유연하고 효율적인 코드 컨텍스트를 통해 유형 추론을 지원합니다. 엄격한 널 핸들링 : Flo
    JS 튜토리얼 705 2025-02-16 11:17:13
  • 바닐라 JavaScript : 애니메이션 스티커 내비게이션 메뉴 작성
    바닐라 JavaScript : 애니메이션 스티커 내비게이션 메뉴 작성
    핵심 포인트 Pure JavaScript, CSS 및 HTML을 사용하여 jQuery 플러그인이 필요없이 애니메이션 스티커 내비게이션 메뉴를 만듭니다. 이 메뉴는 스크롤 할 때보기가 멀어지고 스크롤 할 때 반투명 효과로 다시 볼 수 있도록 설계되었습니다. 이 프로세스에는 기본 HTML 구조를 설정하고 주 요소에 스타일을 적용한 다음 메뉴를 애니메이션하는 것이 포함됩니다. 이벤트 핸들러를 스크롤 이벤트에 연결하고 CSS 변환을 사용하여 스크롤 방향에 따라 메뉴의 위치와 모양을 조정하여 애니메이션이 트리거됩니다. 이 사용자 정의 솔루션은 더 많은 설계 유연성을 제공하며 특정 요구에 따라 쉽게 사용자 정의 할 수 있습니다. 최종 결과는 사용자 경험을 향상시키는 역동적 인 대화식 내비게이션 메뉴입니다. 웹 탐색 ​​메뉴 디자인은 요리와 같은 많은 요소를 고려해야합니다.
    JS 튜토리얼 1030 2025-02-16 11:16:14
  • AX로 자동 접근성 검사
    AX로 자동 접근성 검사
    AX : 웹 사이트에 쉽게 액세스 할 수 있도록 자동 보조 기능 테스트 지난 시간에 웹 사이트를 디자인 할 때 장애가있는 사람들도 액세스 할 수 있도록 얼마나 많은 시간과 노력을 했습니까? 많은 사람들이 "아니오"라고 대답 할 수 있습니다. 그러나 많은 인터넷 사용자가 색상 구별, 텍스트 읽기, 마우스 사용 또는 복잡한 웹 사이트 구조를 탐색하는 데 어려움이 있기 때문에 웹 사이트에 액세스하는 데 어려움이 있습니다. 접근성 문제는 종종 접근성 솔루션을 확인하고 구현하는 데 필요한 노력으로 인해 간과됩니다. 개발자는 기본 표준에 익숙해야 할뿐만 아니라 충족되는지 끊임없이 확인해야합니다. 표준 검사를 자동화하여 접근성 웹 사이트의 개발을 단순화 할 수 있습니까? 이 기사에서는 AX 라이브러리와 관련 도구를 사용하여 웹 사이트 및 응용 프로그램을 자동으로 확인하고보고하는 방법을 보여줍니다.
    JS 튜토리얼 714 2025-02-16 11:15:11
  • 앱에서 OpenID Connect 및 OKTA를 사용한 각도 인증 설정
    앱에서 OpenID Connect 및 OKTA를 사용한 각도 인증 설정
    이 기사는 원래 Okta Developer Blog에 게시되었습니다. SitePoint를 가능하게하는 파트너를 지원해 주셔서 감사합니다. Angular (이전에 Angular 2.0이라고 함)는 현대 단일 페이지 AP를 구축하는 가장 강력한 방법 중 하나가되고 있습니다.
    JS 튜토리얼 528 2025-02-16 11:09:10
  • 10 JQuery HTML5 오디오 플레이어
    10 JQuery HTML5 오디오 플레이어
    이 기사는 웹 사이트 통합에 적합한 오픈 소스 및 상업 모두 10 개의 HTML5 오디오 플레이어를 살펴 봅니다. 그것은 음악 SAL 감소와 함께 오디오 스트림의 상당한 증가를 지적하면서 오디오 스트리밍의 인기 증가를 강조합니다.
    JS 튜토리얼 706 2025-02-16 11:08:10

도구 권장 사항

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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.