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

  • BlackFire를 사용한 과급 앱의 심층적 인 연습
    BlackFire를 사용한 과급 앱의 심층적 인 연습
    BlackFire.io : 더 빠른 PHP 응용 프로그램을위한 성능 프로파일 링에 대한 깊은 다이빙 특히 빠르게 확장되는 데이터베이스 및 수백만 개의 일일 요청을 처리 할 때 느리고 다루기 힘든 응용 프로그램을 즐기지 않습니다. 프로파일 링은 솔루션 인 Providi를 제공합니다
    PHP 튜토리얼 . chrome 873 2025-02-16 10:53:09
  • 웹 응용 프로그램에 대한 푸시 알림을 구축하는 방법
    웹 응용 프로그램에 대한 푸시 알림을 구축하는 방법
    웹 응용 프로그램에 대한 사용자 참여 향상 : 웹 푸시 알림에 대한 자세한 설명 이 기사는 기본 응용 프로그램과 유사한 알림 기능을 추가하여 기존 웹 응용 프로그램의 사용자 경험을 향상시키는 방법을 살펴 봅니다. 웹 푸시 알림의 개념을 심도있게 설명하고 기존 웹 애플리케이션 에이 기능을 통합하는 방법을 점차적으로 보여 주며 현재 사양 및 브라우저 지원을 다룹니다. 이 기사는 원래 Sencha에서 출판되었습니다. SitePoint를 지원하는 파트너에게 감사합니다. 핵심 포인트 : 기본 사항 이해 : 웹 푸시 알림을 사용하면 웹 애플리케이션이 응용 프로그램이 비활성이더라도 사용자 장치에 직접 메시지를 보낼 수 있습니다. 서비스 작업자 등록 : 서비스 작업자는 푸시 메시지 처리를 담당하고 페이지를로드 할 때 등록해야하며 적절하게 찾아보십시오.
    IT산업 . chrome 331 2025-02-16 10:37:15
  • 메타 마스크 : 이더 리움 블록 체인을 사용하는 간단한 방법
    메타 마스크 : 이더 리움 블록 체인을 사용하는 간단한 방법
    메타 마스크 : 이더 리움 블록 체인의 관문 이 안내서는 메타 마스크, 그 용도 및 사용 방법을 설명합니다. 완전히 이해하려면 블록 체인 기술, 이더 리움 및 이더 리움 테스트에 대한 사전 지식이 권장됩니다. 주요 기능 : 메탐
    IT산업 . chrome 360 2025-02-16 10:23:14
  • 반응 구성 요소 테스트 안내서
    반응 구성 요소 테스트 안내서
    주요 테이크 아웃 React 구성 요소는 객체 구성 및 관계로 인해 본질적으로 테스트 가능하며 재사용 가능한 구성 요소를 구축하기 위해 상속에 의존하지 않아 테스트가 더 쉬워집니다. React의 얕은 렌더러 유틸리티는 유엔을 허용합니다
    JS 튜토리얼 . chrome 231 2025-02-16 10:13:09
  • 프로젝트 구축에 도움이되는 25 개의 웹 리소스
    프로젝트 구축에 도움이되는 25 개의 웹 리소스
    이 기사는 Mekanism과 공동으로 만들어졌습니다. Sitepoint를 가능하게 한 파트너를 지원해 주셔서 감사합니다. 웹 디자이너와 개발자 간의 경쟁은 절정에 도달했습니다. 경쟁 업체를이기는 방법에는 여러 가지가 있습니다. 한 가지 방법은 더 많은 지식을 갖고 전문가가되는 것입니다. 또 다른 방법은 사용자에게 뛰어난 결과를 제공하는 수십 개의 매우 유용한 웹 애플리케이션 및 서비스를 제공하는 것입니다. 이 프레젠테이션에서는 매일 프로젝트를 구축하고 완료하는 데 도움이되는 25 개 이상의 네트워크 리소스를 보여 드리겠습니다. 그것들을 사용하면 시간과 돈을 절약 할 수 있습니다. 짧은 의견을 확인하고 이러한 솔루션을 시작하십시오. 핵심 요점 이 기사는 W를 포함하여 프로젝트를 구축하고 완료하는 데 사용할 수있는 다양한 네트워크 리소스에 대해 설명합니다.
    IT산업 . chrome 633 2025-02-16 10:08:10
  • CSS 선택기 및 사용자 정의 속성으로 프로젝트를 업그레이드하십시오
    CSS 선택기 및 사용자 정의 속성으로 프로젝트를 업그레이드하십시오
    이 기사는 원래 TestProject에서 출판되었습니다. Sitepoint를 가능하게 한 파트너를 지원해 주셔서 감사합니다. Selenium Webdriver의 요소 선택기는 자동화 프레임 워크의 핵심 구성 요소 중 하나이며 모든 웹 응용 프로그램과 상호 작용하는 데 핵심입니다. 자동화 된 요소 선택기에 대한이 검토에서 우리는 다양한 전략에 대해 논의하고, 기능을 탐색하며, 장단점을 평가하며 궁극적으로 CSS 선택기의 사용자 정의 속성과 함께 최고의 선택기 전략을 권장합니다. 핵심 요점 셀레늄 웹 드라이버의 요소 선택기는 모든 웹 응용 프로그램과 상호 작용하는 데 필수적입니다. 최고의 선택기 전략은 CSS 선택기를 사용한 사용자 정의입니다
    CSS 튜토리얼 . chrome 920 2025-02-16 09:20:37
  • 프로그레시브 웹 앱 : 충돌 코스
    프로그레시브 웹 앱 : 충돌 코스
    PWA (Progressive Web Apps)는 모바일 사용자에게 최상의 기능을 제공하여 모바일 웹 앱 및 기본 모바일 앱의 세계를 겹치려고 노력합니다. 앱과 같은 사용자 경험 (스플래쉬 화면 및 홈 화면 아이콘)을 제공합니다.
    JS 튜토리얼 . chrome 765 2025-02-16 08:56:15
  • 빠른 팁 : Node.js의 헤드리스 크롬을 시작합니다
    빠른 팁 : Node.js의 헤드리스 크롬을 시작합니다
    헤드리스 크롬 : 자동화 된 웹 테스트 및 크롤링을위한 강력한 도구 핵심 포인트 Chrome 버전 59 (Windows 사용자 용 버전 60)부터 Headless Chrome을 사용하면 웹 사이트와의 사용자 상호 작용을 프로그래밍 방식으로 시뮬레이션하고 테스트 결과를 캡처 할 수 있습니다. 크롬 및 깜박임 엔진을 사용하여 크롬의 사용자 경험을 시뮬레이션합니다. Node.js에서 Headless Chrome을 실행하려면 Chrome-Remote-Interface 모듈 (명령 및 알림의 추상화를 단순화하기 위해) 및 Chrome-Launcher 모듈 (여러 플랫폼에서 Node.js에서 Chrome을 시작하는 경우)이 필요합니다. 세션을 초기화하고 설정하십시오
    JS 튜토리얼 . chrome 361 2025-02-16 08:52:09
  • CSS Font-Display : 웹에서 글꼴 렌더링의 미래
    CSS Font-Display : 웹에서 글꼴 렌더링의 미래
    주요 테이크 아웃 CSS Font-Display Descriptor는 개발자에게로드하는 동안 글꼴이 표시되는 방법을보다 제어 할 수 있도록 제공하여 사용자 경험과 인식 된 성능을 향상시키는 것을 목표로합니다. 디스크립터는 @font-face at-rule 내에서 작동합니다
    CSS 튜토리얼 . chrome 476 2025-02-16 08:49:17
  • CSS 성능을 최적화하기위한 20 가지 팁
    CSS 성능을 최적화하기위한 20 가지 팁
    이 기사에서는 CSS를 최적화하는 20 가지 방법에 대해 설명하고, 로딩 속도를 개선하고, 개발을 단순화하며, 효율성을 향상시키는 것을 목표로합니다. 최신 HTTP 아카이브 보고서에 따르면 웹 사이트에서 리소스 중복성의 광범위한 문제가 있으며, 중간 웹 사이트에는 1700KB의 데이터, 80 HTTP 요청이 필요하며 모바일 장치에 완전히로드하는 데 17 초가 걸립니다. 페이지 무게를 줄이기위한 완전한 가이드는 다양한 제안을 제공 하며이 기사는 CSS 최적화에 중점을 둘 것입니다. CSS는 일반적으로 성능 문제의 범인이 아니지만 일반적인 웹 사이트는 5 개의 스타일 시트에 흩어져있는 40KB의 CSS 만 사용하지만 여전히 최적화의 여지가 있으며 CSS가 사용하는 방식을 변경하면 웹 사이트 성능을 향상시킬 수 있습니다. 핵심 요점 브라우저 도구 및 온라인 분석기 활용 : 브라우저 개발자 도구 사용
    IT산업 . chrome 540 2025-02-16 08:42:09
  • 웹 사이트 데이터 추출 및 Wrapapi로 API 생성
    웹 사이트 데이터 추출 및 Wrapapi로 API 생성
    Wrapapi : 웹 사이트 API를 구축하기위한 코드 없음 솔루션 Wrapapi는 웹 사이트에서 데이터를 추출하여 쉽게 액세스 할 수있는 API로 전환하는 프로세스를 단순화합니다. 직관적 인 인터페이스는 몇 번의 클릭만으로 데이터를 선택할 수 있습니다.
    JS 튜토리얼 . chrome 336 2025-02-16 08:35:08
  • 더 빠른 사이트의 CSS 및 JS를 최적화하는 방법
    더 빠른 사이트의 CSS 및 JS를 최적화하는 방법
    웹 사이트로드 속도는 사용자 경험에 중요하며, 종종 웹 사이트 소유자가 간과합니다. 웹 사이트로드 속도를 8 초에서 2 초로 높이면 전환율이 74%증가 할 수 있습니다. 즉, 느린 웹 사이트는 잠재 고객의 거의 절반을 잃을 수 있습니다. 코드 압축, 즉 가독성을 향상시키는 데만 사용되는 문자를 제거하면 대역폭 사용량을 줄이고 페이지 로딩 속도를 높일 수 있습니다. CSS Miniifier 및 JSCompress와 같은 도구를 사용하면이 프로세스에 도움이 될 수 있습니다. 또한 JavaScript를 압축하기 전에 성능을 추가로 최적화하기 위해 비동기 코드로드를 구현하는 것이 좋습니다. 중복 또는 중복 코드는 또한 웹 사이트 속도를 늦출 수 있습니다. Google Chrome의 내장 개발자 도구를 사용하면 필요없이이를 식별하고 삭제하는 데 도움이됩니다.
    CSS 튜토리얼 . chrome 722 2025-02-16 08:28:10
  • Bybit 플랫폼을 직접 입력 할 수 있습니까? URL 링크를 직접 열 수 있습니까?
    Bybit 플랫폼을 직접 입력 할 수 있습니까? URL 링크를 직접 열 수 있습니까?
    예, Bybit 플랫폼은 PC 웹 버전에 직접 액세스 할 수 있습니다. 액세스 단계 : 브라우저를 엽니 다. URL을 입력하십시오 : https://www.bybit.com/zh-cn/. 언어를 선택하십시오. 로그인하거나 등록하십시오.
    웹3.0 . chrome 563 2025-02-16 07:54:01
  • Babel 및 Webpack을 사용하여 ES6 프로젝트 설정
    Babel 및 Webpack을 사용하여 ES6 프로젝트 설정
    이 기사에서는 Babel 및 Webpack을 사용하여 최신 JavaScript (웹 브라우저에서 실행)를 처리하기위한 빌드 설정을 작성하는 것을 살펴 보겠습니다. 이것은 우리의 최신 JavaScript 코드가 특히 더 넓은 r과 호환되도록하는 데 필요합니다.
    JS 튜토리얼 . chrome 716 2025-02-15 13:13:13
  • Window.onerror를 사용하여 JavaScript 오류를 캡처하고보고합니다
    Window.onerror를 사용하여 JavaScript 오류를 캡처하고보고합니다
    핵심 포인트 Window.onerror는 ught에 javaScript 오류가 발생 될 때 트리거되는 브라우저 이벤트입니다. 클라이언트 오류를 ​​기록하고 서버에보고하는 간단한 방법을 제공합니다. 모든 최신 브라우저는이 이벤트를 지원하지만 구현 세부 사항은 다양합니다. 오류 객체는 Window로 전달됩니다. ONERROR는 프로그램 오류가 발생할 때 각 프레임의 소스 위치를 제공하는 오류 스택 추적이 포함되어 있기 때문에 디버깅에 매우 유용합니다. 그러나 스택 속성은 비표준이며 구현은 브라우저에서 다릅니다. Window.onerror가 널리 지원되지만 모든 브라우저가 ER을 통과하는 것은 아닙니다.
    JS 튜토리얼 . chrome 797 2025-02-15 12:57: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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.