zephjs 다운로드 - zephjs 소스코드 다운로드

zephjs

웹사이트 데이터

1.0.0

다운로드

ZephJS

ZephJS는 웹 구성 요소를 정의하고 사용하기 위한 쉽고 이해하기 쉬운 초경량 프레임워크입니다. 구성 요소 라이브러리를 작성하는 사람들, 몇 가지 사용자 정의 구성 요소만 필요한 애플리케이션이나 사이트를 구축하는 팀, 최신 JavaScript 브라우저 프레임워크의 모든 무게를 원하지 않는 전체 애플리케이션을 구축하는 프로젝트에 적합합니다. ZephJS는 사용자 정의 웹 구성 요소를 표준 JavaScript, 표준 HTML 마크업 및 표준 CSS 스타일링을 사용하는 선언적이고 읽기 쉬운 구조로 정의하는 프로세스를 단순화합니다.

ZephJS는 약속된 웹 구성 요소의 용이성을 커뮤니티에 다시 제공하는 것을 목표로 합니다. 이는 다음 원칙을 준수함으로써 이루어집니다.

읽기 쉽고 선언적인 방식으로 새 구성요소를 간단하게 정의하세요.
다른 사람이 구성 요소나 구성 요소 라이브러리를 쉽게 사용할 수 있도록 하십시오.
웹을 훌륭하게 만든 표준과 기술을 사용하십시오.
브라우저보다 한 수 앞서려고 하지 마십시오.
믿을 수 없을 만큼 작고 가볍게 유지하세요.

ZephJS는 종종 "Zeph"라고 불리며 "Zef"로 발음됩니다.

특징

ZephJS에는 다음과 같은 기능이 있습니다.

웹 구성 요소를 쉽게 정의합니다.
매우 읽기 쉬운 선언적 구문;
100% 표준 브라우저 API를 사용합니다.
100% 표준 JavaScript/ES2018을 사용합니다.
인라인 또는 분리된 100% 표준 HTML을 사용합니다.
인라인 또는 분리된 100% 표준 CSS를 사용합니다.
캡슐화된 스타일과 콘텐츠는 누출되지 않습니다.
구성 요소는 다른 구성 요소를 확장할 수 있습니다.
속성/속성/콘텐츠 바인딩을 통한 값 전파
일회성 구성 요소 구축을 지원합니다.
또는 구성 요소 라이브러리 구축을 지원합니다.
또는 전체 애플리케이션 구축을 지원합니다.
손쉬운 새 구성요소 스캐폴딩을 위한 CLI가 포함되었습니다.
단일 배포판으로 패키징하기 위한 번들러(롤업 사용)가 포함되어 있습니다.
ZephJS는 20k 미만으로 축소되었습니다!

시작하기

ZephJS에는 시작 시 처리할 수 있는 네 가지 사용 사례가 있습니다.

ZephJS 위에 구축된 웹 구성 요소 라이브러리 사용
ZephJS 위에 웹 구성 요소 라이브러리 구축
ZephjS를 사용하여 사용자 정의 구성 요소로 웹 사이트 구축
ZephJS를 사용하여 웹 애플리케이션 구축 .

귀하에게 가장 적합한 시작 방법을 선택하고 지금 ZephJS를 사용해 보세요!

추가 정보

문서화

ZephJS는 사용에 도움이 되는 수많은 문서를 제공합니다...

시작하기

ZephJS 소개
구성 요소 빠른 시작 가이드
자주 묻는 질문

구성요소

구성 요소 빠른 시작 가이드
구성 요소 개념
새 구성 요소 만들기
ZephJS 가져오기
구성 요소 정의
계승
HTML
CSS
자원
속성
속성
수명주기 핸들러
바인딩
이벤트 핸들러

서비스

서비스

아피스

API 문서

동고

배포용 번들링

명령줄 도구

명령줄 도구

명령줄 참조

ZephJS에는 ZephJS 관련 요구 사항을 해결하는 데 도움이 되는 작은 명령줄 도구(CLI)가 함께 제공됩니다. 이는 npm을 통해 ZephJS를 설치할 때 로컬로 설치되며 셸 명령 zeph 사용하여 액세스할 수 있습니다. 다음과 같은 구문이 있습니다.

zeph < command >

수행할 수 있는 명령에는 여러 가지가 있습니다. 매우 빠르게:

hello : hello world 애플리케이션 예제를 생성합니다.
create : .js, .html 및 .css 스텁 파일을 포함하는 새 구성 요소를 만듭니다.
serve : 현재 디렉토리를 제공할 http://localhost:4000에서 작은 웹 서버를 실행합니다.
bundle : 여러 ZephJS 구성 요소를 단일 파일로 묶습니다.

자세한 내용은 Zeph 명령줄 인터페이스에 대한 설명서를 참조하세요.

예

ZephJS에는 참조용 예제 세트가 함께 제공됩니다.

QuickStartExample: 빠른 시작 가이드의 예입니다.
BasicComponent: 기본 구성요소의 예입니다.
HelloBadge: 두 번째 구성 요소를 사용하는 구성 요소의 약간 더 큰 예입니다.
예제Collection: 여러 구성 요소를 컬렉션이라는 단일 파일로 그룹화하는 예입니다.
예제서비스: 재사용 가능한 서비스를 구축하기 위해 ZephService 클래스를 사용하는 예제입니다.
RatingStars: 리소스 사용 및 번들링의 예입니다.

브라우저 호환성

ZephJS는 최신 브라우저 표준을 기반으로 구축되었으므로 작동하려면 최신 브라우저가 필요합니다. 특히 Shadow DOM v1, Custom Elements v1, Mutation Observer 및 Fetch와 같은 웹 표준이 필요합니다.

다음 브라우저 호환성 차트는 지원되는 브라우저와 지원되지 않는 브라우저를 나타냅니다. (모든 브라우저 통계는 caniuse.com에서 가져와 해당 라이센스 조건에 따라 사용됩니다.)

브라우저	최소 필수 버전	메모
파이어폭스	63
크롬	54
원정 여행	10.1	:host 및 ::slotted 의사 선택기는 버그가 있습니다.
오페라	41
마이크로소프트 엣지	15(폴리필 포함)	폴리머 폴리필을 사용해야 합니다. ZephJS 폴리필 문서를 참조하세요.
마이크로소프트 인터넷 익스플로러	지원되지 않음
iOS 사파리	10.3	:host 및 ::slotted 의사 선택기는 버그가 있습니다.
안드로이드 브라우저	67
블랙베리 브라우저	지원되지 않음	ov v10은 지원되지 않습니다.
오페라 모바일	46
안드로이드용 크롬	71
안드로이드용 파이어폭스	64
IE 모바일	지원되지 않음	v11부터 지원되지 않음
안드로이드용 UC 브라우저	11.8
삼성인터넷	6.2
QQ브라우저	지원되지 않음	v1.2부터 지원되지 않음
바이두 브라우저	지원되지 않음	v7.12부터 지원되지 않음
(차트 마지막 업데이트 날짜: 2019년 2월 25일)