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