54

web前端是编程语言中更新迭代最快的,2019年你变强了,也秃了

 5 years ago
source link: https://www.tuicool.com/articles/MziIRjZ
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

本文盘点2019年比较热的技术点,大家好根据前端发展趋势对自己的技术栈做一定规划,抓住重点。

本文主要聊以下几个技术点:

  • Vue, React, Angular
  • WebAssembly,PWA
  • 小程序
  • Flutter
  • Webpack ,CLI工具
  • TypeScript

1、Vue, React, Angular

Bjyqmuy.jpg!web

MFRvmur.jpg!web

eQbmIjA.jpg!web

Vue 在 2018、2019 年继续增长,其在 GitHub Stars 已经超过了 React ,国内公司更喜欢 Vue。

虽然 Angular 与 React 和 Vue 等库相比,粉丝较少,但它仍然是专业项目的热门选择。

无论是Vue3.0, React16.8 ,还是angular 8 , 在技术方面,三大框架趋于稳定,都是奔着更快、更小、更易维护、更易于原生,开发者更爽的目标发展,写法上也越来越像。

ze2eYrN.jpg!web

2、WebAssembly

y6jIVnu.jpg!web

WebAssembly 旨在通过提供在 web 上运行二进制格式,最大限度地提高性能,减小文件大小,并支持多种语言的 web 开发, 所有主流浏览器都已经支持。

WebAssembly结合日渐成熟的WebGL技术,使得大型的游戏等应用迁移到浏览器将逐渐成为可能.

随着基础的到位和不断推动改进的Web体验,WebAssembly将开始看到更多的应用。

3、PWA

PWA使用多种技术来增强web app的功能,能够模拟一些原生功能,比如通知推送,能使web应用具有离线功能和无缝的移动/桌面体验。

(1) 移动端 :PWA能够取得媲美 Native APP 的性能, PWA 本质上是 Web App,借助一些新技术也具备了 Native App 的一些特性,兼具 Web App 和 Native App 的优点。

(2) 桌面端Google 、微软 接下来会大力推进 PWA 桌面版 ,Web 应用将在桌面达到近乎原生的体验。

PWA 将会改变前端与移动端之间的格局,再加上WebAssembly 为 JS 带来的性能上的突破,JavaScript 将应用所有领域,从移动端、到桌面应用、物联网、VR、AR、游戏等 。

J3Y77bY.jpg!web

4、小程序依然火爆

eqmqAje.jpg!web

微信小程序的下一步计划,支持 NPM、小程序云、可视化编程、支持分包等,除了微信小程序之外,还有头条、支付宝、百度都出了各家的小程序。

5G 时代很快就到了,在网速、内存和 CPU 更高的情况下,小程序的加载会更快,达到秒开,小程序将会有更广泛的应用。

5、Flutter

J32AveA.jpg!web

作为谷歌的开源移动UI框架,Flutter可以快速在iOS和Android上构建高质量的原生用户界面,今年,Google I/O 大会宣布了 flutter 支持 web 开发。

flutter 目前的目的就是全平台开发, 一套代码同时运行在 iOS 、Android、web和桌面端

6、Webpack

iAFfqar.jpg!web

Webpack作为前端工程化中重要的一项热门工具,将前端各种资源(包括CSS及其预编译方案、JS及其预编译方案)统一打包为.js文件和资源文件(图片),Webpack历经4个版本,不断改进,即将发布V5版本。

Webpack5 的一些变化

  • 删除了Webpack 4已弃用的功能,迁移到Webpack 5时,请确保不显示弃用警告;
  • 删除了自动Node.js polyfill;
  • 使用持久化缓存提高构建性能;
  • 使用更好的算法和默认值改进长期缓存;
  • 清理内部结构而不引入任何破坏性的变化;
  • 引入一些breaking changes,以便尽可能长的使用v5版本。

7、CLI工具继续火爆

各种管理工具的CLI包的创建,让开发人员不必花好几天去纠结配置的问题,专注于应用程序和业务逻辑,几个框架的CLI工具主要如下:

jIziUfv.jpg!web

Angular CLI:

Vue CLI:

Create React App 2

还有其他的一些框架:Next.js(SSR for React),Nuxt.js(SSR for Vue),React Native的Expo CLI。

2019 年, 各CLI 也会有更多的改进及优化。

8、TypeScript将继续发展,也许是Javascript的未来

JavaScript因没有静态类型变量而饱受争议, 试图解决这个问题的主要库有TypeScript、Flow、Reason、PureScript、Elm。

TypeScript 提供了可选的静态类型和业界认可的类( ES5+ 也支持)、泛型、封装、接口面向对象设计能力,以提升 JavaScript 的面向对象设计能力。

相比其他,TypeScript更流行一些, Angular 和 Vue 都采用了 TypeScript,并将其作为开发者社区的标准 ,2019 年 TypeScript 将有非常大的增长。

对于开发者而言,唯一不变的就是学习能力,掌握了学习能力就能够应对这些趋势变化,祝大家2019技术进步!


Recommend

  • 62

    有问题,上知乎。知乎是中文互联网知名知识分享平台,以「知识连接一切」为愿景,致力于构建一个人人都可以便捷接入的知识分享网络,让人们便捷地与世界分享知识、经验和见解,发现更大的世界。

  • 71

    程序员 - @HarveyLiu - 不谈论,简洁问题,也不管静态,动态问题,只谈论写起来是否舒服,有没有违和感。

  • 35

    [译] 编程语言中的 6 种内存模型(2016) Published at 2019-11-09 | Last Update 2019-11-09 本文翻译自一篇英文博客 The memory models th...

  • 67
    • developer.51cto.com 5 years ago
    • Cache

    2019年流行的8种编程语言和框架

    2019年流行的8种编程语言和框架 - 51CTO.COM 2019年流行的8种编程语言和框架 我们来看看2019年根据各种统计和事实寻找的8种优秀编程语言和框架的列表。 ...

  • 26
    • www.infoq.cn 5 years ago
    • Cache

    编程语言中的 6 个有趣特性

    Java 是一门不断发展的语言,这是一件好事。然而,其他语言的一些特性也是值得研究的。语言的结构是人们思考问题的方式,也是人们设计解决方案的方式。学习或至少熟悉其他语言是借鉴其设计的好方法。 Java 是我学习的第一门语言并...

  • 12
    • hiberabyss.github.io 2 years ago
    • Cache

    编程语言中的闭包

    闭包是现代的高级编程语言的一个重要概念, 本文会以 Golang 为例来介绍什么是闭包.什么是闭包 (Closure)在介绍闭包的定义之前, 我们先来看下闭包的示例代码:package mainimport "fmt"func greeting(name stri...

  • 5

    HBUACM为什么很多编程语言中数组都从0开始编号...

  • 5

    ...

  • 6

    最近在参与KusionStack 内置的领域语言 ——KCL配置语言编译器 的开发,语言的语法中包括一个“索引签名”的概念,在参与社区讨论的时候发现很多小伙伴不明白这个“索引签名”是什么,于是自...

  • 4

    代码审计:如何在全新编程语言中发现漏洞? 作者:悠悠PM10 2022-09-20 12:53:15 具有安全意识的开发者仍然可能产生漏洞,因为很多开发用不到的特性、甚至编程语言官方非预期的情景不是开发者掌握的知识,代码安全...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK