<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>

          pandyle基于 jQuery 的 MVVM 庫

          聯(lián)合創(chuàng)作 · 2023-09-30 04:44

          pandyle是一個基于jquery的MVVM庫。它為jquery提供了基本的模板和組件功能。pandyle秉承jquery -- write less, do more 的設(shè)計理念,主要關(guān)注點即在于簡單,它的大小只有5kb(壓縮后),易學(xué)易用,努力減少你書寫的代碼量,并且更貼合傳統(tǒng)的jquery的書寫方式。

          為什么要寫這個庫

          現(xiàn)在已經(jīng)有angular、react、vue等優(yōu)秀的MVVM框架了,但是我愛jquery!所以就想試著為jquery寫一個mvvm庫來實現(xiàn)數(shù)據(jù)與視圖的分離以及組件化開發(fā)的能力。如果你也喜歡jquery,可以來嘗試一下這個庫。歡迎你的issue和PR!

          使用方法

          下載:npm install pandyle

          引入:使用<script>標(biāo)簽引用pandyle.min.js即可。

          Hello Wrold

          代碼示例:hello world

          <!DOCTYPE html>
          <html lang="en">
          
          <head>
              <meta charset="UTF-8">
              <title>Hello Pandyle</title>
              <script src="../node_modules/jquery/dist/jquery.min.js"></script>
              <script src="../dist/pandyle.min.js"></script>
          </head>
          
          <body>
              <div class="main">{{message}}</div>
              <script>
                  var data = {message: 'hello world'};
                  $('.main').vm(data);
              </script>
          </body>
          
          </html>
          瀏覽 18
          點贊
          評論
          收藏
          分享

          手機(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>
                  通野未帆一区二区三区 | www.AV视频在线观看 | 欧美一级二级无人区精品 | 天天激情发布在线 | 成人天天爽 |