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

  • Fetch API 및 ES6 생성기를 사용한 비동기 API
    Fetch API 및 ES6 생성기를 사용한 비동기 API
    핵심 포인트 ECMAScript 6 (ES6)은 Promise and Generator를 통한 비동기 프로그래밍을 더 잘 지원하고 원격 자원과의 통신의 기초로 XMLHTTPrequest를 대체하도록 설계된 Fetch API를 도입했습니다. Fetch API 메소드는 발전기와 함께 사용할 수있는 ES6 약속 객체를 반환하여 일련의 작업과 같은 복잡한 비동기 작업의 기초를 형성합니다. 각 작업은 이전 작업에 의해 반환 된 값에 따라 다릅니다. Generator는 Fetch API와 함께 사용하여 고객이 지속적으로 지속되는 긴 폴링과 같은 작업을 수행 할 수 있습니다.
    JS 튜토리얼 830 2025-02-19 08:43:09
  • jQuery, Bootstrap 및 Shield ui lite가있는 편집 가능한 그리드
    jQuery, Bootstrap 및 Shield ui lite가있는 편집 가능한 그리드
    이 짧은 팁에서는 부트 스트랩과 방패를 사용하여 편집 가능한 그리드 (또는 테이블)를 설정하는 몇 가지 쉬운 단계를 제공합니다. Shield Ui Lite는 다른 구성 요소 중 JQuery 그리드를 포함하는 오픈 소스 jQuery 라이브러리입니다. 그리드는 편집을 지원합니다
    JS 튜토리얼 313 2025-02-19 08:37:15
  • jquery bloat를 잃습니다
    jquery bloat를 잃습니다
    핵심 포인트 Nodelist.js는 jQuery의 DOM 작동의 대안으로 비슷하지만 유사한 기능을 제공하지만 (압축 후 4K), 기본 브라우저 API의 개선을 활용합니다. JQuery와 달리 Nodelist.js는 노드 배열을 단일 노드로 취급하여 클리너 코드와 더 쉬운 NODELIST 객체 작업을 가능하게합니다. NoDelist.js에는 속성을 설정하고 가져 오기, 요소 별 방법을 호출하고 Nodelist의 노드에 액세스하는 특수한 방법이 포함되어 있으며 소유자는 jQuery의 prevobject 속성과 동등한 속성을 포함합니다.
    JS 튜토리얼 289 2025-02-19 08:27:10
  • 재미와 이익을위한 명령 줄 API
    재미와 이익을위한 명령 줄 API
    브라우저 개발자 도구 명령 라인 API : 개발 및 디버깅 효율성을 향상시키는 강력한 도구 이 기사는 브라우저 개발자 도구의 강력한 명령 줄 API를 탐색합니다.이 도구는 개발 및 디버깅 경험을 크게 향상시키기 위해 다양한 별칭, 편리한 기능 및 바로 가기를 제공합니다. 핵심 포인트 : 명령 줄 API를 사용하면 개발자가 JavaScript 콘솔에서 웹 페이지와 상호 작용할 수 있습니다. API는 JavaScript 콘솔 액세스로 제한되며 페이지 스크립트에는 사용할 수 없지만 브라우저 창에서 직접 코드 스 니펫을 실험하는 것이 편리합니다. API는 DOM 탐색, 객체 추적 및 콘솔 디버깅에 대한 다양한 기능을 제공합니다. $ (Document.QuerySelector Alias), DIR (객체의 모든 속성을 나열 함).
    JS 튜토리얼 392 2025-02-19 08:25:08
  • HTML5 양식 : 도구 상자의 신뢰할 수있는 도구
    HTML5 양식 : 도구 상자의 신뢰할 수있는 도구
    다음은 Alexis Goldstein, Louis Lazaris 및 Estelle Weyl이 공동 저술 한 "Real World for the Real World, 2nd Edition"이라는 책에서 발췌 한 것입니다. 이 책은 전 세계 상점에서 구입할 수 있으며 여기에서 전자 책 버전을 구입할 수도 있습니다. 우리는 대부분의 페이지 코드를 작성했으며 이제 새로운 HTML5 요소와 의미에 대한 거의 모든 것을 알고 있습니다. 그러나 웹 사이트의 모습을 디자인하기 전에 (7 장에서 수행하고 있음) HTML5 Herald의 홈페이지를 빠르게 떠나 등록 페이지를 확인합니다. 이것은 웹 테이블의 HTML5를 설명합니다
    CSS 튜토리얼 640 2025-02-19 08:24:14
  • UI 응답 성을위한 CSS 디버깅
    UI 응답 성을위한 CSS 디버깅
    이 기사는 Tiffany Brown이 쓴 "The Master of CSS"라는 책에서 발췌 한 것입니다. 이 책은 전 세계 주요 서점에서 구입할 수 있으며 여기에서 전자 책 버전을 구입할 수도 있습니다. CSS 특정 속성 및 값은 비싸고 사용자 인터페이스의 응답 속도를 줄일 수 있습니다. PAGE 렌더링, 애니메이션 유창성 및 스크롤 성능은 특히 낮은 수준의 휴대 전화 및 평면 스크린 TV에서 영향을받습니다 장비. 재 배열 란 무엇입니까? {.제목} 재 배열은 페이지의 일부 또는 전부를 변경하는 모든 동작을 나타냅니다. 예를 들어, 요소의 크기를 변경하거나 왼쪽 위치를 업데이트하십시오. 브라우저가 문서의 다른 요소의 높이, 너비 및 위치를 다시 계산하게합니다. 리 페인트는 리페인트와 유사하며 브라우저가 다시 페인트되도록 강요합니다.
    CSS 튜토리얼 685 2025-02-18 13:13:14
  • 빠른 팁 : React에서 비디오 플레이어 구성 요소를 구축하십시오
    빠른 팁 : React에서 비디오 플레이어 구성 요소를 구축하십시오
    재사용 가능한 반응 비디오 재생 구성 요소를 구축하십시오 이 기사에서는 Vimeo, YouTube 및 Dailymotion의 비디오 목록을 통해 반응하는 React 비디오 구성 요소를 작성하는 프로세스를 안내합니다. 이 구성 요소는 다른 비디오 제공 업체를 지원하기 위해 쉽게 확장 할 수 있습니다. 우리는 React-Hot-BoilerPlate을 개발 환경으로 사용하여 핫 재 장전을 지원하므로 모든 코드 변경 후 페이지를 새로 고치지 않고 브라우저에서 즉시 구성 요소 빌드 결과를 볼 수 있습니다. 비디오 구성 요소는 자체 상태가 없으므로 재사용 가능하고 예측 가능합니다. 즉, 동일한 입력이 항상 동일한 출력을 생성합니다. 이 기사는 또한 P
    JS 튜토리얼 836 2025-02-18 13:10:11
  • node.js 및 ractive.js를 사용하여 Wi-Fi 대시 보드를 빌드하는 방법
    node.js 및 ractive.js를 사용하여 Wi-Fi 대시 보드를 빌드하는 방법
    주요 테이크 아웃 Node.js를 사용하여 Wi-Fi 네트워크 정보를 포함하도록 기존 기능을 확장하는 서버를 빌드하여 대시 보드를보다 포괄적으로 만듭니다. 클라이언트면에서 실시간 업데이트 및 interac을 관리 할 ractive.js 구현
    JS 튜토리얼 574 2025-02-18 13:05:16
  • Stripe & Syncano를 사용하여 매일 확인 SMS 서비스를 구축하는 방법
    Stripe & Syncano를 사용하여 매일 확인 SMS 서비스를 구축하는 방법
    Syncano가 후원하는이 기사는 클라우드 플랫폼을 사용하여 매일 긍정 SMS 서비스를 구축하는 것을 보여줍니다. Syncano는 데이터 저장소, 사용자 계정, 자동화 된 코드 실행 및 WebHooks를 처리합니다. 이 서비스는 SMS Messag의 Twilio를 통합합니다
    JS 튜토리얼 424 2025-02-18 13:03:17
  • Node.js에 구축 된 다양한 CMS 솔루션 탐색
    Node.js에 구축 된 다양한 CMS 솔루션 탐색
    3 개의 인기있는 node.js 컨텐츠 관리 시스템 (CMS) KeystoneJS, PencilBlue 및 Apostrophe는 3 개의 주요 Node.js 기반 컨텐츠 관리 시스템을 나타냅니다. Keystonejs는 데이터베이스 중심의 WebSI를 생성하는 데 탁월합니다
    JS 튜토리얼 671 2025-02-18 13:01:59
  • 합리적으로 순수한 기능적 프로그래밍에 대한 소개
    합리적으로 순수한 기능적 프로그래밍에 대한 소개
    주요 테이크 아웃 순수한 기능은 부작용을 일으키지 않고 동일한 입력에 대해 동일한 출력을 반환하여 예측 가능성 및 테스트 가능성을 향상시키기 때문에 기능 프로그래밍에 필수적입니다. 기능적 프로그래밍은 프로그램 복잡성을 줄입니다. b
    JS 튜토리얼 783 2025-02-18 12:58:16
  • MLAB 및 HEROKU를 사용하여 30 분 안에 자신의 REST API를 배포하십시오.
    MLAB 및 HEROKU를 사용하여 30 분 안에 자신의 REST API를 배포하십시오.
    30 분 안에 자신의 REST API를 배치 : MLAB 및 HEROKU를 사용하는 가이드 주요 하이라이트 : 이 튜토리얼은 Heroku의 평균 스택 (mongodb, express.js, angularjs, node.js)을 사용하여 편안한 API를 구축하고 배포하는 것을 보여줍니다.
    JS 튜토리얼 736 2025-02-18 12:52:18
  • webix 프레임 워크로 양식 작성
    webix 프레임 워크로 양식 작성
    이 기사는 Simon Codrington과 Mallory van Achterberg가 검토 한 동료입니다. SitePoint 콘텐츠를 최대한 활용 한 Sitepoint의 동료 검토 자 덕분에! 웹 디자이너로서 FAI에서 웹 양식을 만들어야 할 가능성이 있습니다.
    JS 튜토리얼 497 2025-02-18 12:50:14
  • HTML5 비디오 및 오디오 : 마크 업 -Sitepoint
    HTML5 비디오 및 오디오 : 마크 업 -Sitepoint
    HTML5 비디오 및 오디오 태그에 대한 자세한 설명 : 반응 형 비디오 플레이어 구축 이 기사는 Alexis Goldstein, Louis Lazaris 및 Estelle Weyl이 공동 저술 한 "Real World, 2nd Edition for the Real World, 2nd Edition"이라는 책에서 발췌 한 것입니다. 이 책은 전 세계 주요 서점에서 구입할 수 있으며 여기에서 전자 책 버전을 구입할 수도 있습니다. 핵심 포인트 HTML5의 비디오 및 오디오 태그를 사용하면 외부 플러그인이나 플레이어가 필요하지 않고 HTML 코드로 직접 내장 된 비디오 및 오디오 요소를 직접 허용합니다. HTML5 비디오 및 오디오 태그에는 자동 재생과 같은 이러한 요소의 동작을 제어하기위한 여러 속성이 포함되어 있습니다.
    CSS 튜토리얼 174 2025-02-18 12:49:11
  • 라즈베리 파이에게 IBM Watson과 대화하도록 가르치십시오
    라즈베리 파이에게 IBM Watson과 대화하도록 가르치십시오
    이 튜토리얼은 IBM Watson의 텍스트 연설 서비스 및 노드 레드를 사용하여 Raspberry Pi Talk를 만드는 방법을 보여줍니다. 우리는 이전 예제 (Raspberry Pi, Bluemix 및 Node-Red의 이전 설정)를 구축합니다. Sitepoint/Patcat의 아트 워크, 로고 권한 :
    JS 튜토리얼 670 2025-02-18 12:45:11

도구 권장 사항

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