epii.js是什么
epii.js是一個(gè) 模板引擎,可快速實(shí)現(xiàn)數(shù)據(jù)與ui綁定,快速實(shí)現(xiàn)事件綁定,與處理,不依賴任何第三方庫(kù),僅僅8k,在native+webapp開(kāi)發(fā) 和 web開(kāi)發(fā),h5微網(wǎng)頁(yè)上均可以使用, 不與其它框架沖突。
讓開(kāi)發(fā)者更多關(guān)注與應(yīng)用本身,而不用花費(fèi)大量時(shí)間實(shí)現(xiàn)數(shù)據(jù)與ui的,和事件處理。效率大幅度提升。
項(xiàng)目地址
https://github.com/epaii/epii.js
1,基礎(chǔ)數(shù)據(jù)綁定
epii 自定義dom節(jié)點(diǎn)屬性 r-data 可以對(duì)任何類型節(jié)點(diǎn)賦值,其中 input 節(jié)點(diǎn)最終 賦值其value 屬性,img節(jié)點(diǎn)賦值其 src 屬性,其它類型節(jié)點(diǎn)均賦值innerHtml 屬性。
如果設(shè)置r-data-default 則在沒(méi)有數(shù)據(jù)時(shí)候顯示默認(rèn)值。
r-data="title" 和 r-data="{title}" 的區(qū)別是,在title值不存在時(shí),第一種情況 將顯示 title 字符串,第二種情況 顯示空,如果第二種情況設(shè)置了r-data-default 則顯示其設(shè)置的默認(rèn)值
以下代碼效果可在此處預(yù)覽 https://epaii.github.io/epii.js/demo/demo1.html