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