近年来,前端的发展日新月异。前端由最初的html、css、js和占据垄断地位的jQuery,逐渐工程化,增加了许多知识和概念,前端开发逐渐向泛客户端开发发展。
我们来介绍一下现在最流行的前端技术有哪些。
一、Typescript
ts是js的超集,在js的基础上增加了类型系统和ES6+的支持。
js是弱类型的语言,增加类型系统后便可以在编译时就对程序中的错误进行校验,无需到运行时再进行debug。
ts支持ES6+的新特性,ts会将新特性都编译成ES3的代码。
使用ts进行开发,可以完全不使用ts的语法,直接使用js,在开发过程中一点一点的学习和使用ts的语法亦可。
使用ts进行开发,看似需要加入一些另外的代码,但是这与Java的单元测试一致,投入与产出是成正比的。
二、服务端渲染
当前使用的方式主要是客户端渲染(CSR,Client Side Rendering),但是使用CSR在下载html、css,渲染组件时会造成较长时间的白屏。
因此,服务端渲染(SSR,Server Side Rendering)便提出来了。
SSR是把第一次渲染由客户端转移到服务端,从而减少白屏时间。
React使用next.js来实现SSR,Vue使用nuxt.js来实现SSR。
更进一步,还有服务端预渲染(SSG,Static Site Generator)的概念,这里不做详细介绍了。
三、Serveless
Serveless并非真正的无服务器,而是开发者无需关心Server上的一些兼容性、维护问题,仅需关心业务本身。
Servless包括FaaS(Function as a Service)和BaaS(Backend as a Service)。
以小程序云开发为例,开发者可以通过http直接对数据库和文件进行增删改查。
四、Flutter
Flutter目前可以用于开发安卓和ios的APP,还有Web端。其推出目的是为了前端一统。
在Flutter出现之前,APP开发主要是采用H5(WebView+JSBridge)和RN。
H5的性能跟APP相差很多,但是H5页面具有灵活性。
RN是打包成js bundle,在启动APP时,通过JIT(Just In Time)解析成原生应用。
相较之下,Flutter是在编译的时候就编译生成了原生应用,进一步提高了APP的性能。
Flutter采用的是谷歌自己开发的语言——Dart。
五、多端统一开发方案
原文:https://www.cnblogs.com/luoyihao/p/12886356.html