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 是 ...
最新文章
- 遗传算法入门到掌握(一)
- outlook地址薄导入到FOXMAIL
- 【Java】5.3 成员变量和局部变量
- linux 修改网卡mac,Linux修改
网卡物理地址(Mac Address)
- 二十三、Python队列实现多线程(下篇)
- python整形魔法_python 魔法方法
- 上传图片和音频到DB
- 伪代码书写规范_C++代码书写规范(推荐新手程序员)
- html logo动画效果图,简单CSS3技巧实现的Logo动画
- php gui中文手册,git gui - [ Git中文开发手册 ] - 在线原生手册 - php中文网
- python释放变量内存_python解释器安装,运行python程序的方式及程序运行的步骤,变量与自动的内存管理...
- 无线通信信道的衰落特性(大尺度衰落和小尺度衰落)
- 对接海外faceid
- 大数据分析常用的方法有哪些
- 图书馆的uml概念类图怎么画_UML科普文,一篇文章掌握14种UML图
- CentOS7下安装并简单设置PostgreSQL笔记
- 鸿蒙os第一批到第四批要多久,鸿蒙 OS 手机适配流程曝光:麒麟 9000 为首批
- R语言包的升级与降级
- 计算机屏保代码,AD 脚本kixtart运用之五(用户电脑屏保设置)(示例代码)
- sql与hsql的区别以及分别怎么用!
热门文章
- Drupal是基于PHP语言编写的用于开发网站的开发型CMF
- html5站点是什么意思,html5是什么意思(html5是什么技术)
- jmeter 登录用户并发压力测试案例_用jmeter进行多用户并发压力测试 [转]
- 样本分成训练集和测试集_吴恩达深度学习笔记(64)-开发集和测试集的大小分配...
- 南加大计算机硕士学制,2020年南加州大学硕士读几年
- 部署java的tcp服务端_java网络编程(TCP)-服务端
- Flutter学习 — 设计基础
- ADT(Android)—Eclipse开发AndroidManifest.xml在哪里
- noi.ac #289. 电梯(单调队列)
- Windows 安装JDK