从编程小白到全栈开发:理解前后端-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

从编程小白到全栈开发:理解前后端

简介: 上一篇文章中让你安装的软件安装好了没?那些操作都尝试做了一遍没?没有的话,赶紧回头去再看一遍文章,动起手来吧。学编程,如果说有捷径的话,实操就是最好的捷径! 至此,我们在自己的电脑上为学习JS全栈开发安装好了开发环境,并在这一环境下,运行了两个你可能还看不太懂的前、后端代码。

上一篇文章中让你安装的软件安装好了没?那些操作都尝试做了一遍没?没有的话,赶紧回头去再看一遍文章,动起手来吧。学编程,如果说有捷径的话,实操就是最好的捷径!

至此,我们在自己的电脑上为学习JS全栈开发安装好了开发环境,并在这一环境下,运行了两个你可能还看不太懂的前、后端代码。可能在你做这些操作的过程中,会有这样的疑问,为什么要分成这样的两种方式、两种代码?

如何来理解这个问题,我想归根结底,是要理解我们的代码是要在什么地方运行,要利用谁的计算资源。

前端(客户端)

前端,是一个软件和这个软件的用户最贴近的部分,它负责直接和用户产生交互,收集用户的指令,并反馈给用户结果。前端代码,总是运行在用户能直接控制的那个设备上,比如用户的手机、笔记本、台式机,或是智能手表等等。我们的前端代码,是要利用用户设备的计算能力和资源来做事情。

我们JS全栈开发者,会更加关注用户设备中的网页浏览器或是基于浏览器的中间件技术(如Electron, NW.js或Cordova等),因为我们的前端代码开发的过程,主要就是围绕这些浏览器,充分挖掘和利它们开放出来的能力,进行按需组合和编排,开发出符合我们功能需求的客户端来。

而这些网页浏览器,它们能运行的是使用HTML,JS,CSS这些技术所开发出来的程序。所以,了解这一前提条件,我们就更清楚我们在前端部分所要进行学习和掌握的内容了。

后端(服务器端)

前端的运行环境(即用户的设备),在计算资源方面,是存在欠缺的。比如低价低配置的电脑或手机,就和高价高配置的手机在性能方面会有很大差距。同一款软件,要让其在不同配置的设备上运行良好,表现尽量一致,有两个办法:

第一个方案,是针对不同的设备进行专门的优化。这种方式,实施起来难度大,需要耗费的时间精力多。而且电脑或手机的型号和版本那么多,要顾及大部分或全部,是一件非常困难的事情。

第二个方案,是尽量降低我们的前端代码对用户设备的要求。尽量减少在用户设备上进行复杂耗费资源的计算工作,以保证在性能比较差的设备上,也能正常的运行我们的前端代码。那这样一来,我们的软件的功能不就变弱了么?确实,如果只是这样的话,我们的软件功能就会变弱,这不是我们的初衷。所以,为了弥补在前端环境中用户设备计算能力的不足,我们会使用比用户设备拥有更强大计算能力的服务器端资源,来完成没有完成的工作。

服务器端的运行环境一般是建立在性能比较强、扩展性比较好的专门的服务器电脑,或者云主机之上的。它们在理论上来说,拥有无限的计算资源(哈哈,当然是在有钱的情况下)。

我们会把在前端中不适合、不擅长的工作,转移到服务器端程序中进行,让软件的整个表现更佳、最终用户的体验更好。

JS全栈开发者用来开发服务器端所使用的技术,主要也是以JS语言为主,我们就是要做到一种语言,前后端通吃的效果。当然,JS语言目前来说也不是万能的,由于一些固有的缺陷,在服务器端,也有它不擅长的场景。所以以后你还可以学一些其他的语言来与之互补(比如Java),但是这是后话,先忘记这些吧,JS对大多数人来说,已经是非常非常够用的了。

在服务器端,我们的JS不在浏览器中运行,而是在一个叫做Node.js的运行时环境中运行,其实跟浏览器一样,它也给我们开放了许多的能力,我们通过使用这些开放的能力,来命令服务器完成我们需要执行的任务。

前端和后端的异同

JS在前端和后端中的写法,几乎是完全一样的(即使有不一样,我们也有手段让它们变得都一样,哈哈)。

不同点是,由于前端的浏览器后端的Node.js开放给我们的能力不同,就有了完全不同的功能接口(我们叫做API,以后会经常提到,记住这个词哦)。

但是万变不离其宗,不管是前端还是后端,我们都只是在使用JS语言去调用浏览器API或是Node.js API,组合出我们需要的功能而已。

理解清楚了这些概念点,将对你学习JS全栈开发有一个更加清醒的认识。

多动手,多思考,编程其实很容易。
欢迎关注一斤代码的系列课程《从编程小白到全栈开发》

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章