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

  • 네트워크 정보 API를 사용하여 반응 형 웹 사이트를 개선하는 방법
    네트워크 정보 API를 사용하여 반응 형 웹 사이트를 개선하는 방법
    주요 테이크 아웃 네트워크 정보 API는 사용자의 네트워크 연결에 대한 정보를 계량기 및 대역폭 추정치를 포함하여 사용자의 네트워크 연결에 대한 정보를 크게 향상시킬 수 있습니다. 이 정보
    JS 튜토리얼 . chrome 237 2025-02-22 10:11:09
  • Diigo에 대한 크롬 확장, Part 3
    Diigo에 대한 크롬 확장, Part 3
    이 기사는 Diigo와 통합되는 크롬 확장의 개발을 계속합니다. 이전 부분은 기본 개념 및 오류 처리를 다루었습니다. 이 부분은 핵심 기능을 구현하는 데 중점을 둡니다. 구현 된 주요 기능 : 북마크 c
    JS 튜토리얼 . chrome 534 2025-02-22 10:09:11
  • JavaScript 기능 감지가 실패한 경우
    JavaScript 기능 감지가 실패한 경우
    핵심 요점 기능 감지 JavaScript (프로그래머를 사용하려는 테스트 기능)가 항상 신뢰할 수있는 것은 아닙니다. 예를 들어, ajax 요청에 대해서는 Internet Explorer의 ActiveXobject, DOM 속성에 매핑 된 HTML 속성, 사용자 동작에 대한 가정 (예 : 터치 장치 감지) 등을 테스트합니다. 기능 감지가 실패하면 브라우저 감지가 필요합니다. 그러나 네비게이터 정보 대신 독점 객체 테스트를 사용하여 브라우저를 포함시키지 않고 브라우저를 제외하는 것이 좋습니다. 브라우저 감지를 구현할 때 매우주의하십시오. 특정 기능을 알고있는 경우에만 기능 테스트가 완전히 일치한다고 가정합니다.
    JS 튜토리얼 . chrome 836 2025-02-22 09:57:12
  • devdocs.io를 살펴보십시오
    devdocs.io를 살펴보십시오
    DevDocs.io : 프로그래머의 문서 도구, 지루한 검색에 작별 인사를하십시오! 핵심 포인트 : DevDocs.io는 수많은 프론트 엔드 언어 및 라이브러리 참조 설명서에 빠르게 액세스 할 수있는 웹 응용 프로그램입니다. 인터페이스는 효율적이고 빠르며 실시간 퍼지 검색 기능이 있습니다. 이 플랫폼은 사용자 제출 한 의견 및 예제를 무시하고 공식 콘텐츠 만 통합합니다. 그것은 오픈 소스이며 Github를 통한 지역 사회의 기여를 장려합니다. 사용자는 회사의 내부 시스템 API와 같은 특정 요구에 맞게 로컬로 배포 할 수도 있습니다. DevDocs.io는 모바일 장치에 대해 완전히 최적화되어 있으며 업데이트를 유지하는 다양한 방법을 제공합니다. Sublime Text 및 Brackets의 플러그인 및 Firefox의 플러그인으로 사용할 수 있습니다.
    PHP 튜토리얼 . chrome 628 2025-02-22 09:46:09
  • 사용자 타이밍 API 발견 -SitePoint
    사용자 타이밍 API 발견 -SitePoint
    사용자 타이밍 API : 웹 앱 성능을 정확하게 측정합니다 이 기사는 웹 개발자가 응용 프로그램 성능을 세 심하게 평가할 수있는 강력한 도구 인 사용자 타이밍 API를 탐구합니다. 고정밀 타임 스탬프를 제공하여 정확한 측정을 가능하게합니다
    JS 튜토리얼 . chrome 242 2025-02-22 09:45:11
  • iPad를 포함한 Navigator.useragent 모바일
    iPad를 포함한 Navigator.useragent 모바일
    Navigator.useragent를 사용하여 모바일 장치의 코드 스 니펫 (iPad 포함)을 감지하십시오. 다음 코드 스 니펫은 navigator.useragent를 사용하여 모바일 장치 (iPad 포함)를 감지하는 방법을 보여줍니다. 함수 detectmob () { return !! navigator.useragent.match (/iPad | iPhone | Android | BlackBerry | Windows Phone | webos/i); } 이 방법은 의도적으로 Kindle Fire 및 Playbook을 감지하지 않습니다. 태블릿을 추가합니다
    JS 튜토리얼 . chrome 495 2025-02-22 09:43:09
  • 오늘날 반응 형 웹 구성 요소를 사용하는 방법
    오늘날 반응 형 웹 구성 요소를 사용하는 방법
    몇 년 전에 저는 웹 구성 요소에 대해 많이 듣기 시작했습니다. 나는 소음이 정착되면서 꽤 흥분하고 그들에 대해 완전히 잊어 버렸습니다. 좋은 움직임이 있었고 지원이 증가하기 시작한 것으로 나타났습니다. 반응 형 웹 구성
    CSS 튜토리얼 . chrome 809 2025-02-22 09:38:15
  • 프론트 엔드 개발자를위한 원격 디버깅
    프론트 엔드 개발자를위한 원격 디버깅
    프론트 엔드 개발은 쉽게 (일종의) 쉬웠습니다. 몇 가지 다른 컴퓨터 / 운영 체제, 물리적 또는 가상에 많은 브라우저를 설치하고 거의 모든 브라우저에 내장 된 개발자 도구를 사용하여 호환성 문제를 해결할 수 있습니다.
    CSS 튜토리얼 . chrome 230 2025-02-22 09:33:11
  • 말하는 웹 페이지 및 음성 합성 API
    말하는 웹 페이지 및 음성 합성 API
    핵심 포인트 Voice Synthesis API를 사용하면 웹 사이트가 텍스트를 큰 소리로 읽음으로써 사용자에게 정보를 제공 할 수 있으며, 이는 시각적으로 사용자와 멀티 태스킹 사용자를 크게 손상시키는 데 도움이 될 수 있습니다. Speech Synthesis API는 언어, 음성 속도 및 톤과 같은 음성 출력을 사용자 정의하기위한 다양한 방법과 속성을 제공합니다. 이 API에는 음성 합성 프로세스를 시작, 일시 중지, 재개 및 중지하는 방법도 포함되어 있습니다. 현재 음성 합성 API는 Chrome 33에서만 완전히 지원되며 iOS 7 용 Safari 브라우저를 부분적으로 지원합니다. 이 API는 웹 사이트에 더 넓은 브라우저 지원이 실제로 적용되어야합니다. 몇 주 전에 저는 NLP와 관련 기술에 대해 간단히 논의했습니다. 자연어를 다룰 때는 두 가지 다른 보완적인 측면을 고려해야합니다. 자동 음성 인식 (ASR)
    JS 튜토리얼 . chrome 576 2025-02-22 09:23:13
  • 간부
    간부
    Livereload : 웹 개발 생산성 부스터 모든 코드가 변경되면 브라우저를 수동으로 새로 고치는 데 지쳤습니까? Livereload는이 프로세스를 자동화하여 저장시 웹 페이지를 즉시 업데이트하여 워크 플로를 크게 향상시킵니다. 동안
    JS 튜토리얼 . chrome 236 2025-02-22 09:15:11
  • HTML5 캔버스 튜토리얼 : 소개
    HTML5 캔버스 튜토리얼 : 소개
    주요 테이크 아웃 HTML5 Canvas는 개발자가 JavaScript를 사용하여 브라우저 내에서 그래픽을 그리며 애니메이션을 생성 할 수있는 강력한 기술입니다. 캔버스 요소는 너비 및 높이 속성을 사용하여 HTML 코드로 정의됩니다.
    JS 튜토리얼 . chrome 312 2025-02-22 09:06:38
  • Google의 Material Design Lite에 대한 실질적인 소개
    Google의 Material Design Lite에 대한 실질적인 소개
    2014 년 Google은 견고한 설계 원칙, 다양한 플랫폼 및 장치에서 일관된 사용자 경험을 모으기위한 시각적 언어 인 Material Design Specification, 기술 및 과학적 혁신을 발표했습니다. 7 월 2 일
    CSS 튜토리얼 . chrome 396 2025-02-22 09:01:12
  • Twitter Bootstrap 3 - JavaScript 구성 요소
    Twitter Bootstrap 3 - JavaScript 구성 요소
    Twitter Bootstrap : 간단하고 강력한 CSS 프레임 워크 및 JavaScript 구성 요소 상세한 설명 Twitter Bootstrap은 현재 인터넷에서 가장 쉽고 사용하기 쉬운 CSS 프레임 워크 중 하나이며 CSS를 이해하지 못하는 개발자조차도 기본 템플릿을 쉽게 구축 할 수 있습니다. 그러나 초보자만을위한 것이 아니라 강력한 JavaScript 구성 요소 세트는 디자이너, 사용하기 쉬우 며 프로젝트에 빠르게 통합됩니다. 이 튜토리얼은 최고의 Twitter Bootstrap JavaScript 구성 요소와 사용 방법으로 뛰어납니다. 핵심 사항 : Twitter Bootstrap 3은 모두가 강력한 CSS 프레임 워크입니다.
    JS 튜토리얼 . chrome 811 2025-02-22 08:59:09
  • 웹 성능 트릭 - 기본을 넘어서
    웹 성능 트릭 - 기본을 넘어서
    이 기사는 New Relic이 후원했습니다. itepoint를 가능하게하는 스폰서를 지원해 주셔서 감사합니다! 우리는 Sitepoint에서 수년 동안 많은 공연 대화를했으며, 더 발전된
    PHP 튜토리얼 . chrome 905 2025-02-22 08:54:10
  • 전문가들과 함께 AngularJS - 성적 증명서
    전문가들과 함께 AngularJS - 성적 증명서
    주요 테이크 아웃 AngularJS는 DOM/HTML과의 깊은 통합으로 구별되어 JavaScript를 통해 HTML의 역학을 향상시킵니다. 프레임 워크는 단일 페이지 응용 프로그램 (SPA)을 개발하는 데 특히 강력하지만 단점 일 수도 있습니다.
    JS 튜토리얼 . chrome 775 2025-02-22 08:45:12

도구 권장 사항

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