第九十一:前端的未来也许在于数据

2,861 阅读5分钟

这里记录工作中遇到的技术点,以及自己对生活的一些思考,周三或周五发布。

封面图

凡是过往,皆为序章。

知识/技术/业务/商业模式---最终都归于数据。

前端的未来也许在于数据

最近越发觉的数据这个东西越来越重要了。未来除了学习前端之外,有可能会花时间去学习数据相关的知识吧。

从技术的角度上来说,前端所需要的技术表面上有各种框架,vue,react,gn,flutter等等。但是这些框架背后其实还是最基础的js,html,css。 html,css 是用来构建用户界面的。js是用来做用户交互的。

抛开html,css,如果你深入的去思考一下js的话,你会发现js本身就有很多局限。找一个后端语言对比一下就知道了,除了基本的语法之外,js无法进行文件操作,无法创建服务,无法做进程和内存管理。当然,node是对这些功能的一个补充。

从业务的角度来看,前端和业务在本质上其实是割裂的两个部分。我们构建了界面,知道界面的跳转过程,知道后端返回的数据在界面上如何展示。但是相对于后端来说,前端对业务的具体流程其实是一无所知。因为业务的具体表现是数据在数据库中的流转过程。我们对这个过程一无所知。

从公司裁员的角度来看,我们可以试想一下公司裁员一般会裁那些人。裁员肯定不会裁和业务强关联的那一部分。所以前端有很大概率的中奖几率。事实也确实如此,2020年初公司裁员,裁的就是和业务关联性不强的研发。和业务强关联的数据部门一个也没裁。

所以,前端的未来在哪里?

前一段时间web3.0这个概念很火。我对这个概念还不是特别理解,只是了解它有可能是一个去中心化的东西。似乎这个东西距离我们还有一段距离。不向web1.0 和 2.0我们可以直接理解为门户网站和各大应用平台。3.0在实际生活中的应用场景似乎我们还没有体会到。

而从实际的工作角度来看,如果我们单纯的只做前端开发。未来可以做些什么呢?好像除了做些用户界面的交互之外,什么也做不了了。

我们都写过小程序,也知道小程序有个云开发的功能。数据库存在大厂提供的云服务上,而且它也提供了一套数据查询的API和云函数。这样我们就可以一个人单独的去开发一些应用。

类似的,如果你看过vue的仓库,你会发现vue也有一个类似的项目:vuefire。它也是提供了一套云存储的服务,应该是基于google的,也提供了一套数据查询的API,让一个人可以变成全栈工程师。

import firebase from 'firebase/app'
import 'firebase/database'

const db = firebase
  .initializeApp({ databaseURL: 'https://MY-DATABASE.firebaseio.com' })
  .database()

new Vue({
  // setup the reactive todos property
  data: () => ({ todos: [] }),

  firebase: {
    todos: db.ref('todos'),
  },
})

但是想要变成全栈,除了前端的知识之外,一个重要的环节就是需要懂得如何去查询数据,需要我们对数据库相关的查询和优化有一个很深刻的理解。

之前看过一篇文章,说未来只有两种工程师:端开发和云开发。以前觉得有点不可思议,现在信了。

端开发我们还可以理解为单纯的做界面交互。云开发又不单单是开发,因为它和数据的交互比较多,数据本身就是业务最具体的表现形式,所以云开发我目前把它理解为数据层的开发。

数据层的业务,在实际应用中表现形式为大数据。各大平台,以电商为例,背后其实都是靠着庞大的数据作为业务的支撑。

前两天看了本书,写的很真实:

双十一物流背后,其实是一场数据的战争,是数据的指挥枢纽。

依靠强大的数据系统,在双十一前3个月,菜鸟网络就准确地预测每家快递公司在全国每一条线路上的包裹量,帮助快递公司做到“兵马未动,粮草先行”。

并且,如果你观察过近两年比较火的行业的话,他们都在基于数据布局一些产业。医疗大数据,零售大数据这两个是我们可以直观的感受到的。其他的我们或许感受不深,但其实都是需要基于数据去做的。

数据部门在一个公司中的位置,基本上都处于核心位置。核心位置一般都很稳定。

所以前端也不应该把眼光局限于目前的这几个框架之中,框架只是工具。你会用,别人也会用,甚至别人用的比你还熟练。你看过源码,别人也看过,甚至研究的比你还深刻。

前端的未来,也许就在于数据。

最后

  • 公众号《JavaScript高级程序设计》
  • 公众号内回复”vue-router“ 或 ”router“即可收到 VueRouter源码分析的文档。
  • 回复”vuex“ 或 ”Vuex“即可收到 Vuex 源码分析的文档。

全文完,如果喜欢。

请点赞和"在看"吧,最好也加个"关注",或者分享到朋友圈。