webpack难用-2018年哪些Web后端技术可以吸引开发者使用

2023-08-26 0 1,624 百度已收录

2018年什么样的技术最好,特别是在Web后端开发方面,什么样的技术最值得Web开发者关注,哪些技术会盛行,哪些技术会失败。 下面提到的这些技术只是建议大家关注,并不是建议大家都学,而是建议大家按需学,你认为需要学什么,你有兴趣学什么! 如果您有什么认为可以推荐的工具、框架、库,欢迎在评论区提及,以便大家共同提高、互相学习!

1 简介

2017年渐渐过去,2018年已经到来。 人类在进步,科技在发展。 2018年,后端有哪些领域和技术值得关注,哪些技术会盛行,哪些技术会衰落。 以下是根据我个人的判断做出的预测和判断,希望能够给大家提供参考! 下面提到的这些技术只是建议大家关注,并不是建议大家都学,而是建议大家按需学,你认为需要学什么,你有兴趣学什么! 如果您有什么认为可以推荐的工具、框架、库,欢迎在评论区提及,以便大家共同提高、互相学习!

2. PWA

PWA(Progressive Web Apps)是微软提出的,采用尖端技术开发的一系列解决方案,可以让网页使用类似App的体验。 有一点很明确:PWA 是一个网页,可以通过尖端技术来开发一个 Web 应用程序。

微软提出PWA以来,持续获得业界关注,受欢迎程度可见一斑。 就在去年,谷歌还宣布PWA将获得与Android原生应用相同的待遇和权限。 这意味着未来网页库和APP将会更加紧密webpack难用,关注度将进一步提升。

资料参考:

PWA 入门:编写一个非常简单的 PWA 页面

[转载]你的第一个渐进式Web应用程序

【转载】下一代Web应用模型:渐进式Web App

3.打字稿

TypeScript 是由 Google 开发的。 它是 JavaScript 的超集,是一种免费开源编程语言。 在这种语言中,添加了可选的静态类型和基于类的面向对象编程。 右图说明了typeScript和JavaScript之间的关系!

(图片来源木之——从 JavaScript 到 TypeScript)

Angular 已经开始使用 TypeScript 进行开发,React 和 Vue 也进一步加深了对 TypeScript 的支持。 不难发现typeScript这么受欢迎!

资料参考:

TypeScript 官方文档

TypeScript 资源集

从 JavaScript 到 TypeScript 1 - 什么是 TypeScript(阅读第一篇文章,不要留下本系列的几篇文章)

4. React、Angular、Vue 三驾马车

2017年,React发展迅速,Vue扮演了框架中的黑马角色,而Angular受到的关注实际上比以前少了,但也不容忽视! 从2017年的调查报告可以看出,趋势基本上是react已经抢占了主流,框架的使用位居第二,Angular1和Angular2分列第三和第四。

中国的情况是react第一,vue第二

Vue 在 2017 年非常流行,但是 2018 年 vue 的潜力不容小觑,如下图所示(1.2W 人想要使用 vue)。虽然不太可能超过 React,但地位还是会提高

参考

2017 年 JavaScript 调查报告

2017年前端领域有哪些变化,2018年有哪些期待?

2017年前端动荡与趋势回顾,2018年何去何从?

2017 年 JavaScript 现状报告:询问 23,000 名开发人员,这是他们的答案

2018 年最值得关注的 JavaScript 趋势

无论如何,我认为框架没有最好的,只有最合适的。 三驾马车没说,他们肯定都知道! 一是,如果js基础好的话,学习框架会更容易。 如果不想学js,直接上框架的话,会很费力,而且容易迷茫。

5.WebAssembly

一种常见的 Web 二进制和文本格式项目,由 Microsoft、Microsoft、Mozilla、Apple 等公司联合开发。

引用腾讯 IVWEB 团队的话:WebAssembly 是一种新的字节码格式。 它的缩写是“.wasm”,.wasm是文件名的后缀,是一种新的低级安全二进制语句类型。 。 它被定义为“紧凑、低加载时间格式和执行模型”,并被设计为Web多编程语言目标文件格式。 这意味着浏览器端的性能将得到大幅提升,同时也驱使我们实现一组低级构建块,例如强类型和块级作用域。

