pandyle

基于 jQuery 的 MVVM 库
授权协议 MIT
开发语言 TypeScript
所属分类 程序开发、 服务框架/平台
软件类型 开源软件
地区 国产
投 递 者 松桐
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

pandyle是一个基于jquery的MVVM库。它为jquery提供了基本的模板和组件功能。pandyle秉承jquery -- write less, do more 的设计理念,主要关注点即在于简单,它的大小只有5kb(压缩后),易学易用,努力减少你书写的代码量,并且更贴合传统的jquery的书写方式。

为什么要写这个库

现在已经有angular、react、vue等优秀的MVVM框架了,但是我爱jquery!所以就想试着为jquery写一个mvvm库来实现数据与视图的分离以及组件化开发的能力。如果你也喜欢jquery,可以来尝试一下这个库。欢迎你的issue和PR!

使用方法

下载:npm install pandyle

引入:使用<script>标签引用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>
 相关资料
  • 本文向大家介绍基于jQuery的ajax方法封装,包括了基于jQuery的ajax方法封装的使用技巧和注意事项,需要的朋友参考一下 ajax (ajax开发)简介 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。 AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。

  • 我在一页上有很多div。每个都是无序列表的容器。在每个DIV的上方是一个标题文本,它由一个带有锚点的元素组成。 例如 我需要有所有这些DIV隐藏,直到标题(锚)被点击。如果用户点击标题,它应该切换显示/隐藏DIV 如何在JQUERY中实现这一点,使所有div都有一个onClick函数,可能使用id来区分div? 但是在JQUERY? 解决了的!!!!

  • 我有一个网页与两个使用级联。第一个是州,第二个是城市。当您选择一个州时,您可以从第二个中选择城市。如果我用鼠标挑选它们,这工作得非常好。 问题是,当我试图将一些数据绑定到这些DropDownList时,状态更新了,但城市没有更新。 这是我的页面的HTML: 这就是JavaScript: 如果我使用以下代码绑定数据: 除非州已经包含值,否则它不会将设置为。 似乎使用不会在State中触发事件,然后C

  • 本文向大家介绍基于Layer+jQuery的自定义弹框,包括了基于Layer+jQuery的自定义弹框的使用技巧和注意事项,需要的朋友参考一下 目的:XXXX项目中,很多的弹窗是利用freemarker的网页标签追加的形式实现的,网页弹框只是将隐藏的div显示出来,这样会使网页在预加载时速度变慢,增加页面加载和响应时间 解决方法如下:<已分中心管理的添加分中心弹框实现机制为例> 1.弹框页面部分的

  • 本文向大家介绍基于jQuery拖拽事件的封装,包括了基于jQuery拖拽事件的封装的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了基于jQuery封装的拖拽事件,供大家参考,具体内容如下 HTML代码: 封装的jQuery拖拽事件: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍基于jQuery的表单填充实例,包括了基于jQuery的表单填充实例的使用技巧和注意事项,需要的朋友参考一下 如下所示: 以上这篇基于jQuery的表单填充实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。