DevOps研发效能
媒体矩阵
开源中国APP
授权协议 MIT
开发语言 TypeScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
投 递 者 熊猫rrr
适用人群 未知
收录时间 2018-04-08

软件简介

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>
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击引领话题📣 发布并加入讨论🔥
发表了资讯
2019/06/21 12:04

pandyle 1.2.0 发布,简单的前端 mvvm 库

pandyle 是一个基于 jquery 的 MVVM 库。它为 jquery 提供了基本的模板和组件功能。pandyle 秉承 jquery -- write less, do more 的设计理念,主要关注点即在于简单,易学易用,努力减少你书写的代码量,并且更贴合传统的jquery的书写方式。 特点 简单:非常简单易上手,无需学习 webpack、es6 等前端知识,基本看一遍文档即可进行开发 兼容性良好:pandyle 的兼容性取决于 jquery 版本,因此使用 1.X 版本的 jquery 即可兼容至...

0
9
发表了资讯
2019/01/01 23:58

新年快乐!pandyle 1.1.0 发布,非常简单的前端 MVVM 库

pandyle是一个基于jquery的MVVM库。它为jquery提供了基本的模板和组件功能。pandyle秉承jquery -- write less, do more 的设计理念,主要关注点即在于简单,它的大小只有7kb(压缩后),易学易用,努力减少你书写的代码量,并且更贴合传统的jquery的书写方式。 特点 简单:非常简单易上手,无需学习webpack、es6等前端知识,基本看一遍文档即可进行开发 兼容性良好:pandyle的兼容性取决于jquery版本,因此使用1.X版本的jquery即...

0
15
发表了资讯
2018/10/26 23:25

pandyle 1.0.0 版本发布,非常简单的前端 MVVM 库

pandyle是一个基于jquery的MVVM库。它为jquery提供了基本的模板和组件功能。pandyle秉承jquery -- write less, do more 的设计理念,主要关注点即在于简单,它的大小只有7kb(压缩后),易学易用,努力减少你书写的代码量,并且更贴合传统的jquery的书写方式 特点 简单:非常简单易上手,无需学习webpack、es6等前端知识,基本看一遍文档即可进行开发 兼容性良好:pandyle的兼容性取决于jquery版本,因此使用1.X版本的jquery即可...

1
7
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
0 评论
16 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部