Go断后,Dart冲前,Google的野心

 

 

今天,我要讲讲新的前端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是家了不起的公司,虽说,“唱的高,搞成的少”。但我们的企业不就是缺唱的吗?你仔细想想吧!

 

转载于:https://www.cnblogs.com/woodzcl/p/7610472.html

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
<p style="color:#666666;"> <span style="font-size:14px;">本门课程重实战将基础知识拆解到项目里让你在项目情境里学知识。</span> </p> <p style="color:#666666;"> <span style="font-size:14px;">这样学习方式能让你保持兴趣、充满动力时刻知道学东西能用在哪、能怎么用。</span> </p> <p style="color:#666666;"> <span style="font-size:14px;">平时不明白知识点放在项目里去理解就恍然大悟了。</span> </p> <p style="color:#666666;"> <span></span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="color:#FF0000;font-size:14px;"><strong>一、融汇贯通</strong></span> </p> <p style="color:#666666;"> <span style="font-size:14px;">本视频采用了前后端分离开发模式前端使用Vue.js+Element UI实现了Web页面呈现后端使用Python Django框架实现了数据访问接口前端通过Axios访问后端接口获得数据。在学习完本章节后真正理解前后端各自承担工作。</span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="color:#FF0000;font-size:14px;"><strong>二、贴近实战</strong></span> </p> <p style="color:#666666;"> <span style="font-size:14px;">本系列课程为练手项目实战:学生管理系统v4.0开发项目包含了如下几个内容:项目总体介绍、基本功能演示、Vuejs初始化、Element UI使用、在Django中实现针对数据增删改查接口、在Vuejs中实现前端增删改查调用、实现文件上传、实现表格分页、实现导出数据到Excel、实现通过Excel导入数据、实现针对表格批量化操作等等所有功能都通过演示完成、贴近了实战</span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="color:#FF0000;font-size:14px;"><strong>三、课程亮点</strong></span> </p> <p style="color:#666666;"> <span style="font-size:14px;">在本案例中最大亮点在于前后端做了分离真正理解前后端各自承担工作。前端如何和后端交互</span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="color:#FF0000;font-size:14px;"><strong>适合人群:</strong></span> </p> <p style="color:#666666;"> <span style="font-size:14px;">1、有Python语言基础、web前端基础想要深入学习Python Web框架朋友;</span> </p> <p style="color:#666666;"> <span style="font-size:14px;">2、有Django基础但是想学习企业级项目实战朋友;</span> </p> <p style="color:#666666;"> <span style="font-size:14px;">3、有MySQL数据库基础朋友</span> </p> <p style="color:#666666;"> <span style="font-size:14px;"> </span> </p> <p style="color:#666666;"> <span style="font-size:14px;"><img alt="" src="https://img-bss.csdnimg.cn/202009070752197496.png" /><br /> </span> </p> <p style="color:#666666;"> <span style="font-size:14px;"><br /> </span> </p>
<div style="color:rgba(0,0,0,.75);"> <span style="color:#4d4d4d;"> </span> <div style="color:rgba(0,0,0,.75);"> <span style="color:#4d4d4d;"> </span> <div style="color:rgba(0,0,0,.75);"> <div style="color:rgba(0,0,0,.75);"> <span style="color:#4d4d4d;">当前课程中商城项目实战源码是我发布在 GitHub 上开源项目 newbee-mall (新蜂商城)目前已有 6300 多个 star</span><span style="color:#4d4d4d;">本课程是一个 Spring Boot 技术栈实战类课程课程共分为 3 大部分前面两个部分为基础环境准备和相关概念介绍第三个部分是 Spring Boot 商城项目功能讲解让大家实际操作并实践上手一个大型线上商城项目并学习到一定开发经验以及其中开发技巧。<br /> 商城项目所涉及功能结构图整理如下:<br /> </span> </div> <div style="color:rgba(0,0,0,.75);">   </div> <div style="color:rgba(0,0,0,.75);"> <p style="color:#4d4d4d;"> <img alt="modules" src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9uZXdiZWUtbWFsbC5vc3MtY24tYmVpamluZy5hbGl5dW5jcy5jb20vcG9zdGVyL3N0b3JlL25ld2JlZS1tYWxsLXMucG5n?x-oss-process=image/format,png" /> </p> </div> <p style="color:rgba(0,0,0,.75);"> <strong><span style="color:#e53333;">课程特色</span></strong> </p> <p style="color:rgba(0,0,0,.75);">   </p> <div style="color:rgba(0,0,0,.75);">   </div> <div style="color:rgba(0,0,0,.75);"> <ul> <li> 对新手开发者十分友好无需复杂操作步骤仅需 2 秒就可以启动这个完整商城项目 </li> <li> 最终实战项目是一个企业级别 Spring Boot 大型项目对于各个阶段 Java 开发者都是极佳选择 </li> <li> 实践项目页面美观且实用交互效果完美 </li> <li> 教程详细开发教程详细完整、文档资源齐全 </li> <li> 代码+讲解+演示网站全方位保证向 Hello World 教程说拜拜 </li> <li> 技术栈新颖且知识点丰富学习后可以提升大家对于知识理解和掌握可以进一步提升你市场竞争力 </li> </ul> </div> <p style="color:rgba(0,0,0,.75);">   </p> <p style="color:rgba(0,0,0,.75);"> <span style="color:#e53333;">课程预览</span> </p> <p style="color:rgba(0,0,0,.75);">   </p> <div style="color:rgba(0,0,0,.75);">   </div> <div style="color:rgba(0,0,0,.75);"> <p style="color:#4d4d4d;"> 以下为商城项目页面和功能展示分别为: </p> </div> <div style="color:rgba(0,0,0,.75);"> <ul> <li> 商城首页 1<br /> <img alt="" src="https://img-bss.csdnimg.cn/202103050347585499.gif" /> </li> <li> 商城首页 2<br /> <img alt="" src="https://img-bss.csdn.net/202005181054413605.png" /> </li> <li>   </li> <li> 购物车<br /> <img alt="cart" src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9uZXdiZWUtbWFsbC5vc3MtY24tYmVpamluZy5hbGl5dW5jcy5jb20vcG9zdGVyL3Byb2R1Y3QvY2FydC5wbmc?x-oss-process=image/format,png" /> </li> <li> 订单结算<br /> <img alt="settle" src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9uZXdiZWUtbWFsbC5vc3MtY24tYmVpamluZy5hbGl5dW5jcy5jb20vcG9zdGVyL3Byb2R1Y3Qvc2V0dGxlLnBuZw?x-oss-process=image/format,png" /> </li> <li> 订单列表<br /> <img alt="orders" src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9uZXdiZWUtbWFsbC5vc3MtY24tYmVpamluZy5hbGl5dW5jcy5jb20vcG9zdGVyL3Byb2R1Y3Qvb3JkZXJzLnBuZw?x-oss-process=image/format,png" /> </li> <li> 支付页面<br /> <img alt="" src="https://img-bss.csdn.net/201909280301493716.jpg" /> </li> <li> 后台管理系统登录页<br /> <img alt="login" src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9uZXdiZWUtbWFsbC5vc3MtY24tYmVpamluZy5hbGl5dW5jcy5jb20vcG9zdGVyL3Byb2R1Y3QvbWFuYWdlLWxvZ2luLnBuZw?x-oss-process=image/format,png" /> </li> <li> 商品管理<br /> <img alt="goods" src="https://imgconvert.csdnimg.cn/aHR0cHM6Ly9uZXdiZWUtbWFsbC5vc3MtY24tYmVpamluZy5hbGl5dW5jcy5jb20vcG9zdGVyL3Byb2R1Y3QvbWFuYWdlLWdvb2RzLnBuZw?x-oss-process=image/format,png" /> </li> <li> 商品编辑<br /> <img alt="" src="https://img-bss.csdnimg.cn/202103050348242799.png" /> </li> </ul> </div> </div> </div> </div>
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值