今天,我要讲讲新的前端web语言-Dart

我是网上看到这段话,激起了兴趣,虽然我不能算是真正的web前端从业者!哈哈

[

  Dart语言由谷歌制造,用来替代Javascript,弥补Javascript在web应用中大量使用时出现的缺点。对于Dart语言,谷歌的希望是,它将成为

  web编程的新官方语言。它有着与C语言类似的语法和关键词。然而,一个跟Javascript的重大不同之处是,Javascript是以prototype为基础的

  语言,可Dart里对象是用类和接口定义的,跟C++和Java一样。Dart语言还允许程序员将变量声明为静态类型。

]

我用了用,感觉就是跟java一样,当然就想向宣传的那样,比java语法简洁,就像是退到了C,越过了C++!哈哈,这点儿有点自相矛盾!大家就把它理解成比JAVA简单点儿的Java吧!

&&&&&&&&&&&

第一讲,涉及配置开发环境,服务端编程的demo,客户端编程的demo

一. 安装dart 编程环境

*************************

本来准备在linux 下安装,但linux 下访问不了Google 的仓库,立马完蛋了
后来在Windows 下安装,意外成功了
转念一想,Dart 主要是web 前端语言,windows 能行就对了!!!
哈哈哈
别以为windows 下安装大家都是驾轻就熟,其实,官网上也是有坑的啊
一.DART-SDK 安装
https://www.dartlang.org/install/windows
你会看到两种安装方法
第一种就别试了,我用了,当时就撞墙死了,本来是Windows 下经典安装,但Dart 开
发小组不熟悉windows,开发的在线安装不能成功(估计还是因为Google 服务器不能
访问吧)
第二种方法可用,我的机器是win10,接下来,就介绍它吧
1. Chocolatey 安装

从这里进去

这个就是安装
完成后就是完成了
我装的时候版本如下

2. dart-sdk
choco install dart-sdk

如果你有需要,关于历史版本下载
choco install dart-sdk –version <version>
二.DARTIUM
如果你需要开发前端应用,那么这一步是你需要的内容

Dart2.0 后就不需要了,显然,我下载时候还不是时候
Choco install dartium

也就是一个包含Dart VM(运行时,即虚拟机)的chrome 浏览器,你的Dart 代码在这个
浏览器里能直接被执行,而不需要借助工具转成js 代码。当然js 代码就可以在任意浏
览器运行了
别急,Dart2.0 取消了这玩意,就意味着,Google 借助于dartdevc(一款编译器),你的
Dart 代码能被所有浏览器识别(为JS 代码,我个人猜测)
好吧,2.0 的风暴快点到来吧,我都等不急了:)

*************************

Dart IDE的安装 DartEditor,可以编辑,调试,运行

*************************

你需要IDE 来开发Dart 代码,和调试运行功能
一.安装
choco install darteditor
二.运行安装目录下的DartEditor.exe
(C:\tools\dart)
DartEditor.exe
三.但是
就如同我经典安装dart-sdk 失败一样,这个IDE 在我机子上装载不上JAVA 虚拟机
(JVM.dll),尽管它报错信息

就是正确的虚拟机地址
可是,可是我,也搞不清,一往情深的错误。
Fuck~!!!,由它去吧,我也不是IDE 控,哈哈哈
四.风格
据说跟Eclipse 和VS 很像
我想大家自己去学吧
前提是你得比我幸运
忘了说了,我的JDK 是ver8, 根据我没去尝试的下一步,我建议你装JDK6 去碰碰运气

*************************

¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥¥

下边我们看看DEMO吧

//服务器端的控制台程序

//main.dart

//main.dart
import 'dart:math';
class Point {
num x, y;
Point(num this.x, num this.y);
Point scale(num factor) => new Point(x*factor, y*factor);
num distance() => sqrt(x*x+y*y);
}
void main() {
Point a = new Point(12, 23).scale(10);  num old = a.distance();
print("You will live for ${a.distance()} years, don't you?$old:YESORNO.");
}

//运行

嗯,还是很吊的嘛!

