dart是google在2011年推出的一门语言,提供较为丰富的lib,并支持将代码转变为javascript,其demo code 和 demo app 也是以web前端代码来展示的。
其语言特性较之javascript更加严谨,代码风格趋于c 和 java ,较之javascript更加优美,同时也能看到部分函数式语言的书写特性。
其开发环境也是别具一格,除了使用eclipse开发了支持桌面使用的开发IDE以外,还提供了在浏览器中使用dart进行开发的环境:chrome dev editor. 其实是一个chrome插件。https://github.com/dart-lang/chromedeveditor
图例如下:
语言在语法上相对容易上手,而且非常容易写出结构清晰的代码,兼具python的简洁 和 java 的严谨。
lib/reverser.dart
library reverser; import 'dart:html'; // Example of hooking into the DOM and responding to changes from input fields. initReverser() { var output = querySelector('#out'); var input = querySelector('#name'); input.onKeyUp.listen((_) { output.text = input.value.split('').reversed.join(); }); }
main.dart
import 'dart:html'; import 'package:HelloDart/nav_menu.dart'; import 'package:HelloDart/reverser.dart'; //引入上面的reverser.dart库 import 'package:route_hierarchical/client.dart'; void main() { initNavMenu(); initReverser(); // Webapps need routing to listen for changes to the URL. var router = new Router(); router.root ..addRoute(name: 'about', path: '/about', enter: showAbout) ..addRoute(name: 'home', defaultRoute: true, path: '/', enter: showHome); router.listen(); } void showAbout(RouteEvent e) { // Extremely simple and non-scalable way to show different views. querySelector('#home').style.display = 'none'; querySelector('#about').style.display = ''; } void showHome(RouteEvent e) { querySelector('#home').style.display = ''; querySelector('#about').style.display = 'none'; }
通过以上代码可以看到其清晰的目录结构和代码风格。
ref:
1. 官方示例app : https://www.dartlang.org/codelabs/darrrt/
2. dart的web app应用angular版: https://angulardart.org/tutorial/
3. dart的web版IDE: https://github.com/dart-lang/chromedeveditor