简介avalon 是一款迷你 、 易用 、 高性能 的前端MVVM框架。基于虚拟DOM与属性劫持的 ,拥有超优秀的兼容性, 支持移动开发, 后端渲染, WEB Component式组件开发, 无需编译, 开箱即用。主流MVVM框架性能比较...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-07 09:36:48
                            
                                116阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Avalon 迷你简单易用的MVVM框架前端MVVM的应用-UnitedStack            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2013-08-26 15:29:00
                            
                                109阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            简介avalon 是一款迷你 、 易用 、 高性能 的前端MVVM框架。基于虚拟DOM与属性劫持的 ,拥有超优秀的兼容性, 支持移动开发, 后端渲染, WEB Component式组件开发, 无需编译, 开箱即用。主流MVVM框架性能比较...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-25 09:32:45
                            
                                76阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            
<div data-a="true" data-b="false" data-d="5" data-e="null"></div>
<input type="text" value="true">
<script>
    var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/
    function parseD            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-12-14 15:28:00
                            
                                95阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            offsetParent: function () { var offsetParent = this[0].offsetParent while (offsetParent && avalon.css(offsetParent, "position") === "static") { offsetParent = offsetParent.offsetParen...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-11-10 11:03:00
                            
                                131阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-10-17 13:38:00
                            
                                121阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            (function(global, factory) { if (typeof module === "object" && typeof module.exports === "object") { // For CommonJS and CommonJS-like environments where a proper `window` // is p...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-12-16 14:13:00
                            
                                103阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            先看代码<!DOCTYPE ><>    <head>        <title>first example</title>              <meta charset="UTF-8">        <meta name="viewport" content="width=de...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-25 09:32:52
                            
                                113阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            先看代码<!DOCTYPE html><html>    <head>        <title>first example</title>              <meta charset="UTF-8">        <meta name="viewport" content="width=de...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-07 09:36:47
                            
                                10000+阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            if (root.dataset) { avalon.fn.data = function (name, val) { name = name && camelize(name) var dataset = this[0].dataset switch (arguments.length) { case 2: ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-12-14 15:40:00
                            
                                124阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            /** * Creates a new object without a prototype. This object is useful for lookup without having to * guard against prototypically inherited properties via hasOwnProperty. * * Related micro-benchm...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-12-14 15:38:00
                            
                                71阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            [\uD800-\uDBFF][\uDC00-\uDFFF]            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-12-15 15:00:00
                            
                                120阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            function dateGetter(name, size, offset, trim) { return function(date) { var value = date["get" + name]() if (offset > 0 || value > -offset) value += offset if ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-12-15 13:52:00
                            
                                141阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            function noop() {} function scpCompile(array) { return Function.apply(noop, array) } // var fn = new Function('x', 'y', 'return x + y;'); // 等价于var fn = function(x, y) {return x + y;} var fn = ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2016-12-14 17:33:00
                            
                                83阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            
                    
                
                            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-11-11 14:53:02
                            
                                133阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            avalon指令介绍avalon的指令是一个非常重要的东西,它用来引入一些新的语法,            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-25 09:30:14
                            
                                54阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            此文没有个人观点,仅仅是数据手册的阅读,属于记录笔记类,对于实际应用有没有直接的效果处于未知状态,还需实践后总结精华。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-20 15:31:50
                            
                                1565阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            avalon指令介绍avalon的指令是一个非常重要的东西,它用来引入一些新的HTML语法, 使元素拥有特定的行为。 举例来说,静态的HTML不知道如何来创建和展现一个日期选择器控件。 让HTML能识别这个语法,我们需要使用指令。 指令通过某种方法来创建一个能够支持日期选择的元素。指令一共拥有3种形式:插值表达式自定义标签绑定属性其中绑定属性的种类是最多的,它们都位置于元素节点中,以...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-07 09:37:43
                            
                                154阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.Avalon的时钟和复位 这里没什么好讲的,时钟信号略,而对于复位信号,可能有三个选择: NONE: 复位是异步信号DEASERT : 复位发生异步,复位释放同步BOTH: 复位释放和发生都是同步信号 2.avalon M-M接口这个接口比较重要,这个接口一般用于读写,可用在主从之间的元件上。全名,Avalon Memory-Mapped,阿瓦隆内存映射接口。先看            
                
         
            
            
            
            avalon的所有操作都是围绕vm进行。 vm,亦即view model,视图模型。 只要我将一个JS对象添加一个            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-25 09:33:09
                            
                                81阅读
                            
                                                                             
                 
                
                                
                    