//浏览器(客户端)

//DartWebApp.dart
import 'dart:html';
class DartWebApp {
void run() {
write("Hello World!");
}
void write(String message) {
// the HTML library defines a global "document" variable
document.query('#status').innerHtml = message;
}
}
void main() {
new DartWebApp().run();
}
//dart.html
<!DOCTYPE html>
<html>
<head>
<title>Dart Web App</title>
</head>
<body>
<h1>Dart Web App</h1>
<h2 id="status">dart is starting up...</h2>
<script type="application/dart" src="DartWebApp.dart"></script>
<script src="http://dart.googlecode.com/svn/branches/bleeding_edge/dart/client/dart.js">
</script>
</body>
</html>
//dartium 里,也级启动那里面的chrome.exe 浏览器
运行dart.html 页面
1. 老问题,google 的svn 在国外,根本连不上还要去连,很慢
2. 当然能运行了

#dart.js 的作用是,如果浏览器不支持Dart,上面这个dart.js 文件将把application/dart 的
代码替换为等价的JavaScript 代码。
但是如前所述,它耽误我们了,所以干掉它
<!DOCTYPE html>
<html>
<head>
<title>Dart Web App</title>
</head>
<body>
<h1>Dart Web App</h1>
<h2 id="status">dart is starting up...</h2>
<script type="application/dart" src="DartWebApp.dart"></script>
</body>
</html>
再此打开dart.html,没有拖累,就是快,噢,不,是正常。哈哈哈

用其它浏览器试试吧

因为这个浏览器没有支持Dart VM,所以,就不能向你问好了,地球!哈哈哈

那怎么办呢?
有办法的啊,用dart2js 把DartWebApp.dart 转成javascript 代码,不就能加载了嘛!

OK!
你有了对应的DartWebApp.js 了,怎么做,你应该会了吧
<!DOCTYPE html>
<html>
<head>
<title>Dart Web App</title>
</head>
<body>
<h1>Dart Web App</h1>
<h2 id="status">dart is starting up...</h2>
<script src="DartWebApp.js"></script>
</body>
</html>

好了,没问题了

&&

类库
Dart 提供了下面这些类库支持客户端和服务器端开发:
核心库:包含通用数据结构和操作的接口。
HTML库:包含了支持 HTML5 DOM 的接口。
I/O 库:包含读写文件、目录、网络套接字和运行 HTTP server 的接口。
Isolate 库:包含创建 isolate 和 与 isolate 通信的接口,是 Dart 程序中用于并发和安全的机制。
Crypto 库:包含创建单向哈希 (SHA1, MD5, SHA256) 和 HMAC 支持的接口。
JSON 库:包含解析和生成 JSON 编码文本的支持。
单元测试库:包含用于编写 Dart 单元测试的函数和类。

&&

 Finally:

例子很简单,但说明的问题可是不得了,当你看到它支持的类库(如上),你就知道我说的不假

好吧,照例预言一下:

1. 未来服务端的c++/java会被Golang(GO)取代,不管你们信不信,我反正相信了

2. 未来客户端的javascript/java会被Dart取代,不管你们信不信,我反正相信了

哈哈,这世界变化快啊

Google是家了不起的公司,虽说,“唱的高,搞成的少”。但我们的企业不就是缺唱的吗?你仔细想想吧!

