首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前后端分离架构:Web 实现前后端分离,前后端解耦

3、半分离时代 前后端半分离,前端负责开发页面,通过接口(Ajax)获取数据,采用 Dom 操作对页面进行数据绑定,最终是由前端把页面渲染出来。...Nodejs 路由的实现逻辑是把前端静态页面代码当成字符串发送到客户端(例如浏览器),简单理解可以理解为路由是提供给客户端的一组 api 接口,只不过返回的数据是页面代码的字符串而已。...举个例子,即使做了页面静态化之后,前端依然还是有不少需要实时从后端获取的信息,这些信息都在不同的业务系统中,所以需要前端发送5、6个异步请求来。...有了NodeJs之后,前端可以在NodeJs中去代理这5个异步请求。还能很容易的做bigpipe,这块的优化能让整个渲染效率提升很多。...在PC上你觉得发5、6个异步请求也没什么,但是在无线端,在客户手机上建立一个http请求开销很大。有了这个优化,性能一下提升好几倍。 (3)性能得到提升;大家应该都知道单一职责原则。

2.4K40

前后端分离架构概述「建议收藏」

3、半分离时代 前后端半分离,前端负责开发页面,通过接口(Ajax)获取数据,采用Dom操作对页面进行数据绑定,最终是由前端把页面渲染出来。...最明显的有如下几点: 1)JS存在大量冗余,在业务复杂的情况下,页面的渲染部分的代码,非常复杂; 2)在Json返回的数据量比较大的情况下,渲染的十分缓慢,会出现页面卡顿的情况...举个例子,即使做了页面静态化之后,前端依然还是有不少需要实时从后端获取的信息,这些信息都在不同的业务系统中,所以需要前端发送5、6个异步请求来。...有了NodeJs之后,前端可以在NodeJs中去代理这5个异步请求。还能很容易的做bigpipe,这块的优化能让整个渲染效率提升很多。...在PC上你觉得发5、6个异步请求也没什么,但是在无线端,在客户手机上建立一个http请求开销很大。有了这个优化,性能一下提升好几倍。 (3)性能得到提升;大家应该都知道单一职责原则。

