前端开发人员需要了解什么后端?

前端开发人员应该做的绝大多数事情都可以在不了解后端的情况下完成,除了API。


但是,如果您长期从事各种任务,很可能会遇到一些需要后端领域知识的事情。


以下是界面设计人员应注意的简短列表。


请求频率


后端的资源有限,它只能以一定的频率处理请求。通常,您不应该考虑这一点-前端应该做所有提供高质量用户体验所必需的事情,而后端可以进行优化和扩展。但是,对后端的网络请求不是免费的,而且价格不同(使用资源的术语)


我们如何衡量请求的成本?


一条实用的规则告诉我们,记录总是比读取贵,因此写入的数据越多,查询的成本就越高。


让我们看一个在何时变得至关重要的示例:假设我们正在开发google docs。


我们希望用户在突然离开应用程序时不会丢失自己写的内容,因此我们经常保存数据。我们可以保存或删除每个新字符吗?


您的后端很可能无法处理所有这些请求,否则基础架构的成本将过高。通过仅在用户停止键入后才延迟并保存数据,可以实现所需结果的99%,而无需付出其余1%的巨额成本。


在下面的示例中,假设您要轮询后端是否有更改,以便始终拥有最新版本的.doc文件。您需要多久查询一次?阅读比写作便宜得多,因此您可以提出相对更多的请求,但仍然有一定的限制。


, : , . , , .


(downtime)


- . , - .


, " ", ( , , )


, . , e , .


, try catch . javascript (recovery panic), , .


HTTP


HTTP ( ). , 400.


, .


, , , 401 .


, 400- , , . 500- , .


HTTP :


  • HTTP . ( 20 ), -, . , -.
  • ( ), HTTP (multipart/form-data), .
  • , URL. - query , 2048 , HTTP .


- , ?


. :


  1. — . , , .
  2. , . macbook, chromebook 100 .
  3. . pro . , - - .

-


, , - - . (Same-Origin Policy). , .


npm/yarn , -.


:


  • hosts nginx*.
  • c- , production false, development true.
  • .

(CSRF) — , .


: - javascript , .()


, CSRF , - . .



. , , , .
- , , favouritewebsite.com/static/script.js.


script.js? . , script.js script.js?v=2, index.html.
script.js , ( index.html ! index.html ).


, javascript script.4e885f13.js. css , .


, .


* 译者注:


最初是这样的:


将您的服务器域映射到开发环境的主机配置中的某些主机名。

我可能会误解作者想说的话,所以我加了一个脚注。


All Articles