Go断后,Dart冲前,Google的野心的更多相关文章

  1. 前Google人谈团队管理:针对不同员工的情境管理法和如何选择合理的团队规模

    本文作者Tomasz Tunguz是Redpoint Ventures的风险投资人,曾在Google担任产品经理并参与过AdSense项目. 我有一个朋友,他创立了一家很成功的公司,而且还在迅速发展. ...

  2. Apache Beam—透视Google统一流式计算的野心

    Google是最早实践大数据的公司,目前大数据繁荣的生态很大一部分都要归功于Google最早的几篇论文,这几篇论文早就了以Hadoop为开端的整个开源大数据生态,但是很可惜的是Google内部的这些系 ...

  3. Dart SDK在Linux上的下载及配置

    Dart SDK在Linux上的下载及配置 首先建议想要学习Dart的小伙伴选择Linux开发环境比较好,具体原因就不多说了.如果想要尝试在Window或Mac上安装Dart SDK的话可以参考Ins ...

  4. dart入门指南

    近来,flutter的热度在上升.flutter应用的主要开发语言是dart, 因此,欲练flutter, 必先了解dart. dart是由google开发的编程语言,可用于开发移动应用,桌面应用,h ...

  5. 从Google工程师到创业CTO,他的8项理念也许可以帮到你

    Lan Langworth是前Google软件工程师.O'Reily作者,现在他是Artillery的co-founder/CTO,致力于把游戏机质量的游戏带进网页浏览器.下文是他从Google离职到 ...

  6. Google软件构建工具Bazel FAQ

    Google软件构建工具Bazel FAQ 本文是我的翻译,原文在这里.欢迎转载,转载请注名本文作者和原始链接 注:如果想了解Bazel的原理,可以看看我之前翻译的Google Blaze原理及使用方 ...

  7. Google工程师打造Remix OS系统 桌面版安卓下载

    三位前Google工程师打造的Remix OS系统终于来到了PC桌面上,现已可以下载尝鲜. Remix OS for PC基于Android-x86项目,由安卓5.1 Lollipop深度定制而来,不 ...

  8. Google软件构建工具Bazel

    转载Google软件构建工具Bazel FAQ 本文是我的翻译,原文在这里.欢迎转载,转载请注名本文作者和原始链接注:如果想了解Bazel的原理,可以看看我之前翻译的Google Blaze原理及使用 ...

  9. [翻译]用Dart塑造Android未来

    明天回家,今天下午瞅时间翻译了Cyril Mottier的另外一篇有关Android前景的文章. 原谅地址是:http://cyrilmottier.com/2014/06/12/shaping-th ...

随机推荐

  1. DB2 Version 10.5 补丁下载

    DB2 Version 10.5 for Linux, UNIX, and Windows fix pack summary https://www.ibm.com/support/knowledge ...

  2. hdu4847 Wow!Such Doge!【字符串】【暴力】

    Wow! Such Doge! Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)T ...

  3. SQL中的Continue和Break

    x 在Sql Server中,sql语句包含While循环的时候,肯定都或多或少的用到Continue和Break... 下面撸了一个小Demo , Begin ),@Index) Begin Pri ...

  4. update set from 语句用法

    关键字: update set from 下面是这样一个例子: 两个表a.b,想使b中的memo字段值等于a表中对应id的name值     表a:id, name               1   ...

  5. Ubuntu 安装 .bundle 文件

    ubuntu安装VMware-Workstation-Full-15.0.2-10952284.x86_64.bundle 一.*.bundle 文件比较特殊,只有在给它了执行权限后才能执行安装操作. ...

  6. Codeforces 1132C - Painting the Fence - [前缀和优化]

    题目链接:https://codeforces.com/contest/1132/problem/C 题意: 栅栏有 $n$ 个节,有 $q$ 个人可以雇佣来涂栅栏,第 $i$ 个人可以涂第 $l_i ...

  7. cinder 和 qt5 vs2015结合

    下载编译好的cinder_0.9.1_vc2013, 用vs2015打开 cinder_0.9.1_vc2013\proj\vc2013\cinder.sln 重新编译 由于我用的qt也是vs2015 ...

  8. Installing Precise (12.04.2) using netboot onto a Marvell ArmadaXP Development Board

      https://wiki.ubuntu.com/ARM/Server/Install https://wiki.ubuntu.com/ARM/Server/Install/ArmadaXP Arm ...

  9. Chap3:区块链的衍生技术[《区块链中文词典》维京&甲子]

  10. Visio 画图

    流程图 圆角矩形表示"开始"与"结束" 矩形表示行动方案.普通工作环节用 菱形表示问题判断或判定(审核/审批/评审)环节 平行四边形表示输入输出 箭头代表工作流 ...