<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          BiSheng.js數(shù)據(jù)雙向綁定庫

          聯(lián)合創(chuàng)作 · 2023-09-22 08:28

          不推薦繼續(xù)使用,請移步 brix-bisheng

          BiSheng.js 是純粹的數(shù)據(jù)雙向綁定庫。

          BiSheng.js 的名稱源自活字印刷術(shù)的發(fā)明者“畢昇”。因為單向綁定猶如“刻版印刷”,雙向綁定猶如“活字印刷”,故名 BiSheng.js。

          快速開始

          1. 下載 BiSheng.js

            bower install bishengjs
          2. 引入 BiSheng.js

            <script src="./bower_components/bishengjs/dist/bisheng.js"></script>
          3. 使用

            // HTML 模板
            var tpl = '{{title}}'
            // 數(shù)據(jù)對象
            var data = {
              title: 'foo'
            }
            // 執(zhí)行雙向綁定
            BiSheng.bind(data, tpl, function(content){
              // 然后在回調(diào)函數(shù)中將綁定后的 DOM 元素插入文檔中
              $('div.container').append(content)
            });
            // 改變數(shù)據(jù) data.title,對應(yīng)的文檔區(qū)域會更新
            data.title = 'bar'

          目錄

          代碼的結(jié)構(gòu)按照職責(zé)來設(shè)計,見下表;打包后的文件dist/ 目錄下;API 和文檔doc/ 目錄下;測試用例test/ 目錄下,基本覆蓋了目前已實現(xiàn)的功能。

          源文件 職責(zé) & 功能
          src/ast.js 修改語法樹,插入定位符。
          src/bisheng.js 雙向綁定的入口。
          src/expose.js 模塊化,適配主流加載器。
          src/flush.js 更新 DOM 元素。
          src/html.js 轉(zhuǎn)換 HTML 字符串為 DOM 元素。
          src/locator.js 生成定位符,解析、更新定位符的屬性。
          src/loop.js 數(shù)據(jù)屬性監(jiān)聽工具。
          src/scan.js 掃描 DOM 元素,解析定位符。
          瀏覽 20
          點贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          編輯 分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          編輯 分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  国产精品一区在线观看 | 亚洲免费视频网站 | a黄色免费 | 婷婷五月天色导航 | 无码秘 人妻一区二区三-百度 |