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

  • NightWatch.js를 사용한 JavaScript 기능 테스트
    NightWatch.js를 사용한 JavaScript 기능 테스트
    Eric Elliott는 한때 JavaScript 테스트 : JavaScript 테스트 : 단위 테스트, 기능 테스트 및 통합 테스트에 관한 기사를 한 번 썼습니다. 이 기사에서는 JavaScript 기능 테스트를 자세히 살펴보고 NightWatch.js 라이브러리를 사용하여 시연합니다. 시작하기 전에 기능 테스트가 무엇인지, 왜 중요한지 검토합시다. 간단히 말해서, 기능 테스트는 응용 프로그램이 사용자의 관점에서 예상대로 작동하도록 설계되었습니다. 여기서 우리가 말하는 것은 단위 테스트 또는 통합 테스트와 같은 기술 테스트가 아닙니다. 여기서 목표는 사용자가 원활하게 수행 할 수 있도록하는 것입니다.
    JS 튜토리얼 . chrome 430 2025-02-17 10:26:10
  • PouchDB 클라이언트 측 JavaScript 데이터베이스를 시작합니다
    PouchDB 클라이언트 측 JavaScript 데이터베이스를 시작합니다
    이 기사는 Sebastian Seitz와 Taulant Spahiu에 의해 검토되었습니다. SitePoint의 동료 검토 자에게 감사의 말을 전합니다! 최신 클라이언트 측 웹 애플리케이션에는 정교한 데이터 처리 기능이 필요합니다. 브라우저는 이제 강력한 자바를 제공합니다
    JS 튜토리얼 . chrome 976 2025-02-17 10:24:15
  • CSS 그리드 레이아웃을 사용하여 요소를 배치 할 수있는 7 가지 방법
    CSS 그리드 레이아웃을 사용하여 요소를 배치 할 수있는 7 가지 방법
    CSS 그리드를 사용하여 웹 요소를 레이아웃하는 7 가지 방법 (이 기사는 2017 년 3 월 23 일에 업데이트되었습니다. 특정 콘텐츠 : CSS 그리드 레이아웃에 대한 브라우저 지원) 이 기사는 그리드 레이아웃 모듈을 사용하여 웹 페이지에 요소를 배치하는 7 가지 방법을 소개합니다. SitePoint는 이전에 "CSS 그리드 레이아웃 소개"를 발표했습니다. 최근에 나는 또한 "CSS 그리드 레이아웃의 초안 작업의 현재 상황"을 썼습니다. 여기서는 CSS 그리드를 사용하여 웹 페이지에서 요소를 레이아웃하는 특정 방법에 중점을 둡니다. 이제 하나씩 소개합시다. 핵심 요점 CSS 그리드 레이아웃은 웹 페이지에서 여러 메소드를 유연하게 사용할 수 있습니다.
    IT산업 . chrome 547 2025-02-17 10:20:13
  • JavaScript에서 국제화 (I18N)를 구현하는 방법
    JavaScript에서 국제화 (I18N)를 구현하는 방법
    핵심 요점 국제화 (I18N)는 현지 언어와 문화에 적응할 수 있도록 제품 및 서비스를 만들거나 변환하는 과정입니다. 현지화 (L10N)는 특정 지역 또는 언어에 대해 국제화 된 소프트웨어를 조정하는 프로세스입니다. Globalimaze는 국제화 및 현지화를 위해 jQuery 팀의 구성원이 개발 한 JavaScript 라이브러리입니다. 공식 유니 코드 CLDR JSON 데이터를 사용하고 모든 주요 브라우저를 지원하며 디지털 포맷 및 구문 분석, 날짜 및 시간 형식 및 구문 분석, 상대 시간 형식, 통화 서식, 메시지 형식, 복수 지원 및 단위 지원 등과 같은 기능을 제공합니다. 국제화 API를 통한 자바 스크립트 (
    JS 튜토리얼 . chrome 733 2025-02-17 10:00:26
  • 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 튜토리얼 . chrome 774 2025-02-17 09:49:08
  • 웹 오디오 API : 웹 페이지에 대역폭 친화적 인 사운드 추가
    웹 오디오 API : 웹 페이지에 대역폭 친화적 인 사운드 추가
    브라우저 오디오 파워 잠금 해제 : 웹 오디오 API 가이드 Web Audio API를 통해 개발자는 정교한 오디오 처리를 JavaScript를 사용하여 웹 페이지에 직접 통합하여 플러그인이 필요하지 않습니다. 이것은 특히 유익합니다
    JS 튜토리얼 . chrome 782 2025-02-17 09:37:09
  • 그리드 레이아웃에서 항목을 주문하고 정렬하는 방법
    그리드 레이아웃에서 항목을 주문하고 정렬하는 방법
    이 튜토리얼은 CSS 그리드 레이아웃 내에서 항목 배치 및 정렬 제어를 보여줍니다. 우리는 주문 항목을 탐색하고 개별적으로나 그룹으로 정렬합니다. 이전에는 요소 배치 및 Th를 포함한 그리드 레이아웃 기본 사항을 다루었습니다.
    IT산업 . chrome 283 2025-02-17 09:24:11
  • API.AI를 사용하여 자신의 AI 어시스턴트를 구축하는 방법
    API.AI를 사용하여 자신의 AI 어시스턴트를 구축하는 방법
    인공 지능에 대한 심층적 인 이해를 원하십니까? 비디오 자습서 "Microsoft Cognitive Services and Text Analysis API : 로봇에서 AI 감정 분석 구현"을보십시오. Smart Assistants의 세계는 Siri, Cortana, Alexa, OK Google, Facebook M, Bixby -All Tech Giants에는 자체 스마트 어시스턴트가 있습니다. 그러나 많은 개발자들은 자체 AI 보조원을 구축하는 것이 실제로 매우 간단하다는 것을 인식하지 못합니다! 귀하의 요구, IoT 장치 및 사용자 정의 API에 맞게 사용자 정의 할 수 있으며 가능성은 끝이 없습니다. 참고 :이 기사는 API.AI의 최신 변경 사항을 반영하기 위해 2017 년에 업데이트되었습니다. 앞서 나는에 관한 기사를 썼다
    IT산업 . chrome 217 2025-02-17 09:16:08
  • Aurelia의 모험 : 맞춤형 PDF 뷰어 만들기
    Aurelia의 모험 : 맞춤형 PDF 뷰어 만들기
    이 기사는 Vildan Softic이 동료 검토했습니다. Sitepoint 컨텐츠를 최대한 활용 한 Sitepoint의 모든 동료 검토 자에게 감사합니다! 웹 응용 프로그램에서 PDF 파일로 작업하는 것은 항상 까다로웠습니다. 운이 좋으면 사용자는 파일을 다운로드하면됩니다. 그러나 때로는 사용자에게는 더 많은 기능이 필요합니다. 과거에는 운이 좋았지 만 이번에는 사용자가 각 페이지와 관련된 메타 데이터를 저장할 수 있도록 PDF 문서를 표시하기 위해 앱이 필요합니다. 이전에는 사람들이 비싼 PDF 플러그인 (예 : Adobe Reader)을 사용하여 브라우저에서 실행하여이를 달성했을 수 있습니다. 그러나 시간과 실험 후에는 웹에가는 더 좋은 방법을 찾았습니다.
    JS 튜토리얼 . chrome 756 2025-02-17 09:03:09
  • 웹 애니메이션 API로 페이지를 생생하게 가져옵니다
    웹 애니메이션 API로 페이지를 생생하게 가져옵니다
    이 기사는 게스트 저자 인 Dudley Storey의이 기사에서 역동적이고 성능이 뛰어난 웹 애니메이션을 만드는 강력한 도구 인 Web Animations API를 탐색합니다. SitePoint의 게스트 게시물은 주요 JavaScript 전문가로부터 매력적인 콘텐츠를 제공하는 것을 목표로합니다. 주요 하이라이트
    JS 튜토리얼 . chrome 458 2025-02-17 09:01:09
  • HTTP/2는 무엇입니까?
    HTTP/2는 무엇입니까?
    HTTP/2 : 웹 페이지 전송 프로토콜로의 주요 업그레이드 HTTP/2는 하이퍼 텍스트 전송 프로토콜 (HTTP)의 최신 버전이며 HTTP/1.1을 대체하도록 설계되었습니다. 이진 데이터, 압축 헤더, 파이프 라인 화, 멀티플렉싱 및 서버 푸시와 같은 기능을 통해 데이터 전송 효율과 속도를 크게 향상시킵니다. HTTP/2와 HTTP/1.1의 차이 HTTP/2 (원래 HTTP/2.0)는 2009 년 Google에서 설계 한 SPDY 프로토콜에서 시작되었습니다. HTTP/1.1에는 작은 웹 페이지 크기와 제한된 CSS 및 JavaScript 응용 프로그램 시대에 설계와 같은 몇 가지 제한 사항이 있으며, 높은 대역폭, AJAX 드라이버, 단일 페이지 응용 프로그램 및 클라이언트 프레임 워크의 현재 상황에 대처하기가 어렵습니다. htt
    IT산업 . chrome 745 2025-02-17 08:49:12
  • Node.js 및 Elasticsearch가있는 검색 엔진을 구축하십시오
    Node.js 및 Elasticsearch가있는 검색 엔진을 구축하십시오
    이 기사는 Mark Brown, Vildan Soft 및 Moritz Kröger가 동료 검토했습니다. Sitepoint의 콘텐츠를 완벽하게 만들어 주신 Sitepoint의 모든 동료 검토 자에게 감사드립니다! Elasticsearch는 고성능 및 분산 아키텍처로 인해 점점 인기를 얻고있는 오픈 소스 검색 엔진입니다. 이 기사는 주요 기능을 탐색하고이를 사용하여 Node.js 검색 엔진을 만드는 방법을 안내합니다. 핵심 요점 Elasticsearch는 주로 실시간 인덱싱 및 검색 데이터에 사용되는 Apache Lucene에 구축 된 고성능 분산 검색 엔진입니다. 시스템은 패턴이 없으며 데이터 구조를 자동으로 감지 할 수 있으며
    JS 튜토리얼 . chrome 949 2025-02-17 08:47:09
  • NW.JS로 크로스 플랫폼 데스크탑 앱 구축
    NW.JS로 크로스 플랫폼 데스크탑 앱 구축
    NW.JS : 웹 기술을 사용하여 기본 응용 프로그램 구축을위한 프레임 워크 NW.JS는 개발자가 HTML, JavaScript 및 CSS와 같은 웹 기술을 사용하여 일반적인 웹 애플리케이션에 비해 상당한 장점을 가진 하이브리드 응용 프로그램을 생성 할 수있는 강력한 프레임 워크입니다. NW.JS는 다른 하이브리드 애플리케이션 프레임 워크와 비교하여 다음과 같은 장점이 있습니다. Chrome 지원.* API, Chrome Applications, NACL 및 PNACL 애플리케이션, V8 스냅 샷 소스 코드 보호, 내장 PDF 뷰어, 인쇄 미리보기 및 웹 작업자 node.js를 통합합니다. NW.JS를 사용하여 하이브리드 애플리케이션을 만듭니다
    JS 튜토리얼 . chrome 383 2025-02-17 08:37:10
  • phpunit과 함께 셀레늄 사용
    phpunit과 함께 셀레늄 사용
    테스트는 단위 테스트, 기능 테스트, 수락 테스트 등이든 실제로 광범위한 주제입니다.이 기사에서는 Selenium을 사용하여 수락 테스트를 수행 할 수있는 방법을 확인할 것입니다. 실제 사용을 설명하기 위해 실용적인 예를 사용하겠습니다. C
    PHP 튜토리얼 . chrome 396 2025-02-17 08:31:09
  • Selenium Webdriver 및 Mocha로 JavaScript를 테스트하는 방법
    Selenium Webdriver 및 Mocha로 JavaScript를 테스트하는 방법
    핵심 포인트 Mocha.js는 Node.js를 기반으로하는 기능이 풍부한 JavaScript 테스트 프레임 워크로 Selenium Webdriver 3 및 Nodejs와 함께 JavaScript 기능 테스트를 작성하는 데 사용할 수 있습니다. 이를 위해서는 NodeJS 및 JavaScript 프로그래밍 언어의 기본 사항에 익숙해야합니다. Mocha는 테스트 스위트 및 테스트 케이스 모듈에 테스트 코드를 구축하기위한 API를 제공하여 실행 및 보고서 생성을 가능하게합니다. 테스트 스위트 셋업 및 파열 기능뿐만 아니라 테스트 사례 설정 및 분해 기능을 지원합니다. 셀레늄 웹 드라이버는 컨트롤 w입니다
    JS 튜토리얼 . chrome 474 2025-02-16 13:21:09

도구 권장 사항

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