핵심 요점 字体子集化：去除网页字体中未使用的字符，显著减小文件大小，提升网页字体性能。 Font Squirrel의 WebFont Generator와 같은 도구는 서브 세트 및 인코딩 프로세스를 지원합니다. 롤백 글꼴 : 실제 글꼴 다운로드 중에 폴백 시스템 글꼴을 표시하여 웹 사이트 컨텐츠에 즉시 액세스하고 웹 사이트 또는 응용 프로그램의 성능을 향상시킵니다. 本地存储：将网页字体保存在本地存储中，显著提升字体性能。 웹 페이지를로드 할 때마다 다시 다운로드하지 않고도 세션 또는 장치 재시작 후에 글꼴이 지속될 수 있습니다. 그러나이 방법은 사용자의 브라우저가 로컬 스토리지를 지원하는지 여부에 따라 다릅니다. 최근에 많은 관심을 끌었던 기술은 서브 설정 방법을 사용하여 웹 페이지 글꼴의 크기를 줄이는 것입니다.

캔버스 및 자바 스크립트를 사용하여 이미지 및 데이터를 읽습니다

이 비디오에서는 JavaScript를 사용하여 동적으로 이미지 데이터를 읽는 방법의 기본 사항을 살펴 보겠습니다. 함께 HTML을 사용하여 서버의 특정 파일 이름에서 세 가지 다른 방법으로 이미지 데이터를 읽는 방법을 모색합니다.

grunt.js로 성능 테스트를 자동화하십시오

주요 테이크 아웃 Grunt.js 작업 러너는 웹 개발 프로세스 중에 성능 테스트를 자동화하는 데 사용하여 QA 프로세스에 성능 목표 또는 '예산'이 충족되도록 보장 할 수 있습니다. Grunt Perfbu

자바 스크립트의 불변성

불변성 : 기능적 프로그래밍의 초석으로 객체 지향 프로그래밍에도 상당한 이점이 있습니다. 이 기사는 JavaScript의 불변성을 탐색하여 구현 및 이점을 자세히 설명합니다. 주요 개념 : 불변성:

ES6을 사용하여 AngularJS 앱 작성

AngularJS 개발에서 ES6 기능 활용 : 포괄적 인 가이드 주요 장점 : ES6 (ECMAScript 2015)은 화살표 기능, 템플릿 리터럴, 클래스, 모듈 및 약속과 같은 기능으로 AngularJS 개발을 크게 향상시킵니다. 이것들

Angular UI 라우터를 사용하여 Angularjs에서 상태가 많은 모달을 만듭니다

대중 Angular-Dialog-Service 및 공식 Angular-UI Bootstrap Modal을 포함하여 AngularJS 애플리케이션에서 모달을 구현하는 방법에는 여러 가지가 있습니다. 이 기사에서는 Modals에서 Modals를 처리하고 사용하는 방법을 공유하겠습니다.

제이크로 대체하십시오

Jake : Make에서 영감을 얻은 현대적인 빌드 도구 Jake는 Node.js에 구축 된 강력한 빌드 도구로, 현대적인 JavaScript 개발을 수용하면서 Make의 강점을 물려받습니다. 빌드 프로세스 자동화에 유연하고 대본 가능한 접근 방식을 제공합니다.

Blast.js로 텍스트를 애니메이션합니다

라이브러리의 도움으로 CSS 또는 JavaScript를 사용하여 HTML 요소를 애니메이션하는 것은 이제 간단한 작업입니다. 그러나 완전한 기존 요소 만 애니메이션 할 수 있습니다. 즉, 단락에서 단일 단어를 애니메이션하려면 단일 요소 (스팬과 같은)로 단어를 랩핑 한 다음 그에 따라 찾아야합니다. 이와 같은 스팬 요소가 하나만 있다면, 이것은 큰 문제가 아니지만 단락의 모든 캐릭터를 애니메이션하려면 어떻게해야합니까? 각 캐릭터마다 스팬을 만들어야하므로 추가 마크 업을 추가하고 텍스트를 편집하기가 어렵습니다. 이것이 Blast.js가 존재하는 이유입니다. 핵심 요점 blast.js는 a입니다

