Web-components User guide

https://github.com/bluemir/web-components 의 사용자 가이드 문서 입니다.

Intro

이 라이브러리는 최대한 Vanilla 를 활용 하기 위해서 만들어 졌습니다. 각종 Front Library를 최대한 배제하기 위해 또다른 Libaray를 만드는게 모순적이지만, 딱 필요한 만큼만 구현하면 최신 브라우져에서는 복잡한 트랜스파일러, 컴파일 과정이 필요 없이 충분한 생산성을 만들수 있습니다. (문제가 생겼을때 특정 Libaray 에 대한 질문을 하는 대신 MDN 을 뒤져보기만 해도 된다는 것도 장점입니다.)

기능 소개

query select

name 같은 명령
$.get(selector) $.querySelect(document, selector)
$.get(dom, selector) $.querySelect(dom, selector)
$.all(selector) $.querySelectAll(document, selector)
$.all(dom, selector) $.querySelectAll(dom, selector)

element create

name 같은 명령
$.create(tagname, attrs) var el = docuemtn.createElement(tagname); var el.setAttribute(….)

attts 의 특수 용례

$text : innerText 를 셋팅한다. $html : innertHTML 을 셋팅한다. $child: child로 해당 값을 넣는다.

AJAX request

| name | 같은 명령 | |—-|—-| |$.request|

form

$.bindForm $.form

event handler

dom.on(name, handler) dom.fireEvent(name, detail)

Global event

$.event

Attribute handler

dom.attr(name, value)

html template

$.template