Aurelia —— 类似 AngularJS 的 JavaScript 框架
Aurelia 是下一代的 JavaScript 客户端框架，利用一些简单便利的措施来加强你的创造力。
特性：
前瞻性：采用 ES6 和 ES7 编写，集成很多 Web 组件，无外部依赖
先进的架构
双路数据绑定
可扩展 HTML
路由和 UI 组件
MV* 模式
支持多种语言：ES 6&7、TypeScript、CoffeeScript 等
可测试
基础页面 index.html：
<!doctype html>
<html><head><link rel="stylesheet" type="text/css" href="jspm_packages/github/twbs/bootstrap@3.3.2/css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="jspm_packages/npm/font-awesome@4.2.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="styles/styles.css"></head><body aurelia-app><script src="jspm_packages/system.js"></script><script src="config.js"></script><script>System.baseUrl = 'dist';System.import('aurelia-bootstrapper').catch(console.error.bind(console));</script></body>
</html>
app.js:
export class Welcome{constructor(){this.heading = 'Welcome to the Aurelia Navigation App!';this.firstName = 'John';this.lastName = 'Doe';}get fullName(){return `${this.firstName} ${this.lastName}`;}welcome(){alert(`Welcome, ${this.fullName}!`);}
}
app.html
<template><section><h2>${heading}</h2><form role="form" submit.delegate="welcome()"><div class="form-group"><label for="fn">First Name</label><input type="text" value.bind="firstName" class="form-control" id="fn" placeholder="first name"></div><div class="form-group"><label for="ln">Last Name</label><input type="text" value.bind="lastName" class="form-control" id="ln" placeholder="last name"></div><div class="form-group"><label>Full Name</label><p class="help-block">${fullName}</p></div><button type="submit" class="btn btn-default">Submit</button></form></section>
</template>文章转载自 开源中国社区 [http://www.oschina.net]
Aurelia —— 类似 AngularJS 的 JavaScript 框架相关推荐
- 一款优秀的JavaScript框架—AngularJS
AngularJS简介 AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.Angular ...
- JavaScript框架比较：AngularJS vs ReactJS vs EmberJS
Javascript场景的易变性 Web开发的变化发生的很快.几乎每个月都会引入一个新的JavaScript框架,并且现有的框架经常被更新.由于这些框架是开放源代码的,因此世界各地的大型社区也都可以不 ...
- ES6 的发布，加速 JavaScript 框架淘汰？
作者 | Theodoros 'Theo' Karasavvas,Ryan Donovan 译者 | 弯月 出品 | CSDN(ID:CSDNnews) 每当 JavaScript 发布重大更新,我们 ...
- Web前端：JS社区推荐的最佳JavaScript框架
所有的JS框架都有自己的功能,React位居榜首,Vue.Js是最直接的前端框架之一,开发人员可以在其中轻松编写SPA应用程序. 这是相当明显的,JavaScript正在快速发展,探索当前更多的顶 ...
- javascript框架库_2019年使用的最佳JavaScript框架，库和工具
javascript框架库 似乎有比开发人员更多JavaScript框架,库和工具. 在2018年底, 在GitHub上的快速搜索显示230万个JavaScript项目. npm已成为全球最大的模块系 ...
- 有了 Docker，用 JavaScript 框架开发的 Web 站点也能很好地支持网络爬虫的内容抓取...
点这里 阅读目录 用 AngularJS(以及其它 JavaScript 框架)开发的 Web 站点不支持爬虫的抓取 解决方案 为什么公开我们的解决方案 实现 AngularJS 服务 结论 Pr ...
- 2020年用于前端开发的顶级JavaScript框架
Front-end developers might know this game already: you type "top JavaScript frameworks" in ...
- JavaScript学习总结（12）——2016 年 7 个顶级 JavaScript 框架
当涉及到Web开发时,JavaScript框架往往是一些开发人员和企业最受欢迎的平台.可能,你有机会尝试过一两个顶级的JavaScript框架,但你仍然有点不确定哪个才是最佳的最值得掌握的,或者哪个值 ...
- 10个最受欢迎的 JavaScript 框架，它们的主要特征和功能
多年来,业界已经发布了大量 JavaScript 框架,怎样进行选择可能是一个挑战.如果你感到困惑,不知道应该选哪个或者究竟哪个适合你,那么我已经帮你解决了问题.在本文中,我将列出用来构建 Web 应 ...
- 2021 年最佳 JavaScript 框架
据 Stackoverflow 的 2021 年开发者调查,JavaScript 已连续第八年成为使用最多的语言,有 67.7% 的受访者选择它.之所以如此受欢迎,主要是因为 JavaScript 是 ...
最新文章
- Ajax实战：Ajax的四个基本原则
- c语言计算除法一位小数点,高精度除法小数点位数
- linux中安装软件，查看、卸载已安装软件方法
- ORB-SLAM2中生成金字塔提取FAST角点和计算BRIEF描述子
- java图的建立field_《Java虚拟机原理图解》1.4 class文件中的字段表集合--field字段在class文件中是怎样组织的...
- 入门机器学习(四)--Logistic回归
- linux下好用软件全记录
- 斯坦福大学CS143编译原理课程笔记:2.编译器结构
- 7-8 mmh学长的Excel表格 (20分)
- 兼容PC、移动端(微信公众号) vue全屏滚动组件 支持vue2和vue3
- 程序员初学者应该如何自学编程
- 敏捷开发之道（六）计划（续）
- 怎样将多个视频快速分割成两段或者多段
- 微信戴圣诞帽的一个简易实现程序
- 计算机电源多低无法使用吗,怎么确定电脑电源供电不足？
- MobilenetV2学习笔记 --- MobileNetV2: Inverted Residuals and Linear Bottlenecks
- Keil_uvision 基本使用教程
- java毕业设计短视频网站mybatis+源码+调试部署+系统+数据库+lw
- 动画云创始人胥克谦amp;课程格子创始人李天放分享创业经历
- 大数据在保险界的应用