做网站 中企动力,申请网站建设费,网站建设实战案例,代发推广百度首页包收录该博客严重偏向于GWT#xff08;和基于GWT的框架#xff09;#xff0c;但是我们牢记未来GWT可能会被其他技术所取代#xff0c;因此我们始终愿意探索其他平台/框架。 正如他们所说#xff0c;多元化可以降低风险。 每种编程语言#xff0c;甚至最奇怪的编程语言#xf… 该博客严重偏向于GWT和基于GWT的框架但是我们牢记未来GWT可能会被其他技术所取代因此我们始终愿意探索其他平台/框架。 正如他们所说多元化可以降低风险。 每种编程语言甚至最奇怪的编程语言都有其“到javascript”编译器 https : //github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS 因此GWT可以尝试学习向他人学习以便日后改善。 Scala.js一直被与GWT进行比较因为它们都使用基于JVM的语言这暗示着语法和语义上的某些相似之处。 Scala.js是Scala到javascript编译器其工作方式与GWT类似。 Scala.js具有使GWT变得有吸引力的功能的等效项例如JsInterop开发模式修剪草稿编译基本等。 我们计划在即将发布的一篇文章中与GWT进行Scala.js比较但是在此之前我们想简要介绍一下Scala.js以及如何编写一个简单的程序。 这是Scala不是Java Scala是一种面向对象的JVM语言它针对功能性编程及其内置的不变性已经引起了一些炒作。 就我个人而言我从未在Scala中编写任何“实际”应用程序因此我真的不了解该语言的所有来龙去脉。 似乎您可以使用Scala进行任何操作也可以使用Java 8进行操作反之亦然。 在检查语法差异时引起注意的一件事是Scala具有动态类型推断因此未声明变量的类型。 这可能看起来更类似于javascript并且可能会给人一种我们直接使用javascript进行编程的感觉。 Scala.js文档提供了Scala与Es6之间的比较 https ://www.scala-js.org/doc/sjs-for-js/es6-to-scala-part1.html 项目设置 初始设置非常简单。 只有一个用于scala sbt 的构建工具一个用于Scala.js的插件因此没有任何问题。 一个Scala.js项目不需要任何特殊的结构一个简单的项目结构就足够了。 NodeJs是使用Scala.js的要求。 然后可以通过运行以下命令来初始化项目 sbt new scala/scala-seed.g8 从命令行。 然后将提示您输入项目的名称版本和组织名称与Maven中的groupId等效。 然后我们需要将Scala.js依赖关系和配置添加到我们的build.sbt文件相当于pom.xml中。 我们的build.sbt文件看起来像 enablePlugins(ScalaJSPlugin)name : scalajsdemoversion : 0.1-SNAPSHOTscalaVersion : 2.11.8libraryDependencies Seq(org.scala-js %%% scalajs-dom % 0.9.1
)scalaJSUseMainModuleInitializer : true 该配置是最小的因此不需要很大的努力。 使用框架 设置项目后我们要做的就是创建一个扩展JSApp对象的入口点类。 object MyForm extends JSApp {override def main(): Unit {}
} 与DOM交互 Scala.js具有非常全面的API以与原始JS相同的方式进行DOM交互和操作。 实际上这是Scala.js的核心焦点默认情况下没有自定义ui组件来构建ui。 例如使用事件侦听器创建按钮的代码如下 val button document.createElement(button)button.textContent Click buttonbutton.addEventListener(click, { (e0: dom.Event) println(clicked)}, false)document.body.appendChild(button) 为了使用XmlHttpRequest执行HTTP请求代码如下所示 val req new XMLHttpRequest()req.open(GET, http://www.g-widgets.com/feed/)req.setRequestHeader(Access-Control-Allow-Origin, *) 假设我们要解析G-Widgets Rss feed并创建一个包含所有标题的列表然后我们将执行以下操作 val blogPostsListElement document.createElement(ul)req.onload {(e: Event) if (req.status 200) {val parser new DOMParser();val doc parser.parseFromString(req.responseText, application/xml)val titleList doc.getElementsByTagName(title)for(i - 0 to titleList.length){val listElement document.createElement(li)if(titleList.item(i) ! null){listElement.textContent titleList.item(i).textContentblogPostsListElement.appendChild(listElement)}}}}req.send();document.body.appendChild(blogPostsListElement) 到/从Javascript导出等效于JsInterop Scala.js还可以使用注释将类导出/导入到Javascript。 假设我们要在代码中使用JSON实用程序对象导入它的一种方法是 js.native
JSGlobal
object JSON extends js.Object {def parse(data: String): js.Object js.nativedef stringify(anobject :js.Object): String js.native
} 同样我们可以使用注释从JavaScript脚本中导出一些要使用的对象 JSExportTopLevel(DummyJs)
class DummyJs(val dummyValue: String) {JSExportdef getTheDummyValue(): String dummyValue
} 编译和开发模式 关于Scala.js的一件真正整洁的事情是它的编译时间短。 更改代码后重新编译.js所需的编译时间不会超过9对于这个简单的应用程序这非常令人鼓舞并且减少了挫败感。 Web服务器的选择如果需要保持打开状态。 例如带有实时重载扩展名的服务器可能会派上用场。 Scala.js提供了两种编译模式fastOptJS和fullOptJS。 当运行fastOptJS相当于GWT中的草稿模式时编译器进行的优化较少因此编译时间较短。 这是发展的理想选择。 另一方面fullOptJS使用Google的闭包编译器来生成高度紧凑和优化的.js文件。 包起来 这是对Scala.js的自以为是的介绍。 Scala.js可以提供的主要优点是没有样板的项目设置和快速的编译时间。 GWT比Scala.js更成熟并且使用更多但是GWT可以从Scala.js中学习可以减少编译时间和设置项目的样板。 另一方面一些Scala.js倡导者并不了解GWT的演变有时会对GWT能力进行不正确的评估。 例如 格雷格·多雷尔 Greg Dorell在最近的Devoxx 演讲中指出“ GWT不起作用”因为它无法为js功能提供良好的导入/导出功能。 他显然忽略了GWT还引入了JsInterop。 GWT仍然在生态系统和社区方面取胜。 我们将在以后的帖子中进行更详细的比较。 综上所述Scala.Js是开发Web应用程序的一种有吸引力的替代方法。 对于Java开发人员来说可能存在语言障碍但是学习曲线不会真的很陡峭因为Java和Scala都是JVM语言并且具有相似的概念。 完整的代码可以在这里找到 https : //github.com/zak905/scalajsdemo 翻译自: https://www.javacodegeeks.com/2017/07/overview-scala-js-gwt-developer-perspective.html