Node.js- 강화 채팅방 웹 앱 : 부트 스트랩이있는 채팅방 UI 빌드

주요 테이크 아웃 이 튜토리얼은 Node.js-Powered 웹 앱에서 Bootstrap을 사용하여 채팅방 UI를 만드는 방법을 보여 주며 다른 장치에 적응하는 반응 형 디자인을 작성하는 데 중점을 둡니다. 프로세스에는 Projec에 부트 스트랩을 추가하는 것이 포함됩니다

Fadein 및 Fadeout으로 jQuery 사진 슬라이드 쇼 생성

이 스크린 캐스트는 JQuery의 Fadein 및 Fadeout 방법을 사용하여 간단한 슬라이드 쇼를 생성하는 것을 보여줍니다. 이 방법은 요소 가시성에 대한 편리한 애니메이션 제어를 제공하여 CSS3만으로보다 세분화 된 제어를 제공합니다. 비디오는 TE를 보여줍니다

Trello Chrome 확장 제작 방법 - 목록 내보내기

이전 부분에서는 확장 기본 사항을 구축하여 사용자 정의 기초 구동 설정 화면을 통해 인증을 구현하고 Trello의 JavaScript 클라이언트 라이브러리를 사용했습니다. 이 부분에서는 내보내기를 추가하여 확장을 마칠 것입니다.

부트 스트랩에 대한 날짜 선택기 입력 솔루션 찾기

크로스 브라우저 날짜 입력에 대한 모범 사례 이 기사는 다양한 브라우저에서 날짜 입력 필드를 구현하기위한 과제와 최상의 솔루션을 살펴 봅니다. 일관되지 않은 브라우저 지원 및 LANG 속성의 무시로 인해 날짜 형식, UTC/현지 시간 문제 및 다른 브라우저 간의 차이를 다루기위한 강력한 솔루션이 필요합니다. 핵심 사항 : 브라우저의 지원 및 LANG 속성에 대한 지원은 고르지 않아 비 원어민 언어로 입력 위젯을 표시 할 수 없습니다. 많은 JavaScript 솔루션은 날짜 입력에 대한 지원을 향상 시키려고 시도하지만 동시에 데이터를 표시하고 저장하는 두 가지 다른 날짜 형식을 처리 할 수있는 스크립트는 거의 없습니다. JQuery UI의 DatePicker는 잘 테스트하고 지원됩니다

6 node.js 정적 사이트 생성기

node.js 정적 웹 사이트 생성기 : WordPress에 대한 가벼운 대안 핵심 포인트 Node.js Wintersmith, Assemble, Metalsmith, Hexo, Punch 및 Docpad와 같은 정적 웹 사이트 생성기는 WordPress와 같은 기존 CMS에 대한 실용적인 대안을 제공하여 블로그 또는 정보 웹 사이트를 만들기위한 가벼운 솔루션을 제공합니다. 각 node.js 정적 웹 사이트 생성기에는 고유 한 기능이 있습니다

Chrome 39의 새로운#x27;

Chrome Browser는 6 년 동안 업계에 있었지만 버전 번호의 성숙도가 빠르게 들어오고 있습니다. Chrome 39를 사용할 수 있으며 설치했을 수 있습니다. 이 릴리스에는 멋진 새로운 기능과 약간 의심스러운 추가 기능이 포함되어 있습니다. ECMAScript 6 생성기 생성기는 반복기를 만들기 위해 함수*를 사용하여 선언 된 특수 함수입니다. 반복자는 다음 () 메소드가 값을 반환하도록 호출되는 객체입니다. 생성기 함수는 수율 명령문을 사용하여 시퀀스의 다음 값을 제공합니다. Arunoda Susiripala는 JavaScript 생성기 및 콜백 방지 지옥을 제공합니다.