【avalon使用笔记】的更多相关文章

avalon学习笔记

背景: 刚刚到一家新的公司,我新接手的项目采用的mvvm框架是avalon,当然我以前没有学过angular,但是用过react,所以对于这类框架应该不算陌生.但毕竟是一个新的框架,所以还是先学起来,俗话说得好,技多不压身嘛.据说avalon兼容性非常好,支持IE6+,无依赖,体积小,小伙伴们是不是对它更加有兴趣了呢? 目录: 关于AvalonJs 开始的例子 扫描 视图模型 数据模型 绑定 作用域绑定(ms-controller, ms-important) 忽略扫描绑定(ms-skip) 模…

avalon使用笔记

//保存取消操作(使用双向绑定) <div ms-controller='test'> <table border="1" style="border-collapse: collapse;"> <tbody :visible="@showLayer"> <tr :for="(k,v) in @data" > <td height="66"> &l…

avalon学习笔记一 列表及条件过滤

好长时间都没有更新博客了,不是因为没有学习新的东西,而是到了新的单位每天玩命加班实在是太累了!经过一年的努力吧,终于可以轻松一下了.废话少说,直接干货吧! 由于是学习阶段,就直接拿了公司的二级页面做了实验,链接如下:http://finance.wzdai.com/list.shtml [由于某些历史原因,该页面仍然是jquery+arttemplate实现,构建工具是fis3]. avalon重构核心代码如下: <!doctype html> <html lang="zh-c…

avalon 笔记---Mr.wing

Avalon笔记步骤一:引用js文件<script src="js/avalon.js"></script>步骤二:<script> var vm = avalon.define({ $id: "wing",//用于绑定avalon的作用域 各种数据及方法... }); avalon.scan();//可不加,avalon有自己的DOMReady模块,会自动扫描全文</script>步骤三:<body> &…

IE6/IE7尿性笔记 && avalon && director

表单提交 [ie6] form默认特性(input回车以及点击type=submit的按钮会自动触发form submit),在ie6中,不能使button[submit],必须是input[submit]在avalon中,ie6-8均不能支持到在submit触发函数中阻止页面跳转的工作,先弃用以上特性了. css属性选择器 [ie6]不支持 JSON [ie6-n]- 不支持parse和stringify,需要引入json2.js or json3- 最好所有的key都加上引号,像这样属于关键…

架构 Roadmap 笔记分享

虽然我们的架构不是开源的,不过一些笔记可以愿意公开和大家讨论一下,我相信不少人在和我们干着同样的事情,那不如一块儿交流一下,这样我们可以更快. 这里前端,后端都有,前端我们用的是 avalon js,基本无坑,推荐下. 混合应用,*APP 版本热更新支持. 混合应用,*现在将微信 Web APP 切换到 本地 APP 还需要一些手动的替换工作,架构上可以持续优化. 混合应用,*目前 APP 的页面切换效果很生硬,加入类似 iOS 的左侧滑动返回切换动画,以及页面跳转的动画. 混合应用,结合调用本…

MVC、MVP、MVVM、Angular.js、Knockout.js、Backbone.js、React.js、Ember.js、Avalon.js、Vue.js 概念摘录

注:文章内容都是摘录性文字,自己阅读的一些笔记,方便日后查看. MVC MVC(Model-View-Controller),M 是指业务模型,V 是指用户界面,C 则是控制器,使用 MVC 的目的是将 M 和 V 的实现代码分离,从而使同一个程序可以使用不同的表现形式. 交互方式(所有通信都是单向的): View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈 更详细的说明: 模型(Mod…

Vue学习笔记-1

前言 本文不是Vue.js的教程,只是一边看官网Vue的教程文档一边记录并总结学习过程中遇到的一些问题和思考的笔记. 1.vue和avalon一样,都不支持VM初始时不存在的属性 而在Angular里是可以支持的,因为angular采用脏检查的方式实现双向绑定,vue和avalon都是采用setter和getter实现双向绑定 例,如下代码在一秒后不会显示出"xxcanghai"的字样 <div id="app"> <h1>{{obj.tex…

一步步编写avalon组件01：弹出层组件

avalon2已经稳定下来,是时候教大家如何使用组件这个高级功能了. 组件是我们实现叠积木开发的关键. avalon2实现一个组件非常轻松,并且如何操作这个组件也比以前的avalon2,还是react, angular轻松多了,不需要flux这样奇怪的额外设施. avalon2的组件包含三部分,以经典的行为结构样式相分离.通常我们命名为index.js, template.html, style.scss. 比如我们开发一个弹出层组件(有遮罩的那种),其目录结构就是如下. modal ----|…

Vue学习笔记1

目录 前言 1.vue和avalon一样,都不支持VM初始时不存在的属性 2.input元素中属性与v-model同时存在以属性为优先 3.VM中的函数放到data属性和methods属性中的区别,以及函数调用时带括号与不带括号的区别 前言 本文不是Vue.js的教程,只是一边看官网Vue的教程文档一边记录并总结学习过程中遇到的一些问题和思考的笔记. 1.vue和avalon一样,都不支持VM初始时不存在的属性 而在Angular里是可以支持的,因为angular采用脏检查的方式实现双向绑定,v…