2.6K22
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    七天学会NodeJS——第一天

    NPM NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的三方包到本地使用。...答: 从规范上讲,HTTP请求头和响应头字段都应该是驼峰的。...如何获取命令行参数 在NodeJS中可以通过process.argv获取命令行参数。...但不管怎样,异步编程确实是NodeJS最大的特点,没有掌握异步编程就不能说是真正学会了NodeJS。本章将介绍与异步编程相关的各种知识。 回调 在代码中,异步编程的直接体现就是回调。...因此一般生产环境下的服务器程序都配有一个守护进程,在服务挂掉的时候立即重启服务。一般守护进程的代码会远比服务进程的代码简单,从概率上可以保证守护进程更难挂掉。

    7K20

    Node.js 安装和入门

    Node 包管理工具(node package manager,NPM)提供了数十万个可重用的工具包。它还提供了一流的依赖解决方案,可实现自动化工具链构建。...异步编程依托于回调来实现,但不能说使用了回调后程序就异步化了。 回调函数在完成任务后就会被调用,Node 使用了大量的回调函数,Node 所有 API 都支持回调函数。...例如,我们可以一边读取文件,一边执行其他命令,在文件读取完成后,我们将文件内容作为回调函数的参数返回。这样在执行代码时就没有阻塞或等待文件 I/O 操作。...配置环境变量 或 建立软连接 # 配置环境变量 echo "export PATH=$PATH:/usr/local/node/bin" >> /etc/profile source /etc/profile...Mac OS 上安装 Node.js 你可以通过以下两种方式在 Mac OS 上来安装 node: 1、在官方下载网站下载 pkg 安装包,直接点击安装即可。

    1.3K10

    前端要了解的Node.js

    在Node出现之前,JS通常作为客户端程序设计语言使用,以JS写出的程序常在用 户的浏览器上运行。 目前,Node已被IBM、Microsoft、Yahoo!...包结构 – 用于组织包中的各种文件 包描述文件 – 描述包的相关信息,以供外部读取分析 包结构 包实际上就是一个压缩文件,解压以后还原为目录。...异步文件系统不会阻塞程序的执行,而是在操作完成时,通过回调函数将结果返回。...参数 – fd 文件描述符,通过openSync()获取 – data 要写入的数据(String 或 Buffer) – offset buffer写入的偏移量 – length 写入的长度...要从异步从文件传输数据,首先需要通过以下语法创建 一个Readable流对象: – fs.createReadStream(path[, options]) path 文件路径 options

    31010

    javascript开发后端程序的神器nodejs

    nodejs从2009年发展到2020年的nodejs 14,经历了11年的历史,和它的先辈javascript相比还是很年轻,但是因为其开放性和包容性,nodejs在以一个非常快的速度向前发展。...异步IO我们大家应该都很清楚,和同步IO相比,线程不用阻塞,可以去处理其他更有意义的事情。只是在响应返回的时候恢复操作,所以不会浪费CPU时间。...而nodejs的npm仓库,托管着全球最大的开源库生态系统。 基本上使用nodejs你可以实现绝大多数需要的功能。...response 是一个http.ServerResponse对象,用于返回数据给调用方。 在上面的例子中,我们并没有使用request,而是使用response直接构建了返回的对象。...nodejs7开始,nodejs提供了readline模块,可以从process.stdin获取输入: const readline = require('readline').createInterface

    1.1K20

    Node.js快速入门

    3、NPM NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用。...Node.js 的每一个 API 都是异步的,并作为一个独立线程运行,使用异步函数调用,并处理并发。 Node.js 基本上所有的事件机制都是用设计模式中观察者模式实现。...数据接收成功。 程序执行完毕。 在 Node 应用程序中,执行异步操作的函数将回调函数作为最后一个参数, 回调函数接收错误对象作为第一个参数。...大多数 web 服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器。...(stdout & stderr),在进程返回大量数据时使用。

    11.4K10

    javascript开发后端程序的神器nodejs

    nodejs从2009年发展到2020年的nodejs 14,经历了11年的历史,和它的先辈javascript相比还是很年轻,但是因为其开放性和包容性,nodejs在以一个非常快的速度向前发展。...异步IO我们大家应该都很清楚,和同步IO相比,线程不用阻塞,可以去处理其他更有意义的事情。只是在响应返回的时候恢复操作,所以不会浪费CPU时间。 我们简单看一下nodejs的IO模型: ?...而nodejs的npm仓库,托管着全球最大的开源库生态系统。 基本上使用nodejs你可以实现绝大多数需要的功能。...response 是一个http.ServerResponse对象,用于返回数据给调用方。 在上面的例子中,我们并没有使用request,而是使用response直接构建了返回的对象。...nodejs7开始,nodejs提供了readline模块,可以从process.stdin获取输入: const readline = require('readline').createInterface

    1.1K41

    一起来看看 Node.js v14.x LTS 中的这些新功能

    ,返回值为一个不可重用(不可重用意思为读取完之后需要再次获取)的迭代器。...,在最新的 v14.x LTS 版本中新增加了一个 AsyncLocalStorage 类可以方便实现上下文本地存储,在异步调用之间共享数据,对于实现日志链路追踪场景很有用。...详细使用参见笔者在文章 “在 Nodejs 中 ES Modules 使用入门讲解” 中的介绍。...使用异步迭代器我们可以对 Node.js 中的事件、Stream 亦或者 MongoDB 返回数据遍历,这是一件很有意思的事情,尽管它不是 Node.js v14.x 中新提出的功能,例如 event.on...; 在 Stream 中使用 以往我们可以通过 on('data') 以事件监听的方式读取数据,通过异步迭代器可以一种更简单的方式实现。

    96720

    Node.js学习笔记(二)——Node.js模块化、文件读写、环境变量

    Node.js 提供了exports 和 require 两个对象,其中 exports 是模块公开的接口,require 用于从外部获取一个模块的接口,即所获取模块的 exports 对象。...http.createServer(...); Node.js中自带了一个叫做"http"的模块,我们在我们的代码中请求它并把返回值赋给一个本地变量。...以http模块为例,尽管在目录下存在一个http/http.js/http.node/http.json文件,require("http")都不会从这些文件中加载,而是从原生模块中加载。...2.2、获取文件信息 以下为通过异步模式获取文件信息的语法格式: fs.stat(path, callback) 参数使用说明如下: path - 文件路径。...三、参数与环境变量 3.0、读取自定义配置文件数据 创立一个 config 目录并向其中增加一个 config/default.json 文件。这将是默认配置文件,并将蕴含所有默认环境变量。

    6.3K30

    【nodeJS爬虫】前端爬虫系列 -- 小爬「博客园」

    当然这是在 nodejs 前了,nodejs 的出现,使得 Javascript 也可以用来写爬虫了。...本文中的完整的爬虫代码,在我的github上可以下载。主要的逻辑代码在 server.js 中,建议边对照代码边往下看。...用 js 写过异步的同学应该都知道,如果你要并发异步获取两三个地址的数据,并且要在获取到数据之后,对这些数据一起进行利用的话,常规的写法是自己维护一个计数器。...继续我们的爬虫,进到具体的文章页面,发现我们想获取的信息也不在直接请求而来的 html 页面中,而是如下这个 ajax 请求异步生成的,不过庆幸的是我们上一步收集的 URL 包含了这个请求所需要的参数,...完整的爬虫代码,在我的github上可以下载。如果仍有疑问,可以把代码 down 到本地,重新从文章开头对照代码再实践一次,相信很多问题会迎刃而解。

    1.5K80

    在 Node.js 中使用 Async Hooks 处理 HTTP 请求上下文实现链路追踪

    作者简介:五月君,Software Designer,公众号「Nodejs技术栈」作者。 Async Hooks 一个实际的使用场景是存储请求上下文,在异步调用之间共享数据。...() 方法获取或设置这个变量在当前线程中对应的副本值,在多线程并发访问时线程之间各自创建的副本互不影响。...并且以事件驱动的方式来处理所有的 HTTP 请求,每个请求过来之后又都是异步的,异步之间还很难去追踪上下文信息,我们想做的是在这个异步事件开始,例如从接收 HTTP 请求到响应,能够有一种机可以让我们随时随地去获取在这期间的一些共享数据...在接下来我会讲解实现 AsyncLocalStorage 的四种方式,从最开始的手动实现到官方 v14.x 支持的 AsyncLocalStorage 类,你也可以从中学习到其实现原理。...方式二:executionAsyncResource() 返回当前执行的异步资源 executionAsyncResource() 返回当前执行的异步资源,这对于实现连续的本地存储很有帮助,无需像 “方式一

    1.9K30

    面向前端工程师的 Node.js 入门手册(一)

    ; }) 上例子中,先确定了一个数据模型data,内部一共有三个字段。这里的数据模型就是前端开发前与后端所定义的返回格式,最终前端要拿到这个JSON格式的数据在客户端进行处理。...实例中的源码简单解析一下,当服务接收到请求时,先判断请求的api名称是不是事先约定好的/api/search/data,判断通过后,将前端传递在链接上的参数userId获取到,处理后插入到返回的json...数据中,即可通过res.end来下发数据,如果路径判断失败,则返回404的状态码,并且进入Notfund页面, ?...总结 本文从前端工程师们最常接触却又不属于前端领域的两个方面,http服务与文件操作展开了学习,从几个简单易懂的例子带领去了解了Nodejs。...如果上面的入门示例也让你对Nodejs有了浓厚的兴趣,那么请快速动手学习起来吧,看再多文章不如自己手写一遍,从零到一,跟我一起学习吧。

    1.1K30

    nodejs如何利用libuv实现事件循环和异步

    loop中保存了各个阶段对应的数据结构。 2 执行uv_run函数进入死循环。 3 用户(nodejs)操作loop里的结构,注册事件和回调。 4 libuv在每一轮循环里处理各个阶段。...编译node_bootstrap.js成c++代码,执行时传入c++的process对象,执行global.process = process; 从js层面来看,是多了一个全局变量process 4 process...返回。(最早超时在链表末尾) 5 uv_run执行uv__run_timers判断是否有超时节点。 6 从后往前遍历链表L,如果当前节点没有超时则全部没有超时,设置新的超时时间,否则执行超时回调。...返回。 3 uv_run在check阶段。执行回调。setImmediate和setTimeout的关系这两个其实没什么关系,对应的阶段也不一样。 4.3 文件io 为啥用线程池实现文件操作的异步?...Libuv生成一个任务放到线程池的任务队列,返回nodejs。Nodejs可以继续做其他事情。 2 线程池处理该任务,线程会阻塞直到任务完成。

    4.2K82

    区块链Oracle预言机实现教程【含代码】原

    试着考虑一下,如果智能合约在执行时可以访问外部的一个API来获取数据,会出现什么情况?...如果今天部署这个合约,那么API可能会返回如下的数据: { "foo": "bar" } 但是明天再部署时,API可能就会返回新的数据,例如: { "foo": "baz" } 那么可以想像,一个月以后如果有人进行以太坊区块链的同步...同时我们将创建两个nodejs进程,其中之一就是预言机/Oracle,它的实现逻辑就是周期性地轮询第三方天气API来获取天气数据,然后将天气数据提交给智能合约以便进行历史审计。...让我们从访问API开始,我们将API的地址放在一个环境变量里,以便在开发/生产环境切换时避免修改源代码: const options = { uri: process.env.WEATHER_URL,...上面的代码实现了一个简单服务,它可以从API获取数据,然后再输入智能合约。

    2K30

    深入理解nodejs中的异步编程

    今天,我们将会深入的探讨一下各种异步编程的优缺点和发展趋势。 同步异步和阻塞非阻塞 在讨论nodejs的异步编程之前,让我们来讨论一个比较容易混淆的概念,那就是同步,异步,阻塞和非阻塞。...所谓阻塞和非阻塞是指进程或者线程在进行操作或者数据读写的时候,是否需要等待,在等待的过程中能否进行其他的操作。...上篇文章我们讲到的setTimeout和setInterval实际上都是异步的回调函数。 回调函数的错误处理 在nodejs中怎么处理回调的错误信息呢?...nodejs采用了一个非常巧妙的办法,在nodejs中,任何回调函数中的第一个参数为错误对象,我们可以通过判断这个错误对象的存在与否,来进行相应的错误处理。...所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。 从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。

    1.4K30
    领券