【文件属性】:
文件名称:mantle:最小的,事件驱动的dom库
文件大小:157KB
文件格式:ZIP
更新时间:2021-05-15 05:46:32
javascript components functional javascript-framework javascript-library
披风
目标:
容易写
仅使用Javascript
最小标记
状态机上的事件系统
安装
npm i -S @wallerbuilt/mantle
import { DOM , mount , dispatch } from '@wallerbuilt/mantle'
例子
演示卡游戏
回购: :
预览: :
文献资料
地幔具有三个主要概念:
DOM ,挂载和调度
DOM
提供html元素作为具有附加功能的函数,即: div(), a()
每个元素on when以及when具有两个链接的功能
on处理元素本身的本地事件
返回事件回调
可以使用this将主要元素定位为on ,即:
a ( { href : "/" } , "I am a link" )
. on ( {
click ( e ) {
e . preventDefault ( )
【文件预览】:
mantle-master
----.github()
--------ISSUE_TEMPLATE()
--------workflows()
----.eslintrc.js(507B)
----src()
--------helpers.js(3KB)
--------elements.json(2KB)
--------emitter.js(175B)
--------dom.js(1KB)
--------index.js(415B)
----.babelrc(181B)
----cypress()
--------integration()
--------fixtures()
--------plugins()
--------support()
----cypress.json(3B)
----.npmignore(98B)
----examples()
--------people()
----LICENSE(1KB)
----README.md(5KB)
----ava.config.js(108B)
----dist()
--------index.js(16KB)
----.editorconfig(190B)
----tests()
--------dom.spec.js(1022B)
--------events.spec.js(1KB)
--------helpers.spec.js(2KB)
--------_setup-browser-env.js(86B)
----.gitignore(37B)
----package-lock.json(452KB)
----package.json(1KB)
----.nvmrc(9B)
----coverage()
--------index.html(4KB)
--------helpers.js.html(14KB)
--------favicon.png(540B)
--------block-navigation.js(2KB)
--------prettify.css(676B)
--------base.css(5KB)
--------prettify.js(17KB)
--------sorter.js(5KB)
--------sort-arrow-sprite.png(209B)