使用avalon MVVM框架打造整一套jquery ui

    为了验证avalon的可用性与高效性，我用它重新实现jQuery ui。打造过程如下，直接到jQuery ui官网，查看它们的运行效果，不看其JS源码，然后取其HTML结构修改。使用了MVVM编写代码，能保证你思维清晰畅顺，不用总在DOM逻辑与数据处理中跳过来蹦过去。仅用一天，实现8成以上的功能，而且JS代码量非常少，都是原来的百分之几至十之间。基本上，现在avalon的源码挑不出什么毛病。以后从mass分离出ajax，effect等模块来，构建成avalon的一个组件，这些UI组件的可用性就更高了。

      即时可运行的例子链接

     avalon MVVM框架的官网



 

 

 

 

 

评论

1 楼 捣蛋小孩 2018-07-24  

轻量级MVVM框架Vue.js快速上手（MVVM、SEO单页面应用、SSR服务器端渲染、Nuxt.js）
网盘地址：https://pan.baidu.com/s/150NTh0GnNMk_b73_LMDSlw 密码: yxuf
备用地址（腾讯微云）：https://share.weiyun.com/5tTLqQk 密码：pxezuj


Vue.js是一套构建用户界面的轻量级MVVM框架，与其他重量级框架不同的是， Vue.js 的核心库只关注视图层，并且非常容易学习，很容易与其它前端技术或已有的项目整合。

本系课程,主要分为两部分完成。第一部分：掌握Vue.js设计规范的语法。 第二部分：通过一些实际的前端案例来强化同学们对该技术的灵活运用。学完本系列课程后，学员将会达到学习目标：只要具有JavaScript基础的学员都能灵活运用Vue.js技术设计前端程序。

实践阶段由浅入深分为四个案例：动态评分、图片轮播、OLTP管理界面、聊天室。聊天室程序则体现了Vue和HTML5技术的整合，而OLTP管理界面应用在很多系统之内，是很常用的案例，里面包括CRUD的操作、数据分页、Ajax等等。通过这些案例，最终强化学生驾驭Vue.js的水平。