louislow81 / 100일코드

HTML, WEAVV CSS 및 Vanilla.JS를 사용한 100일간의 코드 또는 때때로 Knott.JS를 사용하여 웹 구성 요소 생성

louislow81 / knott.js

기본 웹을 위한 작은 가상 DOM 웹 구성 요소 및 스타일 라이브러리.

기본 웹을 위한 작은 가상 DOM 웹 구성 요소 및 스타일 라이브러리.

소개

Knott.JS는 간단한 웹 응용 프로그램이나 웹 사이트를 구축하는 데 매우 기본적인 필수 기능을 갖춘 가상 노드라고 하는 개체 기반 웹 구성 요소를 만들기 위한 작은 가상 DOM JavaScript 라이브러리입니다.

메뉴

Create Element

Virtual Node

Create Component

Import Component

Component Properties

Event Listener

Mount Component

UnMount Component

Data Binding

Iteration

Show/Hide Component

DOM Styling

Service Worker

웹 컴포넌트

선박

craft()를 사용하여 프로젝트의 모든 위치에서 일반적으로 가상 노드를 만듭니다. 선택기를 새 요소로, 속성으로 props, 문서에 넣을 문자열로 텍스트, 가상 노드가 아닌 사용자 정의 요소를 추가하기 위한 html, 이벤트 리스너로 선택적 조치, 사용자 정의 함수 호출로 태스크를 사용하고 배열을 확장합니다. 확장이 있는 동일한 노드의 하위 요소: [...]. 자세한 내용은 아래를 참조하십시오.

import { craft } from "knott";
craft(
  selector,

…


View on GitHub

weavv / weavv-css-문서

공식 WEAVV CSS 문서 웹사이트

WEAVV CSS 문서

Read the official documentation

개발자 도구

WEAVV Playground - WEAVV로 UI 디자인을 테스트하고 프로토타이핑하기 위한 온라인 코드 편집기.

WEAVV CLI - Vanilla JS 웹 구성 요소로 작성된 예제 템플릿을 사용하여 빈 프로젝트를 이동 중에 생성합니다. HTML 인라인 CSS 클래스를 사용하거나 @extend 지시문과 함께 SASS를 사용하여 시맨틱 방식으로 WEAVV CSS 클래스를 추출하려면 선택 사항입니다.

특징

Breakpoints

Dark/Light Mode

Variants

Color Palette

Gradient Presets

Custom Gradient

Animations

Filters

Fluids

Orientation

Plugin API

짓다

저장소를 복제하고

$ git clone https://github.com/weavv/weavv-css-documentation.git
$ cd weavv-css-documentation

종속성 설치,

# YARN
$ yarn
# NPM
$ npm i

현지에서 봉사하고,

# YARN
$ yarn dev
# NMP
$ npm run dev

학점

Nunjunks , Gulp , NodeJS , Sass

MIT


View on GitHub



즐기다!