当WebAssembly刚下来的时候,一些开发者甚至猜测WebAssembly未来是否会取代JavaScript。 在这里,我的感觉是JavaScript不会被WebAssembly取代,等待衰落,而是与WebAssembly共存的关系! 2017年,chrome、Firefox、IE、Safari四种浏览器统一采用了WebAssembly解决方案。 注意力。 至于2018年WebAssembly的发展情况,还很难说。 初步预测应该是普及和推广,但还没有达到普及、开发和使用的阶段。 但不管怎样,这个还是值得关注的!

我们先来说说什么是WebAssembly? 为什么它会影响每个 Web 开发人员?

WebAssembly 实践:如何编写代码

6.parcel能给webpack带来多大的威慑力

大家都知道webpack是一个JavaScript模块打包工具。 简单来说,它对各个模块进行分析、编译、打包,使得输出文件可以在浏览器中运行。

(图片来自新手教程-Webpack入门教程)

webpack的工作实际上是一个模块打包工具,但它也可以替代gulp等手动构建工具的一些功能! 经过2017年的发展,webpack的受欢迎程度是有目共睹的。

但是,但是。 2017年底,一匹黑马出现:包裹。 Parcel超出了大多数人的预期,也算是2017年最大的惊喜之一了。说起parcel最大的优点,似乎就是webpack最大的缺点:配置和性能! Parcel堪称零配置、多核打包,并且采用文件缓存,在时间上比webpack快了近10倍!

(图片来自neal的文章——宣布Parcel:一种快速、零配置的Web应用程序打包工具)

从star来看,虽然当时Parcel的关注度超过了webpack,但热度仍在持续。

使用webpack的难点我觉得就是配置复杂,而且文档不完善,看起来比较混乱。 至于打包时间,只能说没有比较就没有伤害。 如果 Parcel 能做好这些事情,说不定就能从 webpack 中捞到不少肉。

发布 Parcel:一款快速、零配置的 Web 应用程序打包工具

Parcel 与 Webpack

7. js中的css还有争议吗?

在前端领域,一直建议将结构层(html)、表现层(css)、行为层(javascript)分开。 但react下来之后,这个原则似乎被颠覆了! 因为react的组件结构,所以需要把html、css、javascript一起写。 很多开发者不适应甚至反对js中的css。 那么在新的2018年,争议还会继续吗?

参考

JS 中的 CSS 简介

精读《请停止 css-in-js 行为》

你对 JS 中的 CSS 有何看法?

停止在 JavaScript 中编写 CSS

8. 纱线 VS npm

相信接触后端工程和模块化的开发者都不可避免地会使用npm来安装功能包的依赖。 尤其是在node.js的早期,npm是工程的标准配置。 但到了2017年,npm的地位似乎被yarn吓倒了! 根据今年的调查结果,yarn也已经超越了npm。 纱线的优点是:快速、安全,还有一些催人泪下的细节! 如此下去,差距将会逐渐拉大!

参考

纱线,不是另一个 npm 第三方客户端

Yarn 与 npm:您需要了解的一切

9.人工智能与大数据

人工智能和大数据不是一项技术,而是一个领域。 这两年非常流行,而且不仅仅局限于后端。 我也认为这是互联网的下一波红利。 非常值得关注和学习! 这也是一个流行趋势,因此一些数据可视化工具(echart、D3等)和人工智能库受到了关注!

10. Flex 和网格布局越来越流行

在前后端页面布局中,有inline-block、float、postion布局等。但是有了flex和grid,布局变得越来越简单。

首先,flex基本上已经得到了所有浏览器的支持,其便捷的特性也受到了很多开发者的青睐!

(图片来自阮一峰在线日记--Flex布局教程:语法)

而grid,网格布局堪称下一代布局形式,但在浏览器兼容性方面不如flex。 但这也是有必要了解的。 毕竟它已经被W3C纳入标准了。 兼容性也进一步提高。

参考

Flex 布局教程:语法

Flex 布局教程:示例

CSS 网格布局:什么是网格布局

CSS Grid VS Flexbox:示例比较

11.rxjs

我对rxjs有一点了解,但还没有使用过。 可能你对此比较陌生,但是我在这里提一下,是因为我觉得rxjs还是值得推荐的。 引用官网:RxJS是一个使用Observables进行响应式编程的库,可以更轻松地编写异步或基于反弹的代码。 这个项目是 Reactive-Extensions/RxJS (RxJS 4) 的重绘,具有更好的性能、更好的模块化、更好的可调试调用堆栈,同时保持大部分向后兼容性,只有一些重大更改(breakerchange)是为了减轻内部 API 的重量。

