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

  • 워크 플로우 자동화 방법
    워크 플로우 자동화 방법
    이 기사는 인기있는 JavaScript 작업 러너 인 Grunt and Gulp를 사용하여 프론트 엔드 개발 워크 플로우를 자동화합니다. 두 도구를 설정하고 주요 차이점을 강조하고 PROJEC에 가장 적합한 선택을 도와줍니다.
    JS 튜토리얼 634 2025-02-19 09:13:08
  • 프로그래밍의 미래 : JavaScript 이후의 WebAssembly & Life
    프로그래밍의 미래 : JavaScript 이후의 WebAssembly & Life
    주요 테이크 아웃 프로그래밍의 미래는 WebAssembly가 도입되면서 웹을 다른 언어에 대한 더 매력적인 컴파일 대상으로 만들었을 것입니다. 저자는 JavaScript Wil을 대체하기를 희망합니다
    JS 튜토리얼 363 2025-02-19 09:10:10
  • 중합체 요소에서 부재 함수에 액세스하는 방법
    중합체 요소에서 부재 함수에 액세스하는 방법
    이 기사는 중합체 개발자에게 일반적인 과제 인 중합체 물체 내에서 액세스 멤버 기능을 탐색합니다. Shadow DOM 캡슐화의 역할을 강조하면서 정확하고 잘못된 접근법을 검토 할 것입니다. 주요 테이크 아웃 폴리머 접근 O
    JS 튜토리얼 629 2025-02-19 09:09:10
  • 5 Node.js Express의 쉬운 성능 조정
    5 Node.js Express의 쉬운 성능 조정
    핵심 요점 생산 모드는 개발 모드에서 로깅 및 예외 스택 추적 작업을 제거하기 때문에 생산 모드로 전환하면 익스프레스 응용 프로그램 성능이 크게 향상 될 수 있습니다. Express 4.X에서 GZIP 압축을 활성화하면 HTTP 부하가 줄어들고 성능을 향상시킬 수 있습니다. 압축 모듈을 설치하고 첫 번째 미들웨어 기능으로 사용하여 수행 할 수 있습니다. 더 간단한 템플릿 엔진 사용을 고려하여 불필요한 미들웨어를 삭제하고 일반적인 변수를 효과적으로 캐싱하면 Express Application의 성능을 더욱 최적화 할 수 있습니다. Gulp와 같은 빌드 도구를 사용하여 HTML 템플릿, CSS 및 JavaScript 파일을 압축하고 병합 할 수 있습니다.
    JS 튜토리얼 597 2025-02-19 09:06:11
  • Edgehtml을 사용하여 JavaScript로 자신의 브라우저를 만드는 방법
    Edgehtml을 사용하여 JavaScript로 자신의 브라우저를 만드는 방법
    이 튜토리얼은 Microsoft Edge WebView Control 및 표준 웹 기술 (HTML, CSS, JavaScript)을 사용하여 Windows 10에서 기본 웹 브라우저를 구축하는 것을 보여줍니다. Mac 기반 등가는 직접 지원되지 않지만 가상 머신 또는 듀얼 부
    JS 튜토리얼 718 2025-02-19 09:03:09
  • CSS로 자신의 원자 테마를 구축하십시오
    CSS로 자신의 원자 테마를 구축하십시오
    이 21 세기의 "Customable Text Editor"인 Atom은 전 세계 수천 명의 개발자들에게 첫 번째 선택이되었습니다. 확장하고 사용자 정의하기 쉽으면 인기가 있습니다. 개발자는 확장 패키지 및 테마를 공개하여 Atom 커뮤니티와 새로운 기능을 공유합니다. 이 기사를 읽은 후에는 자신의 Atom Grammar 테마를 게시 할 수 있습니다. Atom Customization Journey를 시작하는 훌륭한 첫 단계입니다! 핵심 사항을 빠르게 살펴보십시오 Atom은 개발자가 CSS를 사용하여 고유 한 구문 테마를 생성하고 공유 할 수있는 사용자 정의 가능한 텍스트 편집기입니다. 구문 테마를 만들려면 먼저 Atom Text 편집기를 다운로드 한 다음 자동 생성 기능을 사용하여 구문 테마 패키지를 만들어야합니다. Atom은 변수 및 중첩 스타일을 포함하여 덜 스타일 (CSS의 슈퍼 세트)을 사용합니다.
    CSS 튜토리얼 380 2025-02-19 08:59:11
  • HTML5 문서 검증 - SitePoint
    HTML5 문서 검증 - SitePoint
    HTML5 확인 : 코드를 단순화하고 웹 페이지 품질을 향상시킵니다 핵심 요점 HTML5 검증은 요소의 올바른 사용, 속성 값의 정확도 및 코드 스타일이 아닌 필요한 속성의 무결성에 더 중점을 둡니다. 태그가 HTML5 사양을 준수하도록하는 것이 여전히 유용한 도구입니다. 옵션 요소 및 속성, 사례 무감각 및 이전의 더 이상 사용되지 않은 요소의 유효성을 포함하여 XHTML과 HTML5 검증간에 많은 차이가 있습니다. HTML5 프로젝트 전체에서 스타일을 선택하고 일관성을 유지하는 것이 좋습니다. HTML5 검증은 웹 페이지가 브라우저에서 올바르게 형식화되고 해석되도록하는 데 중요합니다. 따라서 성능을 향상시키고 오류를 줄이고 접근성을 향상시킵니다. HTML5 확인에 사용할 수있는 다양한 온라인 및 오프라인 도구가 있습니다.
    CSS 튜토리얼 541 2025-02-19 08:58:09
  • 3 JavaScript orm 당신은 모르는 것입니다
    3 JavaScript orm 당신은 모르는 것입니다
    핵심 포인트 이 기사에서는 응용 프로그램에서 복잡한 데이터를 관리하는 데 사용할 수있는 3 개의 JavaScript ORM (Bookshelf.js, Sequelize 및 Lovefield)에 대해 설명합니다. Bookshelf.js 및 Sequelize는 Node.js 용으로 설계되었으며 PostgreSQL, MySQL, Mariadb, SQLite3 및 MSSQL과 잘 작동합니다. Lovefield는 Google에서 개발 한 IndexedDB를 구축 한 웹 응용 프로그램 관계형 데이터베이스입니다. Bookshelf.js 및 속도
    JS 튜토리얼 772 2025-02-19 08:56:17
  • Angular ' s $ 리소스를 사용하여 몇 분 안에 CRUD 앱 생성
    Angular ' s $ 리소스를 사용하여 몇 분 안에 CRUD 앱 생성
    이 기사는 $ 리소스 서비스를 사용하여 AngularJS 응용 프로그램에서 CRUD (생성, 읽기, 업데이트, 삭제) 작업을 효율적으로 수행하는 방법을 보여줍니다. 편안한 백엔드와의 상호 작용을 단순화합니다. 주요 개념 : $ 리소스 활용 : $ 리소스
    JS 튜토리얼 737 2025-02-19 08:55:10
  • 중합체 1.0으로 업그레이드하는 안내서
    중합체 1.0으로 업그레이드하는 안내서
    핵심 포인트 Polymer 1.0은보다 효율적인 성능, 더 작은 크기, 사용자 지정 요소에 대한 더 나은 지원 및 개선 된 데이터 바인딩 시스템을 갖춘 이전 버전의 철저한 리팩토링으로 사용하기 쉽고 직관적 인 데이터 바인딩 시스템입니다. 중합체 0.5에서 폴리머 1.0으로 업그레이드하려면 바우어 종속성 업데이트, HTML 가져 오기 업데이트, 요소 정의 조정 및 새로운 구문에 맞게 데이터 바인딩을 조정하고 모든 것이 예상대로 작동하도록 철저한 테스트를 포함하여 여러 단계가 필요합니다. Polymer 1.0은 웹 구성 요소 표준의 핵심 부분 인 Shadow Dom을 소개하고 사용자 정의 요소의 구현 세부 사항을 캡슐화합니다.
    JS 튜토리얼 872 2025-02-19 08:53:14
  • Goodbye Joyent, Hello Node.js 재단
    Goodbye Joyent, Hello Node.js 재단
    이 기사에서는 IO.JS의 상승과 서버 측 JavaScript 환경에 미치는 영향을 조사합니다. io.js는 Node.js의 대안으로 등장하여 후자가 최신 V8 JavaScript 엔진 기능에 보조를 맞추지 못한 실패를 해결했습니다. 주요 테이크 아웃 : 티
    JS 튜토리얼 419 2025-02-19 08:52:09
  • Connect를 시작합니다
    Connect를 시작합니다
    주요 테이크 아웃 Connect는 Node.js 용 Extensible HTTP 서버 프레임 워크로, 개발자는 미들웨어 플러그인을 사용하여 모듈 식 및 재사용 가능한 구성 요소를 작성할 수 있습니다. 이 플러그인은 요청을 처리하고 전달하거나 요청을 직접 처리합니다.
    JS 튜토리얼 184 2025-02-19 08:51:10
  • 로컬 스토리지 작업을위한 9 개의 JavaScript 라이브러리
    로컬 스토리지 작업을위한 9 개의 JavaScript 라이브러리
    HTML5 로컬 스토리지 API (웹 스토리지의 일부)는 탁월한 브라우저 지원이 있으며 점점 더 많은 응용 프로그램에 적용되고 있습니다. 간단한 API가 있지만 쿠키와 비슷한 단점도 있습니다. 지난 1 년 동안 LocalStorage API를 사용하는 몇 가지 도구와 라이브러리를 발견 했으므로 일부 코드 예제 및 기능 토론을 통해이 게시물에 정렬했습니다. 중요한 요점 HTML5 로컬 스토리지 API는 널리 지원되며 응용 프로그램에서 점점 더 일반화되고 있지만 쿠키와 유사한 제한 사항도 있습니다. 기능을 개선하고 확장하기 위해 다양한 JavaScript 라이브러리가 개발되었습니다. Lockr, Store.j
    JS 튜토리얼 629 2025-02-19 08:47:10
  • JavaScript 함수 측정 ' 성능
    JavaScript 함수 측정 ' 성능
    웹 애플리케이션 성능은 항상 중요합니다. 특히 웹 개발에서는 느린 페이지로드 속도로 인해 사용자가 직접 이어질 수 있습니다. 전문 프론트 엔드 개발자로서 우리는 성능 최적화에주의를 기울여야합니다. 요청 감소, CDN 사용 및 블록 렌더링 쓰기를 피하는 것과 같은 많은 전통적인 웹 성능 최적화 방법은 오늘날에도 여전히 유효합니다. 그러나 점점 더 많은 웹 응용 프로그램이 JavaScript를 사용함에 따라 코드 효율을 검증하는 것이 중요해졌습니다. 기능적이지만 효율적이지 않다고 의심하는 기능이 있다고 가정 해 봅시다. 이 가정을 증명하는 방법? JavaScript 기능 성능을 테스트하기위한 모범 사례는 무엇입니까? 일반적으로 가장 좋은 방법은 내장 성능을 사용하는 것입니다.
    JS 튜토리얼 987 2025-02-19 08:46:09
  • backbone.js 기본 사항 : 이벤트와 함께 앱에 생명을 불어 넣습니다
    backbone.js 기본 사항 : 이벤트와 함께 앱에 생명을 불어 넣습니다
    이 기사는 응용 프로그램 구축을 위해 MV* 아키텍처를 사용하는 JavaScript 프레임 워크 인 Backbone.js를 탐구합니다. 이벤트 처리에 중점을 둡니다. 이는보기와 모델 간의 문제를 분리하는 중요한 측면입니다. 주요 개념 : MV* 아키텍처 : 백브
    JS 튜토리얼 687 2025-02-19 08:44: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 글꼴 라이브러리를 호출하므로 페이지가 느리게 열릴 수 있습니다.