前言

本文重要和大家讨论全网最火的4个基于Wasm的Go生态Web框架，使得开发者不用编写一行JS代码就可以写前端运行。在年终，我也确实经常使用WebAssembly将客户端运行成功移植到了Web，这也是为什么我不时对WebAssembly充溢猎奇的要素。我甚至在头条上开了一个合集《WebAssembly前沿技术》来专门讨论WebAssembly，并将继续关注WebAssembly的最新灵活。

正如大家所看到的，当咱们还在踌躇能否要在日常开发中引入WebAssembly的时刻，很多低劣的运行、工具曾经开局吃WebAssembly的红利了，而且取得了不错的成就，这或许也是为什么各个阅读器厂商、开发者如此热衷WebAssembly的要素吧。

话不多说，间接进入这几个框架的引见。

Vugu（发音为/ˈvuː.ɡuː/）是一个用Go编写并以webassembly为指标的webUI的试验库。其遭到了以wasm为指标的Go中VueJS库的启示。在Vugu的环球里，没有前端开发的那些Node.js、NPM、JS等等，也没有庞大的node_modules占用少量空间。

Vugu的典型特色包括：

Vugu框架的基本思绪如下：

目前vugu在Github上经过MIT协定开源，有超越4.6k的star，177的fork、名目经常使用量155、是一个值得关注的跨端名目。

Vecty准许开发者经常使用WebAssembly在Go中构建照应式和灵活的Web前端，与React和VueJS等现代Web框架竞争。

经过经常使用vecty框架，开发者可以享用以下诸多好处：

Vecty框架的指标是：

Vecty框架的典型特色包括：

目前Vecty在Github上经过BSD-3-Clause协定开源，有超越2.6k的star，是一个值得关注的跨端名目。

Go-app是一个用于经常使用Go编程言语(Golang)和WebAssembly(Wasm)构建渐进式Web运行程序(PWA)的软件包。UI是经过经常使用申明性语法成功的，该语法仅经过经常使用Go编程言语创立和组合HTML元素。

由于Go-app经常使用申明式语法，因此开发者只要经常使用Go编程言语即可编写可重用的基于组件的UI元素。

//经过与HTML元素组合来显示Helloworld的组件，//条件和绑定typehellostruct{app.Componamestring}func(h*hello)Render()app.UI{returnapp.Div().Body(app.H1().Body(app.Text("Hello,"),app.If(h.name!="",app.Text(h.name),).Else(app.Text("World!"),),),app.P().Body(app.Input().Type("text").Value(h.name).Placeholder("Whatisyourname?").AutoFocus(true).OnChange(h.ValueTo(&h.name)),),)}

上方经常使用Go规范HTTP模型为经常使用go-app构建的运行程序提供服务。

funcmn(){//Go-app组件路由（客户端）：app.Route("/",&hello{})app.Route("/hello",&hello{})app.RunWhenOnBrowser()//规范HTTP路由（主机端）http.Handle("/",&app.Handler{Name:"Hello",Description:"AnHelloWorld!example",})iferr:=http.ListenAndServe(":8000",nil);err!=nil{log.Fatal(err)}}

go-app框架还包括以下外围特点:

目前go-app在Github上经过MIT协定开源，有超越7k的star，400+的fork、是一个值得关注的跨端名目。

vue是WebAssembly运行程序的渐进式框架，具有以下外围特点。

比如上方的helloworld示例，main.go文件被编译为.wasmWebAssembly文件。

packagemainimport"github.com/norunners/vue"type>index.wasmgo.html文件失掉并运转一个.wasmWebAssembly文件。
本文总结
本文重要和大家引见4大顶级零JavaScriptGo框架崛起。置信经过本文的阅读，大家对vue、go-app、vecty、Vugu会有一个初步的了解。
由于篇幅有限，文章并没有过多开展，假设有兴味，可以在我的主页继续阅读，同时文末的参考资料提供了少量低劣文档以供学习。最后，欢迎大家点赞、评论、转发、收藏！
参考资料


 web前端开发是什么，所要面临的挑战有哪些


 展开全部第一大挑战还是兼容性。
  
  虽然微软已经决定将ie6安乐死，ie9/10看起来相当标准。
  
  向后兼容似乎轻松了，但向前兼容又开始越来越让人头疼了。
  
  打算搞一个web app，你会发现android上的webkit是多么混乱。
  
  在桌面浏览器上总是有css hack可以摆平，但在mobile上只能考虑退化方案。
  
  从兼容浏览器（外加套壳的浏览器）到兼容设备，实际上兼容性变得更复杂了。
  
  第二大挑战是交互的复杂度。
  
  和目前UI/交互的要求相比浏览器引擎给我们接囗的确太低级了。
  
  于是今年前端技术的热门话题是各种javascript, css的预处理器、各种mvc框架、和微框架的讨论。
  
  第三大挑战是代码可维护性。
  
  复杂度的提升直接影响代码的维护性。
  
  JS/CSS/HTML代码生命周期越来越长，也就越来越需要从代码质量、架构和工具上保证它们的可维护性。
  
  代码的历史问题是永远的痛点。
  
  第四大挑战是性能。
  
  第五大挑战是个人成长。


 什么是Vue.js框架 为什么选择它


 是一个交互性较强的前端框架，去官方中文网，首页会展示一段小视频，里面说明了的简单又基本的用法。
  
  登录前端库或GitHub，Vue的热门度，正义极快的速度增长，成为目前最流行的框架，没有之一。
  
  当然，我只是说，就目前的热门度。
  
  在实用方面，还有很多人会选择react和angular。
  
  这是我们选择Vue的一个重要的原因。
  
  Vue的上手，比react和angular轻松很多。
  
  我学习Vue基础，用了不到15天，目前还在深入了解和运用。
  
  Vue的组件再结合ES6，可以让页面维护起来更轻松。
  
  深入运用Vue的生命周期，可以最大程度的提高游览器性能和实现很多种功能。
  
  选择Vue的理由太多，我最喜欢使用Vue的组件和生命周期。
  
  但是不建议初学者去深入了解Vue的生命周期。
  
  等你学完基础，做开发，你会发现Vue的生命周期，很值得你去研究。
  
  最后，我想说，除了学好。
  
  你在后面必须学习Vue的全家桶，特别是路由(相对较难)。
  
  其他的，像vue-cli，个人认为很简单。
  
  还有一点，Vue一般用来操作单页面。