13518219792
【CSDN 编者按】“如果我们把人类文明想象成汽车的话，那么软件开发行业就相当于汽车的引擎，编程语言就像引擎的燃料。”作为一名开发者，需跟随技术潮流的发展来学习新技术。2020年，你有计划新学一门编程语言吗？
创新互联专业为企业提供辰溪网站建设、辰溪做网站、辰溪网站设计、辰溪网站制作等企业网站建设、网页设计与制作、辰溪企业网站模板建站服务，10年辰溪做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
本文作者从一名架构师的角度，详细分析了7种现代编程语言的优点与功能，你对哪门语言最感兴趣呢？
作者 | Md Kamaruzzaman，软件架构师
译者 | 弯月，责编 | 伍杏玲
封图| CSDN 下载于视觉中国
出品 | CSDN（ID：CSDNnews）
以下为译文：
如果我们把人类文明想象成汽车的话，那么软件开发行业就相当于汽车的引擎，而编程语言就像引擎的燃料。作为一名开发者，今年你应该学习哪种编程语言呢？
学习一种新的编程语言无疑是时间、精力和智力上的巨大投资， 但是学习一种新的编程语言可以提升你的软件开发技术力，促进你的职业发展。
在这里，我将献上一份现代编程语言的列表，这些语言不仅有助于提高你的生产力，而且还可以促进你的职业发展，并让你成长为更优秀的开发人员。这份列表还涵盖了非常广泛的领域：系统编程、应用程序开发、Web开发、科学计算等。
什么是现代编程语言？
“现代编程语言”这个说法本身就很含糊。许多人认为Python和JavaScript等语言是现代编程语言，还认为Java是一种古老的编程语言。实际上，这几种语言大约在同一时间出现：1995年。
大多数主流编程语言是上个世纪开发的：七十年代（如C）、八十年代（如C ++）、九十年代（如Java、Python、JavaScript）。这些语言在设计上并没有考虑现代软件开发生态系统：多核CPU、GPU、快速的互联网、移动设备、容器和云等。尽管许多语言中的许多功能都已进行一些改进，如并发等，而且在不断调整自己以适应时代，但它们依然保留了向后兼容性，无法抛弃那些过时的旧功能。
在这方面，Python就做得很好（某种意义上也未必是好事），Python 2和Python 3两者之间有明确的分界线。很多语言常常会为解决同一个问题提供十余种的方法，同时又没有顾及到开发人员的感受。根据StackOverflow的开发人员调查，大多数旧时的主流编程语言在“最可怕的语言”排名都名列前茅：
如果非要在新旧编程语言之间划个界限的话，那么应该是2007年6月29日，也就是第一台iPhone发行的时候。在这之后，编程语言界发生了很大变化。因此，在本文的列表中，我只考虑2007年以后的编程语言。
为什么要学习新语言？
首先，现代编程语言充分利用现代计算机硬件（多核CPU、GPU、TPU）、移动设备、大量数据、高速互联网、容器和云的优势。大多数现代编程语言会关注开发人员的体验，比如：
简洁明了的代码（减少样板代码）
内置的并发支持
空指针安全
类型推断
简洁的功能集
降低学习难度
融合所有编程范例的最佳功能
本文列表的许多编程语言都带有革命性地变化，并将永久地改变软件行业。一些已成为主流编程语言，还有一些则有望取得突破。因此选择这些语言作为第二种编程语言是明智的做法。
Rust
一直以来，系统编程语言环境主要由靠近硬件的语言（如C、C ++等）主导。尽管它们可以完全控制程序和硬件，但是它们缺乏内存安全性。即使它们支持并发，使用C/C ++编写并发程序也很困难，因为没有并发安全性。还有一些流行的编程语言是解释性语言，例如Java、Python、Haskell。这些语言具备安全性，但需要庞大的运行时或虚拟机。由于它们的运行时间长，因此Java等语言不适合于系统编程。
许多人曾尝试将C/C ++的功能与Java、Haskell的安全性相结合。然而，Rust才是第一个成功实现了这一点的编程语言。
Graydon Hoare在业余项目中开发出了Rust，他的灵感来自研究编程语言Cyclone。Rust是开源的，由Mozilla与许多其他公司和社区一起领导这门语言的开发。Rust于2015年首次发布，并很快引起了社区的关注。
主要特征：
通过所有权和借用概念提供内存安全和并发安全。
内存安全和并发安全在编译时确保，即如果程序代码可以编译，那么内存既安全又没有数据竞争。这是Rust最吸引人的功能。
它还提供了Haskell中元编程的表现力。凭借不可变的数据结构和功能编程功能，Rust提供了功能并发和数据并发。
Rust的速度非常快，纯Rust的性能甚至优于纯C。
在没有运行时的情况下，Rust可以完全控制现代硬件（TPU、GPU、多核CPU）。
Rust具有LLVM支持。因此，Rust提供一流的与WebAssembly的互操作性，而且Web代码也非常快。
流行度：
自2015年首次亮相以来，Rust已被开发人员广泛接受，并在StackOverflow开发人员调查中连续四年（2016、2017、2018、2019）被评选为最受欢迎的语言：
根据GitHub Octoverse的调查，Rust是运行速度第二快的语言，仅次于Dart：
此外，根据编程语言流行度排名网站PyPl的数据，Rust排名第18位，并呈上升趋势：
对比Rust提供的功能集，我们就会明白为什么微软、亚马逊、Google等科技巨头相继宣布投资Rust作为一种长期的系统编程语言。
根据Google统计的趋势，在过去的5年中，Rust的热度每年都在增加。
主要用途：
系统编程
Serverless 计算
商业应用
主要竞争对手：
C
C++
Go
Swift
Go
在本世纪初，Google面临两个扩展问题：开发扩展和应用程序扩展。开发扩展问题指的是他们不能仅通过投入开发人员的方式来添加更多功能。应用程序扩展问题则指他们无法开发出一款能够扩展到Google级别的计算机集群的应用程序。
所以在2007年左右，Google创建了一种新的编程语言，用于解决这两个扩展问题。两位才华横溢的Google软件工程师Rob Pike（UTF-8）和Ken Thompson（UNIX OS）创建了一种新语言。
2012年，Google正式发布了第一版的Go编程语言。Go是一种系统编程语言，但与Rust不同，它还具有Runtime和垃圾收集器（几兆字节）。但是与Java或Python不同，这个Runtime包含了生成的代码。最后，Go生成了一个本地的二进制代码，可以在没有附加依赖项或运行时的情况下在计算机中运行。
主要特征：
Go具有一流的并发支持。Go不通过线程和锁提供“共享内存”并发性，因为编程难度太大。相反，它提供了基于CSP的消息传递并发性（基于Tony Hoare的论文）。Go使用“ Goroutine”（轻量级绿色线程）和“ Channel”进行消息传递。
Go最大的杀手级功能是：简单，它是最简单的系统编程语言。新手软件开发人员只需几天就可以编写高效的代码，就像Python一样。有些大规模的云原生项目（如Kubernetes、Docker）都是用Go编写的。
Go还内置了垃圾收集器，这意味着开发人员无需担心C/C++中的内存管理问题。
Google投入了大量资金打造Go。因此Go拥有大量的工具支持。新手Go开发人员拥有大量的工具生态系统。
一般，开发人员80%的时间都花在了维护现有代码上，用于编写新代码的时间只占20%。由于其简单性，Go在语言维护方面表现出色。如今，Go在业务应用程序中大量使用。
流行度：
Go一问世就受到了软件开发社区热烈的欢迎。2009年-2018年，Go一直在TIOBE编程语言排行榜上徘徊。Go的成功为Rust等新一代编程语言铺平了道路。
如今，Go已是主流编程语言。最近，Go团队宣布了有关“Go 2”的消息，这门编程语言的发展会更加稳固。
几乎在所有的流行编程语言排行榜中，Go的排名都很高，已超过许多现有的语言。自2019年12月以来，在TIOBE指数排名中，Go名列第15位：
根据StackOverFlow的调查，十大最受喜爱的编程语言中，Go也位列其中：
此外，根据GitHub的数据，Go也是十大发展最迅速的语言之一：
Google趋势显示，在过去的5年中，Go的热度每年都在增加。
主要用途：
系统编程
Serverless 计算
商业应用
云原生开发
主要竞争对手：
C
C++
Rust
Python
Java
Kotlin
Java 是企业软件开发领域无可争议的王者。近年来，Java受到了一些负面评论：过于冗长，大量样板代码，容易出现意外的复杂性。但是，关于Java虚拟机（JVM）的争论却很少。JVM是软件工程的杰作，经过了时间的考验，提供了硬核的runtime。
多年来，Scala等JVM语言一直在努力克服Java的缺点，想成为更好的Java，但他们都失败了。最终，这场提升Java的探索以Kotlin的诞生结束。Jet Brains（流行的IDE IntelliJ背后的公司）开发了Kotlin，它可以在JVM上运行，克服了Java的很多缺点，提供许多现代功能。
与Scala不同的是，Kotlin比Java更简单，还可在JVM中提供与Go或Python开发人员同等的生产力。
Google宣布Kotlin是一流的Android应用开发语言，因此Kotlin在社区中的接受度得到了大幅提高。自2017年以来，同样受欢迎的Java Enterprise框架Spring也开始支持Kotlin。我曾尝试结合Kotlin与Reactive Spring使用，体验非常棒。
主要特征：
Kotlin的主要卖点在于其语言设计。我总是将Kotlin视为JVM上的Go/Python，因为它简洁明了的代码。因此，Kotlin的生产力很高。
与许多其他现代语言一样，Kotlin提供了Null指针、安全性、类型推断等功能。
由于Kotlin也运行在JVM中，因此现有Java库庞大的生态系统都可供使用。
Kotlin是一流的Android应用开发语言，并且已经超过Java，成为开发Android应用的首选。
Kotlin得到了JetBrains和Open Source的支持，因此具有出色的工具支持。
Kotlin有两个有趣的项目：Kotlin Native（将Kotlin编译为原生代码）和kotlin.js（Kotlin到JavaScript）。如果成功，则可以在JVM外部使用Kotlin。
Kotlin还提供了一种简单的方式来编写DSL（域特定语言）。
流行度：
自2015年首次发布以来，Kotlin的知名度不断飙升。根据Stack Overflow，Kotlin是2019年第四大最受欢迎的编程语言：
Kotlin还是增长最快的编程语言之一，排名第四：
在流行编程语言排名网站PyPl的排名中，Kotlin名列第十二名，并具有较高的上升趋势：
自从Google宣布Kotlin是一流的Android应用开发语言以来，Kotlin的流行趋势出现了大幅上涨，如下所示：
主要用途：
企业应用程序
主要竞争对手：
TypeScript
JavaScript是一门优秀的编程语言，在2015年之前，JavaScript有很多缺点。著名的软件工程师Douglas Crockford写了一本书名为《JavaScript: The Good Parts》，暗示了JavaScript有很糟的部分。无模块化，还有“回调地狱”，因此开发人员都不喜欢维护特别大的JavaScript项目。
Google甚至还开发了一个平台，可将Java代码反编译为JavaScript代码（GWT）。许多公司和个人都曾尝试开发更好的JavaScript，例如CoffeeScript、Flow、ClojureScript。最终，微软的TypeScript取得了成功。
微软的一队工程师在著名的Anders Hejlsberg的带领下，创建了JavaScript的静态类型、模块化超集——TypeScript。
TypeScript可以编译为JavaScript。于2014年首次发布后，TypeScript很快引起了社区的关注。Google当时还计划开发JavaScript的静态类型超集。Google对TypeScript青睐有加，以至于他们没有开发新的语言，而是选择与微软合作改进TypeScript。
Google选择TypeScript作为其SPA框架Angular 2+的主要编程语言。此外，流行的SPA框架React也提供对TypeScript的支持。另一个流行的JavaScript框架Vue.js也宣布将使用TypeScript开发新的Vue.js 3：
另外，node.js的创建者Ryan Dahl已决定使用TypeScript来开发安全的Node.js替代品Deno。
主要特征：
流行度：
开发人员喜欢TypeScript的优雅语言设计。在StackOverFlow最受欢迎的语言类别的调查中，TypeScript与Python并列第二名：
根据GitHub的排名，TypeScript是增长最快的编程语言之一，排名第五：
从GitHub的贡献度来看，TypeScript排名第七，打进了前十：
Google的趋势表明，在过去的几年中，TypeScript的热度越来越高：
主要用途：
主要竞争对手：
Swift
当初乔布斯拒绝在iOS中支持Java（和JVM），他认为Java不再是主流编程语言。如今我们发现乔布斯当初的估计是错的，虽然iOS仍然不支持Java。苹果选择了Objective-C作为iOS中的首选编程语言。Objective-C是一门很难掌握的语言，它不支持现代编程语言所要求的高生产力。
后来，苹果的Chris Lattner和其他人开发了一种多范例、通用的、编译编程语言——Swift，来替代Objective-C。Swift的第一个稳定版本于2014年发布。Swift还支持LLVM编译器工具链（也由Chris Lattner开发）。Swift与Objective-C代码库具有出色的互操作性，并且已确立为iOS应用开发中的主要编程语言。
主要特征：
流行度：
开发人员对Swift的喜爱不亚于许多其他现代编程语言。根据StackOverflow的调查，Swift在最受欢迎的编程语言中排名第六：
2019年，在TIOBE的编程语言排名中，Swift的排名上升到了第10名。鉴于这种编程语言只有5年的历史，可以说是成绩斐然：
Google的趋势表明，在过去的几年中，Swift的热度出现了激增：
主要用途：
主要竞争对手：
Dart
Dart是Google出品的第二大编程语言。Google是Web和Android领域的巨头，因此Google在Web和应用领域开发自己的编程语言也不足为奇。在丹麦软件工程师Lars Bak（领导Chrome的 JavaScript V8引擎开发）的带领下，Google于2013年发布了Dart。
Dart是一种通用编程语言，支持“强类型”和“面向对象”编程。Dart也可以转编译为JavaScript，凡是JavaScript可以运行的任何地方（例如Web、移动、服务器）几乎都可以运行 Dart。
主要特征：
流行度：
根据GitHub Octoverse数据显示，Dart是2019年增长最快的编程语言，去年它的流行度增长了五倍：
根据TIOBE指数显示，Dart排名第23，仅用了4年时间就超过了很多其他的现代编程语言：
根据StackOverflow的调查，Dart在最受欢迎的编程语言中排名第12：
受Flutter的影响，Google的趋势表明，在过去的两年中，Dart的热度急剧上升：
主要用途：
主要竞争对手：
Julia
本文提及的大多数编程语言都是由大型公司开发的，但Julia是个例外。科技计算领域通常都会使用动态语言，例如Python、Matlab。虽然这些语言提供易于使用的语法，但不适用于大规模的科技计算。他们需要使用C/C ++库执行CPU密集型任务，因此这就产生了著名的“两种语言”的问题，因为他们需要粘合代码来绑定两种语言。由于编写的代码需要在两种语言之间来回切换，因此总是会损失部分性能。
为了解决这个问题，麻省理工学院的一队研究人员计划从头开始创建一种新的语言，这种语言既可以利用现代硬件的优势，而且还结合其他语言的优势。于是，Julia诞生了。
Julia是一种动态的高级编程语言，提供一流的并发、并行和分布式计算支持。Julia的第一个稳定版本于2018年发布，并很快受到社区和行业的关注。Julia可用于科学计算、人工智能和许多其他领域，而且还可以解决“两种语言”的问题。
主要特征：
流行度：
Julia在许多领域主要与Python竞争。由于Python是最流行的编程语言之一，因此Julia想晋升主流还需要几年的时间。
虽然Julia非常新（只有一岁），但仍在TIOBE指数中排到第43名：
Google趋势显示，在过去的一年中，Julia的热度在稳步增长：
但是考虑到Julia的功能集，以及NSF、DARPA、NASA、因特尔等公司的推动，相信Julia取得突破的进展只是时间的问题。
主要用途：
主要竞争对手：
原文链接：
本文为 CSDN 翻译，转载请注明来源出处。
【End】
Python
Matlab
科学计算
高性能计算
数据科学
可视化
与Rust一样，Julia的主要特征在于语言的设计。这种语言在不牺牲性能的情况下，将高性能和科学计算中现有编程语言的一些功能结合在一起。就目前的情况来看，Julia出色地完成了这项任务。
Julia是一种动态编程语言，支持类型系统但类型不是必须的。因此，Julia这种编程语言很容易学习，生产力很高。
Julia的核心是多调度编程范例。
Julia内部支持并发、并行和分布式计算。
Julia为I/O密集型任务提供异步I/O。
Julia的运行速度非常快，可用于需要数百万个线程的科学计算。
JavaScript
TypeScript
应用开发
UI开发
与Go一样，Dart也非常注重开发人员的工作效率。由于Dart简洁的语法，以及高效的生产力，受到开发人员的喜爱。
Dart还提供“强类型”和“面向对象”编程。
Dart是少数同时支持JIT编译（运行时编译）和AOT编译（创建时编译）的编程语言之一。因此，Dart可以针对JavaScript运行时（V8引擎），并且Dart可以编译为快速的原生代码（AOT编译）。
跨平台原生应用程序开发平台Flutter选择了Dart作为开发iOS和Android应用的编程语言。从那以后，Dart的流行度越来越高。
与Goog的Go编程语言一样，Dart也具有出色的工具支持和庞大的Flutter生态系统。Flutter的日益普及也会推动Dart的采用率升高。
Objective-C
Rust
Go
iOS应用开发
系统编程
客户端开发（通过WebAssembly）
Swift的杀手级功能之一是其语言设计。语言本身很简单，语法简洁，比Objective-C更高效。
Swift还提供了现代程序语言的功能：null安全。此外，它还提供了语法糖来避免“厄运金字塔”。
作为一种编译语言，Swift和C++一样快。
Swift支持LLVM编译器工具链。因此，我们可以在服务器端编程，甚至浏览器编程（使用WebAssembly）中使用Swift。
Swift提供了自动引用计数（ARC）支持，可抑制内存管理的不善。
JavaScript
Dart
Web UI开发
服务器端开发
与Go或Kotlin同样，TypeScript的主要特征也是语言设计。TypeScript凭借其简洁明快的代码，成为了目前最优雅的编程语言之一。就开发人员的生产力而言，它与JVM或Go/Python上的Kotlin并驾齐驱。TypeScript是生产力最高的JavaScript超集。
TypeScript是JavaScript的强类型超集，特别适合大型项目，而且可以称为“可扩展的JavaScript”。
单页应用程序框架的“三巨头”（Angular、React、Vue.js）为TypeScript提供了出色的支持。在Angular中，TypeScript是首选的编程语言。在React和Vue.js中，TypeScript越来越受欢迎。
最大的两家技术巨头：微软和Google正在合作开发由活跃的开源社区支持的TypeScript。因此，TypeScript拥有最好的工具支持。
由于TypeScript是JavaScript的超集，因此凡是可以运行JavaScript的任何地方都可以运行TypeScript，包括浏览器、服务器、移动设备、物联网设备和云。
Java
Scala
Python
Go
GC 与 mutator 线程并发运行，允许多个 GC 线程并行运行
GC 是一个使用写屏障的并发标记和清除。
GC 是非分代的，非紧凑的。
Allocation 是按照大小隔离每个 P 分配的区域来完成的，以在消除常见情况下的锁的同时，最小化碎片。
了解 GC 的好地方，可以从 Richard Jones 的 gchandbook.org 开始。
1. GC 执行清除终止
a. Stop the world ，这将导致所有 P 达到 GC 安全点。
b. 清除任何未清除过的 spans ，只有在预期时间之前强制执行此 GC 周期时，才会有未清除的 span 。
2. GC 执行标记阶段
a. 准备标记阶段，将 gcphase 设置为 _GCmark （从 _GCoff 开始），启用写屏障，启用 mutator assist ，并对根标记作业进行排队。
在所有 P 都启用写屏障之前，不会扫描任何对象，这是使用 STW 完成的。
b. Start the world ，从现在开始，GC 工作由调度器启动的 标记worker 和作 为 allocation 的一部分执行的 assists 来完成。
写屏障将覆写的指针和任何指针写的新指针值都着色。
新分配的对象立即被标记为黑色。
c. GC 执行根标记作业。包括： 扫描所有栈 ， 着色所有全局变量 ，以及 着色堆外运行时数据结构中的任何堆指针 。
扫描栈会停止goroutine，对goroutine栈中找到的任何指针进行着色，然后恢复goroutine。
d. GC 耗尽灰色对象的工作队列，将每个 灰色 对象扫描为 黑色 ，并对在该对象中找到的所有指针进行着色（反过来可能会将这些指针添加到工作队列中）。
e. 由于 GC work 分散在本地缓存中，因此 GC 使用 分布式终止算法 来检测何时不再有根标记作业或灰色对象（参见 gcMarkDone 函数）。
此时，GC 状态转换到标记终止（ gcMarkTermination ）。
3. GC 执行标记终止 gcMarkTermination
a. Stop the world
b. 将 gcphase 设置为 _GCmarktermination ，并禁用 workers 和 assists。
c. 进行内务整理，如 flushing mcaches
4. GC 执行清除阶段
a. 准备清除阶段，将 gcphase 设置为 _GCoff ，设置清除状态并禁用写屏障。
b. Start the world ，从现在开始，新分配的对象是白色的，如有必要，在使用 spans 前 allocating 清除 spans 。
c. GC 在后台进行 并发清除 并响应 allocation ，见下面的描述。
5. 当分配足够时，重复上面 1 开始的步骤，参见下面关于 GC rate 的讨论。
清除阶段与正常程序执行并发进行。
在后台 goroutine 中，堆被惰性（当 goroutine 需要另一个 span 时）且并发地逐个 span 扫描（这有助于不是 CPU bound 的程序）。
在 STW 标记终止 的结尾，所有的 span 都被标记为 需要清除 。
后台清除器 goroutine 简单地逐个清除 span 。
为了避免在存在未清除的 span 时请求更多的 OS内存 ，当 goroutine 需要另一个 span 时，它首先尝试通过清除来回收这些内存。
当 goroutine 需要分配一个新的 小对象span 时，它会清除相同大小的小对象 span ，直到释放至少一个对象为止。
当 goroutine 需要从堆中分配 大对象span 时，它会清除 span ，直到将至少那么多页面释放到堆中。
有一种情况，这可能是不够的：如果 goroutine 清除并释放两个不相邻的 单页span 到堆中，那么它将分配一个新的 双页span ，但是仍然可以有其他 单页未清除的span ，可以组合成 双页的span 。
确保在未清除的 span 上不进行任何操作（这会破坏 GC 位图中的标记位）至关重要。
在 GC 期间，所有 mcache 都被刷新到 中央缓存 中，因此它们是空的。
当一个 goroutine 抓取一个新的 span 到 mcache 时， goroutine 会清除 mcache 。
当 goroutine 显式释放对象或设置 finalizer 时，goroutine 确保 span 已经清除（通过清除或者等待并发清除完成）。
finalizer goroutine 仅在所有 span 已经清除时才开始。
当下一次 GC 启动时，它将清除所有尚未清除的 span （如果有的话）。
下一次 GC 是在我们分配了与已经使用的内存成正比的额外内存量之后。
该比例由 GOGC 环境变量控制（默认为 100 ）。
如果 GOGC=100 ，而我们使用的是 4M ，那么当达到 8M 时，我们将再次进行 GC（此标记在 next_gc 变量中被跟踪）。
获取 GOGC ：
这使得 GC成本 与 allocation 成本 成线性比例。
调整 GOGC 只会改变线性常量（以及使用的额外内存量）。
为了防止在扫描大型对象时出现长时间的暂停，并提高并行性，垃圾收集器将大于 maxObletBytes 的对象的扫描作业分解为最多 maxObletBytes 的 oblets 。
当扫描遇到大对象时，它只扫描第一个 oblet ，并将其余 oblets 作为新的扫描作业排队。
Vue.js很简单。正因为如此简单，人们常常认为其适合于小项目。虽然真正的Vue.js核心知识只是一个视图层库，实际上有一组工具，将使您能够使用Vue.js构建完整的大规模SPA（单页应用程序）。SPA应用可以在不完全重新加载网页，产生一个更流畅的用户体验到的用户交互响应。还有好的副作用，SPA还鼓励后端专注于展示数据端点，这使得整体架构更加分离，并且对于其他类型的客户端可能是可重用的。从开发人员的角度来看，SPA和传统的后端呈现应用程序之间的主要区别是，我们必须将客户端视为具有自己架构的应用程序。通常，我们需要处理路由，数据获取和持久性，查看渲染和必要的构建设置，以便于模块化代码库。对于基于Vue.js的SPA，下面工具将帮助你：1.视图层：Vue.js2.路由：vue-router，Vue的官方路由器3.状态管理：vuex，受Flux/Redux启发的状态管理解决方案4.服务通讯：vue-resource这是和RESTful后端交互的接口5.构建工具：Webpack和vue-loader进行模块 热刷新ES2015和预处理器等重要的组件视图层本系列假设您已经熟悉Vue.js的基础知识，将Vue.js用于大型SPA时的核心概念是：将应用程序分为许多嵌套的自定义组件。在数据流的组件熟悉props和通讯定义事件直接进行平衡设计，将复杂组件切分为小型解耦的单元，更易于维护。路由器官方VUE路由器库处理客户端的路由，同时支持哈希模式和HTML5的历史模式。它与独立路由库有点不同，它与Vue.js深度集成，并假设我们将嵌套路由映射到嵌套Vue组件。当使用vue-router时，我们将组件作为“pages”实现，使用这些组件能够实现党路由变化时，钩子函数被调用。状态管理状态管理是只有当应用程序复杂性超过一定水平时才出现。当有多个组件需要共享可变的应用程序状态时，如果您的应用程序中没有专用于管理此类共享状态的层，则可能很难推理和维护。服务器通信在本案例中，我们会使用RESful后端，这是一个Go语言编写的 go-vue-event项目构建工具首先，整个编译工具链依靠的Node.js ，管理所有使用库包和工具依赖NPM 。 虽然NPM开始是Node.js后端模块的包管理器，但它现在也广泛用于前端包管理。 因为所有NPM包是使用CommonJS模块格式创建的，我们需要一个特殊的工具将这些模块“捆绑”到适合最终部署的文件中。 Webpack就是这样一个工具，你可能也听说过一个类似的工具Browserify。我们将使用Webpack的系列，因为它提供了更多的高级功能开箱即用，如热重新加载，bundle-splitting和静态文件处理。无论WebPACK中和Browserify它们暴露的API，使我们能够装载更多的CommonJS的模块：例如，我们可以直接require()的HTML文件通过将其转化成一个JavaScript字符串。通过将你的前端的一切，包括HTML，CSS甚至图像文件看作为模块依赖，可以在捆绑过程中任意转换，Webpack实际上涵盖了构建SPA时遇到的大多数构建任务。 我们主要是要使用WebPACK和普通 NPM脚本 ，而不需要 任务运行器如Gulp或Grunt。使用vue-loader 激活单页中Vue组件：//app.vue template h1 class="red"{{msg}}/h1 /template export default{ data(){ return{ msg:'Hello world!' } } } style .red{ color:#f00; } /style WebPACK和vue-loader组合能带来：：1.默认情况下ES2015。 这允许我们今天使用未来的JavaScript语法，产生更具表达性和简洁的代码。2.预埋处理器 。 您可以在单文件Vue组件中使用预处理器，例如使用Jade作为模板，使用SASS作为样式。3.Vue组件内部CSS输出将自动加前缀。 您也可以使用任何PostCSS插件，如果你喜欢。4.作用域CSS。 通过增加一个scoped属性添加到style ，VUE-loader将通过重写模板和样式模拟输出，特定组件的范围内的CSS不会影响应用程序的其他部分。5.热刷新 。在开发过程中编辑Vue组件时，组件将“热切换”到正在运行的应用程序中，在不重新加载页面的情况下维护应用程序状态。 这极大地提高了开发体验。开始设置现在有了所有这些花哨的功能，对于自己组装构建栈可能是一个非常艰巨的任务！ 幸运的是，Vue公司提供vue-cli ，一个命令行界面，十分容易上手：npm install -g vue-cli vue init webpack my-project 回答提示，CLI具有开箱即用特点。 所有你需要做的下一步是：cd my-project npm install # install dependencies npm run dev # start dev server at localhost:8080 以上所述是小编给大家介绍的使用Vue.js创建一个时间跟踪的单页应用，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
Vue.js很简单。正因为如此简单，人们常常认为其适合于小项目。虽然真正的Vue.js核心知识只是一个视图层库，实际上有一组工具，将使您能够使用Vue.js构建完整的大规模SPA（单页应用程序）。SPA应用可以在不完全重新加载网页，产生一个更流畅的用户体验到的用户交互响应。还有好的副作用，SPA还鼓励后端专注于展示数据端点，这使得整体架构更加分离，并且对于其他类型的客户端可能是可重用的。从开发人员的角度来看，SPA和传统的后端呈现应用程序之间的主要区别是，我们必须将客户端视为具有自己架构的应用程序。通常，我们需要处理路由，数据获取和持久性，查看渲染和必要的构建设置，以便于模块化代码库。对于基于Vue.js的SPA，下面工具将帮助你：1.视图层：Vue.js2.路由：vue-router，Vue的官方路由器3.状态管理：vuex，受Flux/Redux启发的状态管理解决方案4.服务通讯：vue-resource这是和RESTful后端交互的接口5.构建工具：Webpack和vue-loader进行模块 热刷新ES2015和预处理器等重要的组件视图层本系列假设您已经熟悉Vue.js的基础知识，将Vue.js用于大型SPA时的核心概念是：将应用程序分为许多嵌套的自定义组件。在数据流的组件熟悉props和通讯定义事件直接进行平衡设计，将复杂组件切分为小型解耦的单元，更易于维护。路由器官方VUE路由器库处理客户端的路由，同时支持哈希模式和HTML5的历史模式。它与独立路由库有点不同，它与Vue.js深度集成，并假设我们将嵌套路由映射到嵌套Vue组件。当使用vue-router时，我们将组件作为“pages”实现，使用这些组件能够实现党路由变化时，钩子函数被调用。状态管理状态管理是只有当应用程序复杂性超过一定水平时才出现。当有多个组件需要共享可变的应用程序状态时，如果您的应用程序中没有专用于管理此类共享状态的层，则可能很难推理和维护。服务器通信在本案例中，我们会使用RESful后端，这是一个Go语言编写的 go-vue-event项目构建工具首先，整个编译工具链依靠的Node.js ，管理所有使用库包和工具依赖NPM 。 虽然NPM开始是Node.js后端模块的包管理器，但它现在也广泛用于前端包管理。 因为所有NPM包是使用CommonJS模块格式创建的，我们需要一个特殊的工具将这些模块“捆绑”到适合最终部署的文件中。 Webpack就是这样一个工具，你可能也听说过一个类似的工具Browserify。我们将使用Webpack的系列，因为它提供了更多的高级功能开箱即用，如热重新加载，bundle-splitting和静态文件处理。无论WebPACK中和Browserify它们暴露的API，使我们能够装载更多的CommonJS的模块：例如，我们可以直接require()的HTML文件通过将其转化成一个JavaScript字符串。通过将你的前端的一切，包括HTML，CSS甚至图像文件看作为模块依赖，可以在捆绑过程中任意转换，Webpack实际上涵盖了构建SPA时遇到的大多数构建任务。 我们主要是要使用WebPACK和普通 NPM脚本 ，而不需要 任务运行器如Gulp或Grunt。使用vue-loader 激活单页中Vue组件：//app.vue template h1 class="red"{{msg}}/h1 /template export default{ data(){ return{ msg:'Hello world!' } } } style .red{ color:#f00; } /style WebPACK和vue-loader组合能带来：：1.默认情况下ES2015。 这允许我们今天使用未来的JavaScript语法，产生更具表达性和简洁的代码。2.预埋处理器 。 您可以在单文件Vue组件中使用预处理器，例如使用Jade作为模板，使用SASS作为样式。3.Vue组件内部CSS输出将自动加前缀。 您也可以使用任何PostCSS插件，如果你喜欢。4.作用域CSS。 通过增加一个scoped属性添加到style ，VUE-loader将通过重写模板和样式模拟输出，特定组件的范围内的CSS不会影响应用程序的其他部分。5.热刷新 。在开发过程中编辑Vue组件时，组件将“热切换”到正在运行的应用程序中，在不重新加载页面的情况下维护应用程序状态。 这极大地提高了开发体验。开始设置现在有了所有这些花哨的功能，对于自己组装构建栈可能是一个非常艰巨的任务！ 幸运的是，Vue公司提供vue-cli ，一个命令行界面，十分容易上手：npm install -g vue-cli vue init webpack my-project 回答提示，CLI具有开箱即用特点。 所有你需要做的下一步是：cd my-project npm install # install dependencies npm run dev # start dev server at localhost:8080 以上所述是小编给大家介绍的使用Vue.js创建一个时间跟踪的单页应用，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