参考

rxjs英文文档

rxjs简单介绍

理解 RxJS 的流行方式

十二、其他方面

由于篇幅限制,还有几个我觉得可以简单关注一下,如下

小程序

首先是陌陌小程序,自从我启动陌陌小程序以来,很多后端都抱怨。 和其他人聊天的时候,很多人也表示:小程序一旦出来,我觉得是一个没有未来的事情。 或者是:消灭APP是不可能的,小程序只是APP的阉割版,竞争厂商不会开发小程序。 还有一点就是:关注PWA还不如学这个,比这个更有意义。 我讲的这句话的意思大概就是这样。 2017年我更关心开发小程序,以至于2017年我从来没有学过小程序。 不过,在2017年第四季度或者说年底,微信已经宣布可以嵌入html5页面,开发小游戏了。 让我看看这个小程序,看看刚刚发布的受欢迎程度。 2018年,小程序的发展怎么样,我是否会接触和学习开发小程序,我们拭目以待。 但两者都值得一看。

第二个是支付宝的小程序。 虽然我觉得消息不多,但其实是大厂的事情。 关注是值得关注的。 至于学不学,发展不发展,那就是另外一回事了!

电子

被誉为开发桌面应用程序的绝佳工具。 我也尝试了几个官方的例子,运行起来非常流畅,但是因为我暂时不开发桌面应用,所以没有太关注或者研究。 2018年我依然会关注,甚至学习开发!

WebVR 和 WebAR

看完所谓的相关例子后,VR和AR的疗效并没有引起我的兴趣,虽然这些例子,我也不明白它们是如何被开发出来的。 不过,对于这一点来说,还是值得关注的。 毕竟webpack难用,这只是 WebVR 和 WebAR 的开始。

13. 哪些技术将会衰落/下滑

前面也提到了,Angular 在后端框架上仍然有很大的使用率。 Google也发布了5.x,那么它也会出现在这里? 这只是一个小小的预测。 2017年,关于Angular的讨论已经相对较少。 2018年,Angular的使用率预计会继续下降,但不会下降,在后端框架中仍然占有很大的地位。 2018年,Angular仍将是与React、Vue齐名的三大框架,但用户数量没有React、Vue那么多。

jQuery

2018年jQuery不会衰退,但使用率仍会进一步下降。 说起jquery,真是时代的变迁。 当我第一次接触后端时,jquery一统天下。 当时,相比其他库和框架,jquery 是一个庞然大物,使用率遥遥领先。 甚至 Google 在 .net 平台上也支持 jquery。 刚开始工作的时候,潜规则是:如果你不会jquery,没有人会认你是后端。 可见当时jquery的地位。 我也相信很多人都有jquery情结。 只是技术不谈复杂!

es5以下版本的句型

本段所说的es6代表的是es6以上的句型,包括es7和es8。 es5代表es5以下的句型,包括es3

经过三年的发展,es6以其便捷性和实用性受到了很多开发者的欢迎。 2017年应该是es6句型使用比例首次超过es5。 2018年,es6句型的使用比例将继续下降。 es5等句型的使用比例将继续下降。 即使就目前的发展而言,还是需要使用babel将es6的句型编译成es5。

海.js

sea.js是中国人开发的,当时用的时候满心欢喜,终于有中国人的东西登上舞台了。 sea.js 由于其简单性和轻量级而变得非常流行。 但随着es6的模块化,就连sea.js的作者宇博也在微博发声:Sea.js和KISSY也应该立碑。

咕噜声

gulp发布的时候,grunt的地址就已经受到了影响,现在已经有打包工具替代了部分手动工具创建工具,而且手动工具创建工具已经没有以前那么好用了,更不用说有更好的工具了market 构建工具是--gulp。

14. 总结

好了,2018年个人对后端的预测和一些建议关注就到此为止了! 虽然写了这么多,并不是说你一定要学会一切,只是建议你注意一下。 学习什么技术取决于您的需求和兴趣。 文章中提到的只是我平时关注的,有些只是我了解的,但我并没有深入学习或使用过。 我也认为在后端方面,没有最好的工具、框架、库等,只有最合适的。

最后,如果您有什么工具、框架、库或者其他技术,请在评论区告诉我们。 让你们互相学习,互相提高!

(责任编辑:IT培训网)

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 webpack webpack难用-2018年哪些Web后端技术可以吸引开发者使用 https://www.wkzy.net/game/156309.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务