avalonjs

迷你MVVM框架 avalonjs 入门教程

迷你MVVM框架avalonjs入门教程关于AvalonJs开始的例子扫描视图模型数据模型绑定属性与动态模板作用域绑定(ms-controller,ms-important)模板绑定(ms-include
ijustcalledtosay·2023-09-23 08:56

迷你MVVM框架 avalonjs 沉思录 第2节 DOM操作的三大问题

jQuery之所以击败Prototype.js，是因为它自一开始就了解这三大问题，并提出完善的解决方案。第一个问题，DOM什么时候可用。JS不像C那样有一个main函数，里面的逻辑不分主次。但JS是这样玩，并不意味着DOM也是这样。被JS自由惯了的人，于是傻眼了。这涉及一个时间的概念。牛顿与爱因斯坦的差别，也是在于这个时间的引入。我们的脚本并不是一下子就引入，页面也不是一下加载完毕。前者引发脚本加
weixin_33882443·2020-09-13 17:21

ViewModel设计规范

1.原型设计1.1AvalonJs原型varvm=avalon.define({$id:'xxxxCtrl',version:'1.0',xxxxCollection:{data:[{value:'value1
高堂·2020-08-22 15:20

如何通过 Vue＋Webpack 来做通用的前端组件化架构设计

目录：1.架构选型2.架构目录介绍3.架构说明4.招聘消息目前如果要说比较流行的前端架构哪家强，屈指可数：reactjs、angularjs、emberjs、avalonjs、vuejs。
weixin_34352449·2020-08-22 14:56

前端学习资源

1.lesshttp://lesscss.cn/2.seajshttp://seajs.org/docs/#quick-start3.jqueryhttp://jquery.com/4.http://avalonjs.github.io
西北码农·2020-07-14 08:21

avalon源码阅读（1）

这次写avalonJS，希望能在代码架构层面多些一点，少上源码、多写思路。avalon暴露句柄方式、、已经不是这样了(function(DOC){...avalon=...//没有var...})
weixin_30417487·2020-07-08 13:37

avalonjs适用场景

avalon的优点是显而易见的：avalon是一个优秀的前端框架avalon的思想非常超前，当然，从另一方面讲，没有什么东西是新的，但是avalon的推出时间要早于angularjs，在MVVM的框架里是比较早的。在使用MVVM框架后最大的感受就是，如果业务逻辑不是非常复杂，整个的前端开发与后端交互这一块基本就剩下了命名变量和赋值，工作轻松了许多。几乎没有不能应付的情况avalon经过了去哪儿前端
EdisonDong·2020-07-08 10:18

迷你MVVM框架 avalonjs 1.3发布

性能得到大幅改良的avalon1.3发布了。修复$outerBUG修复IE6-8下扫描加载Flash资源的OBJECT标签时，遇到它既没有innerHTML也没有getAttributeNode的奇葩情况，解决方法是直接忽略它ms-duplex添加对中文输入法的处理removeFromSanctuary添加一分支，加强对旧式IE的节点的内存回收fix监控数组的set方法无法同步$modelBUG重
weixin_34293246·2020-07-06 01:51

迷你MVVM框架 avalonjs1.5 入门教程

avalon经过几年以后，已成为国内一个举足轻重的框架。它提供了多种不同的版本，满足不同人群的需要。比如avalon.js支持IE6等老旧浏览器，让许多靠政府项目或对兼容性要求够高的公司也能享受MVVM的乐趣。avalon.modern.js支持IE10以上版本，优先使用新API，性能更优，体积更少。avalon.mobile.js在avalon.modern的基础提供了触屏事件的支持，满足大家在
weixin_34292402·2020-07-06 01:46

迷你MVVM框架 avalonjs 学习教程19、avalon历史回顾

avalon最早发布于2012.09.15,当时还只是massFramework的一个模块,当时为了解决视图与JS代码的分耦，参考knockout开发出来。它的依赖收集机制，视图扫描，绑定的命名data-*都与knockout差不多。它总共900行。当时的理论体现在我在注释的这一段话：JSUIComponent最终还是通过HTML来描述界面，当jsobject的数据发生变化或者执行某个动作时，需要
weixin_34216107·2020-07-06 00:51

avalonjs

varvm=avalon.define({$id:"login",username:"",password:"",message:'',url:'javascript:void(0)',bigUsername:function(){varusername=vm.username;varstr='';for(vari=0;i
weixin_33834679·2020-07-05 23:10

迷你MVVM框架 avalonjs 入门教程（司徒正美）

迷你MVVM框架avalonjs入门教程关于AvalonJs开始的例子扫描视图模型数据模型绑定属性与动态模板作用域绑定(ms-controller,ms-important)模板绑定(ms-include
weixin_30900589·2020-07-05 22:20

AvalonJS

目录AvalonJS学习地址迷你MVVM框架，解决双向绑定，减少DOM操作（各种选择器），降低开发代码量。以ms-进行属性标记，事件绑定，是avalon绑定系统的一部分。
weixin_30879833·2020-07-05 22:34

avalonjs 学习笔记1---checkbox

一、vscode安装使用1.vscode+node.js下载安装2.在node.jscommandprompt中运行npminstall-glive-server3.可以使用vscode了二、avalonjs
weixin_30673715·2020-07-05 21:53

avalonjs学习笔记（四）

四，一些特殊的绑定1，ms-if我不知道这个设计是用来做什么用的，我看的结果就是显示隐藏用，当绑定的值不是true的时候，这个标签就不会被显示出来2，ms-visible貌似这个才是真正显示隐藏用的，跟ms-if的差别，貌似很深奥，表示不懂。3，循环绑定循环有两种，一个使用ms-each-itemms-if{{item}}---{{$index}}avalon.define({$id:"test"
混事儿·2020-07-05 18:16

avalonjs学习笔记（二）

二，viewmodel的绑定用到ms-controller属性来进行引用，属性的值，是viewmodel的id。（我喜欢用引用这个词，并且不知道别人怎么叫这个动作。）貌似所有标签都可以用这个属性，并且符合就近原则和嵌套继承。然后给这个标签下的所有子标签都可以使用{{}}来引用viewmodel的属性值。或者通过ms-系列属性来绑定viewmodel的属性值。绑定可以是多重的，也就是说，我可以把一个
混事儿·2020-07-05 18:16

AvalonJs入门 简单易用迷你的MVVM框架

前言：第一次接触到AvalonJs的前端网页的时候，我还是非常的惊讶的，作为一名Java后台的小码农，早就习惯了MVC（ModelViewController）的设计模式，前端请求控制器，控制器调用模型得到数据
Oracion_wj·2020-07-05 18:08

如何通过 Vue＋Webpack 来做通用的前端组件化架构设计

目前如果要说比较流行的前端架构哪家强，屈指可数：reactjs、angularjs、emberjs、avalonjs、vuejs。我个人接触使用过：avalonjs、angularjs、vuejs。
小熊代码加·2020-07-05 06:50

avalonjs双向数据绑定与监听

立即查询行政区域：天津市字号：提示：1.企业名称=行政区域+字号+行业特点+公司类型，如北京云信科技有限公司，字号则为云信；2.字号由两个以上的汉字组成，不可输入外国文字、汉语拼音、阿拉伯数字；行业特点：{{el}}{{el}}公司类型：{{@TypeOfCompany}}根据您输入的信息生成的名称如下（请选择您中意的3个名称）：{{@AdministrativeRegions+@FiledOne
沄逆潺潺·2020-07-05 05:11

迷你MVVM框架 avalonjs 入门教程

api大全OniUI组件库学习教程视频教程:地址1地址2关于AvalonJs开始的例子扫描视图模型数据模型绑定作用域绑定(ms-controller,ms-important)忽略扫描绑定(ms-skip
ijustcalledtosay·2020-07-04 18:02

前端神器avalonJS入门（二）

本章开始搭配requireJS来使用avalon，开始之前，我们可以对avalon进行精简改造（注：新版的avalon已提供了shim版本，无需再做如下的精简了，直接点这里获取）。avalon源码里有自己的AMD加载器和DOMReady模块，使用requireJS来加载各依赖脚本的话，使用其配套插件DOMReady来ready执行会更合适，而且avalon的AMD模块也多余了。故我们可以把这俩块代
dcof99817·2020-07-04 14:26

前端神器avalonJS入门（一）

avalonJS是司徒正美开发和维护的前端mvvm框架，可以轻松实现数据的隔离和双向绑定，相比angularJS等前端框架它有如下优势：1.压缩后仅有60多kb，而angular的min版是100多kb
dcof99817·2020-07-04 14:26

使用ReactJs的感受

最近使用react做了一个人事管理平台的单页面应用（SPA），最开始的时候，是使用avalonjs，后台因为老板喜欢阿里团队的antdesign组件，所以就推倒重来，重新用react开发全新的前端。
EdisonDong·2020-04-07 03:12

动态模板中 swiper 划不动问题

今天在使用Swiper的时候遇到这个问题：使用avalonjs动态循环生成swiper-slide类，在swiper-wrapper里生成6个以上的滑动页，可是就是划不到第二页，尝试将longSwipesRatio
李响同學·2020-03-23 01:08

1-1 vue介绍

Vue的作者：尤小右，真名：尤雨溪vuea3.jpgVue.js和React、Angularjs、Knockout、AvalonJS，我该用哪一个？不用纠结，因为前三个框架我们都会讲，
codeTao·2020-03-06 01:18

avalonjs 中的if else

if的内容else的内容整体代码{{el.id}}{{el.name}}{{el.email}}{{el.id}}{{el.name}}{{el.email}}Viewdetails»
杜乡的AGG·2019-11-03 01:17

avalonjs制作响应式瀑布流特效

布局不是基于float，也不是基于绝对定位，看最下面的html,css就知道了。也没有满篇烦人的html插入，代码很清爽functiongetIndex(index){if(index=199){waterfall.col_num=Math.floor(avalon(window).width()/waterfall.col_width);waterfall_model.img_list=[];f
·2019-09-23 21:44

avalonjs实现仿微博的图片拖动特效

效果：HTML:JS:vardrag_holder=null,index=-1,ori_src=null,drag_flag=false;//拖动的代理，原图片，原图片的srcvarpost_img=avalon.define('post_img',function(vm){vm.post_img_list=[];//保存所有图片的srcvm.onmousedown=function(e,i,el
·2019-09-23 21:44

vue ie8 兼容方案

http://avalonjs.codin
我只是一个coder·2018-10-18 15:30

webuploader+avalonjs 图片异步上传

webuploader+avalonjs图片异步上传js部分1js部分1和js部分2代码都基本一样的，引用一份就可以了,js部分2只是为了说明和avalonjs配合使用(function(){varuploader
怪我冷i·2017-08-28 10:17

AvalonJs入门二 复选框全选反选+layui分页

前言今天给大家带来初识Avalon的第二篇文章，复选框的全选操作和Avalon+layUI的分页。Demo1：神奇的全选反选Avalon的双工绑定duplex和监听事件$watch第一篇文章的第一个例子大家是否还记得，文本框输入什么内容，下面的页面就显示什么内容，这里就用到了Avalon的双工绑定。那什么是双工绑定呢，就是avalon定义的变量和表单中的value值进行绑定，就像连体婴儿一样，无论
Oracion_wj·2017-07-13 16:23

Avalonjs双向数据绑定与监听的实例代码

废话不多说了，直接给大家贴代码了，具体代码如下所示：提交核名请提供您打算使用的3个公司名称，我们将帮您注册并向登记机关提交您的核名信息。看我的公司名是否已被占用立即查询行政区域：天津市字号：提示：1.企业名称=行政区域+字号+行业特点+公司类型，如北京云信科技有限公司，字号则为云信；2.字号由两个以上的汉字组成，不可输入外国文字、汉语拼音、阿拉伯数字；行业特点：{{el}}{{el}}公司类型：{
�V逆潺潺·2017-06-23 15:36

Avalonjs 实现简单购物车功能(实例代码)

先给大家简单介绍下avalon概念avalon是国内最强大的MVVM框架，没有之一，虽然淘宝KISSY团队也搞了两个MVVM框架，但都无疾而终。其他的MVVM框架都没几个。也只有外国人与像我这样闲的架构师才有时间钻研这东西。我很早之前就预言，MVVM是前端的终极解决方案。我之前在盛大无线做盛大通行证就深有体会，一个业务逻辑对应十来个不同的界面，分层架构是必不可少的。因此双向绑定作为解药，结合很早就
忽尔明了·2017-02-07 16:38

关于Web前端思想、技术、框架、组件的封装与选择

特别是为了降低前端开发复杂度，涌现了一大批的MVC/MVVM模式的前端框架，不停了刷新我们的代码组织结构及开发模式，比如：BackboneJS、EmberJS、KnockoutJS、AvalonJS(国产
Bobby0322·2016-11-09 14:10

Avalon中文长字符截取、关键字符隐藏、自定义过滤器

关于AvalonJSavalon是一个简单易用迷你的MVVM框架，它最早发布于2012.09.15，为解决同一业务逻辑存在各种视图呈现而开发出来的。
sloong·2016-05-18 15:55

使用MVVM框架（avalonJS）进行快速开发

今天就跟大家讲讲国产的MVVM框架avalonJS是如何快速进行开发的，同时大家也可以对比石器时代的开发模式（jquery或者zep
breezefeng·2015-12-26 08:00

jQuery File Upload跨域上传

最近在做一个一手粮互联网项目，方案为前后端分离，自己负责前端框架，采用了Requirejs+avalonjs+jquery三个框架完成。
ZEKELOVE·2015-12-18 16:00

架构 Roadmap 笔记分享

这里前端，后端都有，前端我们用的是avalonjs，基本无坑，推荐下。 混合应用，*APP版本热更新支持。
darklx·2015-12-14 22:00

架构 Roadmap 笔记分享

这里前端，后端都有，前端我们用的是avalonjs，基本无坑，推荐下。 混合应用，*APP版本热更新支持。
darklx·2015-12-14 22:00

如何通过 Vue＋Webpack 来做通用的前端组件化架构设计

目录：  1.架构选型  2.架构目录介绍  3.架构说明  4.招聘消息 目前如果要说比较流行的前端架构哪家强，屈指可数：reactjs、angularjs、emberjs、avalonjs、vuejs
李 维·2015-11-15 21:00

avalon

  迷你MVVM框架 avalonjs 学习教程21、双向绑定链  司徒正美 2014-11-03 11:12 阅读:488 评论:0    
·2015-11-13 08:10

avalonJS入门（一）

前端神器avalonJS入门（一） posted @  2014-10-31 17:44  vajoy 阅读(1665) 评论(32)  编辑  收藏
·2015-11-13 08:07

avalonjs 1.3.7发布

avalonjs 1.3.7发布 又到每个月的15号了，现在avalon已经固定在每个月的15号发布新版本。
·2015-11-13 07:07

AvalonJS学习笔记（一）

一、关于AvalonJS   avalon是国内的一个MVVM框架，是从knockout发展起来的 分为两个版本 avalon.js版本，支持IE6及非常老的标准浏览器。
·2015-11-09 14:26

我所知道的MVVM框架(转 司徒大大 )

  RubyLouvre commented on 6 Sep 2014   avalon http://avalonjs.github.io/ (使用Object.defineProperties
·2015-11-02 13:14

avalonJS-源码阅读（二）

  上一篇文章讲述的avalon刷页面所用到的几个函数。这篇则是主要讲avalon对刷DOM刷出来的avalon自定义属性如何处理的。 目录[-] avalon页面处理（2） 数据结构 解析avalon标签 parseExpr parseExprProxy 函数介绍 createCache 小结 附录 测试demo avalon页面处理（2）
·2015-10-31 11:49

avalonJS-源码阅读（三） VMODEL

avalon的重头戏。终于要到我最期待的vmodel了。 ps:这篇博文想做的全一点，错误少一点，所以会有后续的更新在这篇文章中。 状态：一稿 目录[-] avalon dom小结 数据结构 观察者模式 依赖收集与触发 avalon Observable avalon modelFactory loopModel 函数介绍 isEqual 小记 avalon dom小
·2015-10-31 11:49

avalonJS-源码阅读（一）

这次写avalonJS，希望能在代码架构层面多些一点，少上源码、多写思路。 avalon暴露句柄方式 (function(DOC){ ...
·2015-10-31 11:49

迷你MVVM框架 avalonjs 0.71发布

本版本感谢@黄轩,@月王,@soon，提出一些BUG与功能改进。 首先是事件回调的return false问题，标准浏览器的addEventListener的回调不处理返回值，因此我们还是得fix一下。 其次是ms-attr的支持，这是初版，以后还会大辐增强的 最后是ms-css对z-index的支持，修改一个正则问题。 官网地址为http://rubylouvre.git
·2015-10-30 13:54

迷你MVVM框架 avalonjs 0.6.3发布

本版本主要修BUG，感谢2群，3群的朋友帮忙测试。 @月王提出事件回调return false要阻止默认行为与事件传播，修正如下： function callback(e) { var ex = fixEvent(e || window.event); var ret = fn.call(el, ex);
·2015-10-30 13:54
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他