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

  • Angular 2 & TypeScript를 사용하여 나만의 Chrome Extension 구축
    Angular 2 & TypeScript를 사용하여 나만의 Chrome Extension 구축
    이 튜토리얼은 새 탭 페이지 내에서 북마크를 직접 관리하기 위해 Angular 2 및 TypeScript를 사용하여 크롬 확장을 구축하는 것을 보여줍니다. 기본 새 탭 경험의 기능과 시각적 매력을 모두 향상시킵니다. 주요 기능 : 레버라
    JS 튜토리얼 999 2025-02-18 10:05:09
  • jQuery, JSON 및 DataTables를 사용하여 SCRUD 시스템을 만듭니다
    jQuery, JSON 및 DataTables를 사용하여 SCRUD 시스템을 만듭니다
    이 기사에서는 jQuery, JSON, Datatables 및 JQuery Validation을 사용하여 데이터베이스 컨텐츠를 관리하기위한 강력한 웹 응용 프로그램을 작성합니다. 응용 프로그램, SCRUD (검색, 작성, 읽기, 업데이트, 삭제) 시스템은 사용자가
    JS 튜토리얼 359 2025-02-18 10:04:11
  • 웹 구성 요소로 다중 선택 구성 요소를 만듭니다
    웹 구성 요소로 다중 선택 구성 요소를 만듭니다
    업데이트 12.05.2016 : 동반자 기사, "액세스 가능한 웹 구성 요소를 만드는 방법"은이 기사의 한계를 다룹니다. 완전히 이해하려면 둘 다 읽으십시오. 이 기사는 Ryan Lewis의 Peer Review의 혜택을 받았습니다. Sitep에게 감사합니다
    JS 튜토리얼 938 2025-02-18 09:59:09
  • 이미지 인식으로 웹 앱을 더 똑똑하게 만드는 방법
    이미지 인식으로 웹 앱을 더 똑똑하게 만드는 방법
    이 기사에서는 Clearifai의 이미지 인식 API를 사용하여 간단한 웹 응용 프로그램을 구축하는 방법을 보여줍니다. 이 앱을 통해 사용자는 웹에서 이미지를 드래그 앤 드롭 할 수 있으며 Clarifai가 분석하여 객체를 식별하고 태그 목록을 반환 할 수 있습니다. 그만큼
    JS 튜토리얼 594 2025-02-18 09:54:11
  • Tessel 2 : JavaScript와 사물 인터넷을 쉽게 페어링
    Tessel 2 : JavaScript와 사물 인터넷을 쉽게 페어링
    Tessel 2 : JavaScript 및 Node.js를 기반으로 한 사물 인터넷 개발 도구 Tessel 2는 개발자가 JavaScript 및 Node.js를 사용하여 네트워크 장치를 만들 수있는 마이크로 컨트롤러입니다. 코어는 Linux 시스템을 실행하고 Node.js는 실행하여 많은 NPM 모듈에 액세스 할 수 있습니다. 이 데모에 사용 된 Tessel 2 마이크로 컨트롤러 Tessel 2의 주요 특징 : JavaScript 및 Node.js 지원 : 개발 프로세스를 단순화하고 거대한 NPM 생태계를 활용합니다. 내장 Wi-Fi 및 이더넷 : 네트워크에 쉽게 연결하고 원격 코드 푸시 및 작동을 지원하며 지속적인 연결이 필요하지 않습니다.
    JS 튜토리얼 966 2025-02-18 09:52:11
  • 스마트 프론트 엔드 및 멍청한 백엔드 : AngularJS의 지속 상태
    스마트 프론트 엔드 및 멍청한 백엔드 : AngularJS의 지속 상태
    웹 사이트와의 사용자 상호 작용은 응용 프로그램 상태를 생성합니다 (예 : 버튼 클릭 또는 텍스트 입력). 브라우저의 RAM에 자바 스크립트 객체 (배열, 문자열 등)로 상주하는이 상태는 지속성이 필요합니다. 이 기사는 per에 대한 기술을 탐구합니다
    JS 튜토리얼 642 2025-02-18 09:48:13
  • TypeScript 및 ES5를 사용하여 Angular 2에서 구성 요소 생성
    TypeScript 및 ES5를 사용하여 Angular 2에서 구성 요소 생성
    핵심 포인트 Angular 2.0은 TypeScript (JavaScript의 슈퍼 세트)를 사용하여 성능을 최적화하고 페이지 속도 및 워크 플로 자동화를 개선합니다. TypeScript를 사용하면 개발자가 유형 정보를 사용하여 JavaScript 코드에 주석을 달 수 있으므로 코드 기반에서 오류를 포착 할 수 있습니다. Angular 2.0은 뷰와 논리를 포함하는 재사용 가능한 코드 블록 인 구성 요소의 개념을 소개합니다. 구성 요소는 지침을 프레임 워크의 주요 요소로 바꾸어 응용 프로그램 코드의 한 부분이 코드의 다른 부분을 방해하지 않도록합니다. Typecript를 사용하여 Angular 2.0에서 구성 요소를 작성하면 구성 요소 클래스를 정의하고
    JS 튜토리얼 956 2025-02-18 09:43:09
  • 웹 음성 API로 음성 제어 오디오 플레이어 만들기
    웹 음성 API로 음성 제어 오디오 플레이어 만들기
    핵심 포인트 Web Voice API는 웹 개발자가 음성 인식 및 합성을 웹 페이지에 통합 할 수있는 JavaScript API로, 특히 장애인 또는 여러 작업을 동시에 처리 해야하는 사용자에게 사용자 경험을 향상시킬 수 있습니다. 음성 인식 API에는 현재 마이크에 액세스하기 위해 인터넷 연결 및 사용자 권한이 필요합니다. Annyang과 같은 도서관은 복잡성을 관리하고 전진 호환성을 보장하는 데 도움이 될 수 있습니다. 음성 제어 오디오 플레이어는 Speech Synthesis API 및 음성 인식 API를 사용하여 구축 할 수 있습니다. 이를 통해 사용자는 음성 명령을 사용하여 노래를 탐색하고 특정 노래를 요청할 수 있습니다. 오디오 플레이어는 설정 데이터, UI 메소드 및 음성 API 메소드가 포함됩니다.
    JS 튜토리얼 983 2025-02-18 09:40:09
  • JavaScript 캘린더 및 스케줄러 비교
    JavaScript 캘린더 및 스케줄러 비교
    주요 테이크 아웃 Kendo UI 프레임 워크의 일부인 Kendo UI Scheduler는 사용에 대한 상용 라이센스가 필요하며 모든 필요한 기능을 갖춘 기본적이고 쉽게 사용자 정의 할 수있는 스케줄러를 제공합니다. 그러나 정관이 아니라면 최선의 선택이 아닐 수도 있습니다.
    JS 튜토리얼 887 2025-02-18 09:36:09
  • CSS 아키텍처 블록 요소 모디퍼 (BEM)-itepoint
    CSS 아키텍처 블록 요소 모디퍼 (BEM)-itepoint
    BEM (Block-Element-Modifier)은 프론트 엔드 개발 방법론, 이름 지정 컨벤션 및 관련 도구 세트입니다. Yandex에서 시작하여 대규모 팀의 효율적인 개발을 위해 설계되었습니다. 이 설명은 핵심 개념에 중점을 둡니다
    CSS 튜토리얼 937 2025-02-18 09:33:09
  • D3.JS의 데이터 바인딩에 대한 초보자 가이드
    D3.JS의 데이터 바인딩에 대한 초보자 가이드
    D3.JS 데이터 시각화 : 데이터 바인딩의 마법 사용 D3.JS는 선언적 프로그래밍 스타일을 가진 강력한 데이터 시각화 라이브러리가되었지만 학습 곡선은 초보자에게는 매우 어렵습니다. 이 기사는 D3.JS (데이터 바인딩 또는 데이터 결합)의 핵심 개념을 쉽게 시작하기 쉬운 방법으로 쉽게 시작할 수 있도록 설명합니다. 데이터 바인딩 과정은 채소를 재배하는 것과 같습니다. 플롯 (SVG)을 선택하십시오. 먼저 채소밭을 선택하는 것과 같이 시각화를 그리려면 영역을 선택해야합니다. disging (selectall) : selectall () 함수는 구덩이를 파는 것과 유사합니다.
    JS 튜토리얼 777 2025-02-18 09:31:10
  • JSPDF를 사용하여 웹 페이지에서 PDF 생성
    JSPDF를 사용하여 웹 페이지에서 PDF 생성
    JSPDF : 클라이언트 PDF 생성을위한 강력한 도구, 페이지 요소의 미세 제어 핵심 포인트 : JSPDF는 클라이언트 측에서 직접 PDF 파일을 생성하여 처리 속도를 높이는 JavaScript 라이브러리입니다. 특히 문서에서 요소의 위치, 크기 및 페이징의 정확한 제어에 적합합니다. JSPDF 라이브러리는 기본 PDF 파일 생성에 쉽게 사용할 수 있지만 제한된 문서로 인해 복잡한 프로젝트에 더 어려울 수 있습니다. 그러나 PDF에 텍스트, 이미지 및 모양을 추가 할 수있는 기능을 제공하고 위치와 크기의 정확한 제어를 제공합니다. JSPDF 라이브러리는 API를 사용하여 확장 할 수 있습니다. Textalign ()과 같은 함수를 추가하고 setfontsize (), 세트를 사용 할 수 있습니다.
    JS 튜토리얼 500 2025-02-18 09:30:10
  • 2024 년에 반응하기위한 최고 경량 대안 탐색
    2024 년에 반응하기위한 최고 경량 대안 탐색
    2024 Young Weight React 대체 솔루션의 검토 React는 웹 애플리케이션이 구성된 아키텍처 및 가상 DOM으로 구축되는 방식을 완전히 변경했습니다. 그러나 웹 개발이 계속 발전함에 따라 개발자는 종종 사용자 인터페이스를 만들기 위해 더 가볍고 효율적인 반응 대안을 찾습니다. 더 빠른 로딩 속도, 자원으로 제한된 장치의 성능 향상 또는 더 간단한 개발 경험을 위해서는 탐색 할 가치가 몇 가지 있습니다. 이 기사는 비교적 새로운 플레이어 HTMX를 포함하여 최고의 가벼운 REACT 대안 중 일부로 뛰어들 것입니다. 최고의 경량 반응 대안 1. preact preact는 일반적으로 가장 가까운 것으로 간주됩니다
    JS 튜토리얼 231 2025-02-18 09:29:09
  • React & Peerjs에서 피어 투 피어 파일 공유 구성 요소 구축
    React & Peerjs에서 피어 투 피어 파일 공유 구성 요소 구축
    이 튜토리얼은 PeerJS 및 React를 사용하여 P2P 파일 공유 응용 프로그램을 구축하는 것을 보여줍니다. 우리는 반응 기본 사항을 다루고 초보자를위한 접근성을 보장합니다. 전체 소스 코드는 Github에서 사용할 수 있습니다. 주요 개념 : PE 활용
    JS 튜토리얼 857 2025-02-18 09:27:10
  • CSS Optimizer로 CSS를 조정합니다
    CSS Optimizer로 CSS를 조정합니다
    CSS 압축 : 웹 사이트 속도를 향상시키는 강력한 도구 핵심 포인트 : CSS 압축은 코드 중복 문자를 제거하여 파일 크기를 줄여 다운로드 속도를 높이고 데이터 전송을 저장합니다. CSSO (CSS)는 Node.js를 기반으로 한 압축 도구이며 명령 줄 인터페이스에 익숙해야합니다. CSSO는 불필요한 공간, 세미콜론 및 댓글을 제거 할뿐만 아니라 중복 선택기와 선언 블록을 병합, 덮어 쓰기 속성 삭제 및 단축 색상 코드를 병합하여 최적화합니다. CSS를 압축하면 웹 사이트 성능이 향상 될 수 있지만 코드를 읽고 디버그하기가 어렵습니다. 따라서 개발 목적으로 원래의 압축되지 않은 CSS 파일을 유지하는 것이 좋습니다. (다음은 Tiffany에서 발췌 한 것입니다
    CSS 튜토리얼 463 2025-02-18 09:26: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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.