一篇带你了解前端、后端以及全栈

目录

前端

前端是做什么的?

前端开发用到的基础技术

1.HTML(内容)

2.CSS(视觉)

3.JavaScript(用户交互)

后端

后端工程师的工作范畴

后端开发用到的基础技术和工具

全栈


前端

前端是做什么的?

前端开发就是开发网页上的内容展示与用户的交互。内容展示包括在网页上看到的图片、文字、视频、数字等信息;用户交互指的是用户在页面上通过点击按钮、输入文字等动作,对网站提供数据输入,然后前端对用户的输入进行响应,如更新视频上的内容。

例子:对某up视频的点赞,页面对你“点赞”动作作出的响应,就是在后台数据库里把该up对应视频的点赞量+1.

前端开发用到的基础技术

1.HTML(内容)

非编程语言,而是定义结构化数据的标记语言,我们在浏览器上看到的网页,就对应一个HTML文件。

浏览器职责“”:通过你输入的网址,从网站下载对应的HTML代码,并把代码渲染成你肉眼看到的样子。

2.CSS(视觉)

用来指定每个HTML标签以什么样的外观和风格展示(长宽、位置、颜色、居中、字体以及显示属性等 ),css代码也是被浏览器读入,并渲染成你肉眼看到的视觉效果。

3.JavaScript(用户交互)

属于真正的编程部分。用于与用户交互、与后端进行交互。也是交给浏览器执行。

编写代码的一个原则是不要重复造轮子(Don't reinvent the wheel ),因此大多会调用该语言现成的library来实现一些常见功能让开发过程更加高效。对于JavaScript开发而言,React是目前比较流行的library。它不止能够用来实现用户交互逻辑和事件响应,还能生成HTML代码。Vue也是国内常常使用的library(b站就用到了)。

后端

什么是后端?

相当一部分的后端开发工作就是开发数据访问服务,使得前端可以通过调用后端服务对数据进行增删改查(CRUD),从而实现前端对用户的请求响应。

例子:如你在一个大型网站注册时,该网站的前端就会调用其后端,把你的用户写入数据库。前端往往需要通过调用后端服务,来完成对用户请求的响应,而后端服务往往需要通过查询数据库,来完成对前端请求的响应。

前后端共性:都是通过调用一个比自己更靠后的服务,来对前方的客户进行响应。

后端工程师的工作范畴

1.设计后端服务的API

2.设计后端服务的架构图

3.设计后端服务的数据库

4.写代码实现后端服务的业务逻辑

5.保证后端服务高可用(highly available)

即访问量很大时仍然保持不宕机,并对用户请求的响应时间短,或者吞吐量高,单位时间能够处理的请求数量多。

后端开发用到的基础技术和工具

1.开发和维护后端服务器

实现后端服务器可以由几乎任何一种编程语言实现,只要能把正确的数据返回给调用者即可。主流的编程语言,也有各自的Web Framework(现成的轮子):基于Java的Web Framework有SpringBoot和Dropwizard;基于JavaScript的由Express;基于Python的有Flask

2.设计和调优数据库

目前最常用的是关系型数据库,如在工业界广泛使用的MySQL和PostgreSQL。一般来说要做的是如何创建一个关系型数据库、如何使用SQL query来访问数据、如何依靠index来为数据查询加速。

近年来用的越来越多的也有非关系型数据库:如基于JSON文档的MongoDB、基于LSM tree的LevelIDB

全栈

能够自己构建和部署一个完整的、可以工作的Web App、能够独立编写前端和后端代码、能够配置服务器、能够设计数据库

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蜗牛变涡流

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值