avalon2是一款基于虚拟DOM与属性劫持的 迷你、 易用、 高性能 的 前端MVVM框架， 拥有超优秀的兼容性, 支持移动开发, 后端渲染, WEB Component式组件开发, 无需编译, 开箱即用。上一个简单的入门例子：
<!DOCTYPE html><html> <head> <title>first example</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="./dist/avalon.js"></script> <script> var vm = avalon.define({ $id: "test", name: "测试", array: [11,22,33] }) setTimeout(function(){ vm.array.set(0, 444) }, 3000) </script> </head> <body ms-controller="test"> <input ms-duplex="@name"> <p>Hello,@name!</p> <ul> <li ms-for="($index,el) in @array">{{$index}}--{{el}}</li> </ul> </body></html>
这里面涉及一些知识点
- vm,使用avalon.define方法生成,必须带$id属性
- 指令,以ms-开头的属性及双花括号的插值表达式
- 圈定作用域,使用ms-controller告诉框架,只处理这个范围内的标签
- 引导符,使用
@或##来告诉框架这些变量是来自vm的 - 自动扫描机制
define
创建一个vm对象,必须指定$id
avalon.define({
$id: 'aaa',
bbb: 1
})插值表达式
位于文本节点中的双重花括号,当然这个可以配置.此指令其中文本ms-text指令的简单形式.
<body ms-controller="test"> <script> avalon.define({ $id: 'test', aaa: 'aaa', bbb: 'bbb' }) </script> <p>@aaa@bbb 这个性能差些</p> <p>@aaa+@bbb 这个性能好些</p> <p>@aaa+@bbb 选择器必须放在表达值的后端</p></body>
1
为您推荐
JavaScript开发人员倾向于寻找可用于机器学习模型训练的JavaScript框架。下面是一些机器学习算法，基于这些算法可以使用本文中列出的不同JavaScript框架来模型训练：简单的线性回归多变量线性回归逻辑回归朴素贝叶斯..
BotSharp 是一个开源的、基于 .NET 平台的 AI 聊天机器人框架，旨在简化构建智能对话系统的过程。它主要通过自然语言处理（NLP）技术，帮助开发者构建具备语言理解和对话能力的应用。BotSharp 提供了丰富的功能和扩..
在游戏开发领域，.NET 框架因其强大的功能和灵活性而广受欢迎。对于希望使用 .NET 进行游戏开发的开发者来说，了解可用的框架是至关重要的。以下是一些流行的 .NET 游戏开发框架：1. Unity: 尽管 Unity 主要使用 C# ..
项目概述PluginCore 是一个基于 ASP.NET Core 的轻量级插件框架，旨在简化插件的集成与管理。通过最少的配置，开发者可以快速集成并专注于业务逻辑的开发。它支持动态 WebAPI、插件隔离与共享、前后端分离、热插拔等..
HTQL（Hyper-Text Query Language）是一种用于提取和查询HTML和XML数据的轻量级查询语言。HTQL提供类似SQL的语法，可以方便地从网页或其他基于标签的文档中提取结构化数据，而无需解析整个文档。这使得它在爬虫、数..
.NET 框架和 CLR（公共语言运行时，Common Language Runtime）共同构成了一个应用程序运行和开发的环境，为多种编程语言提供跨平台支持、内存管理、异常处理、安全性、以及其他服务。它们各自的工作原理如下：.NET F..
编者按：考虑到英文原文的长度以及可读性，十大前端开发框架将分成上下两部分呈现给大家。上半部分着重讲的是Bootstrap家族框架，第二节将会跟大家分享更多其他的框架。随着互联网的不断成熟以及我们越来越多的用各..
选择跨平台 UI 框架取决于你的项目需求、目标平台、开发团队的技能和框架的特点。以下是 MAUI、Avalonia 和 Flutter 的比较，帮助你做出合适的选择。1. .NET MAUI (Multi-platform App UI)微软推出的跨平台框架，可..
mo.js 是一个强大的 JavaScript 动画库，专为在网页项目中创建复杂动画和运动图形而设计。它注重提供平滑、动态的动画效果，并通过简单、模块化和灵活的组件让开发更加便捷。mo.js官网地址：https://mojs.github.io/..
尤雨溪和他的虚空帝国：VoidZero，一场前端的创世纪！2024年初秋，一个名字，VoidZero，如同代码中突然插入的一行神秘指令，瞬间扰乱了前端世界的平静。而这行指令的编写者，正是前端界的传奇，Vue.js之父—&md..
单元测试是确保代码质量和可靠性的重要手段。当我们的代码依赖于外部系统、数据库或第三方服务时，编写有效的单元测试可能会变得复杂且耗时。为了简化这一过程，模拟（Mocking）技术应运而生。在 .NET 生态系统中，M..
什么是 Docsify？Docsify 可以即时生成你的文档网站。与 GitBook 不同，它不会生成静态 html 文件。相反，它会智能地加载和解析你的 Markdown 文件并将其显示为网站。要开始使用它，你需要做的就是创建一个 index.ht..
假如你喜欢原生的Sql语句，又喜欢ORM的简单，那你一定会喜欢上Dapper这款ROM。Dapper的优势： 1、Dapper是一个轻型的ORM类。代码就一个SqlMapper.cs文件，编译后就40K的一个很小的Dll. 2、Dapper很快。Dapper的速度..
国产轻量级ORMSqlSugar实践。拥有高性能，高扩展性，稳定性和国内开发团队的技术支持。功能全面，性能与同样是轻量级ORM的Dapper相比更加出色。可以从github下载SqlSugarhttps://github.com/sunkaixuan/SqlSugarSqlS..
.NET框架是由微软公司开发的一个软件开发平台，用于构建和运行各种类型的应用程序，包括桌面应用程序、Web应用程序、移动应用程序和服务。它提供了一个统一的环境，使开发人员能够使用多种编程语言（如C#、VB.NET和F..
当前主流的前端框架当前主流的前端框架有React，Angular，Vue.js，还有一些相对小众但也具有一定影响力的框架，例如 Svelte、Ember、Backbone 等。React：React 是一个由 Facebook 开发的 JavaScript 库，专注于构建..
Windows桌面应用的GUI框架有多种，常见的包括：Windows Presentation Foundation（WPF）、Windows Forms、WinUI3、Electron等。WPF是.Net Framework3.0引入的GUI框架，使用XAML定义用户界面，支持强大的数据绑定，支..
国外流行的前端框架有很多，以下是一些常见且受欢迎的前端框架：React：由Facebook开发的JavaScript库，用于构建用户界面。它采用组件化的方式来构建复杂的UI，并具有高度的灵活性和性能优化。Angular：由Google开发..
Dapper 是一个轻量级的 ORM 框架，它可以简化与数据库的交互。Dapper 使用 SQL 查询来访问数据库，并将查询结果映射到对象。Dapper 的优点轻量级：Dapper 的代码量非常小，非常适合小型项目。灵活：Dapper 提供了各..
Mapster是一个开源的.NET对象映射库，它提供了一种简单而强大的方式来处理对象之间的映射。在本文中，我将详细介绍如何在.NET中使用Mapster，并提供一些实例和源代码。Mapster和其它框架性能对比Mapster的安装和配置..