原生JS提供的数据请求及repress中间件的使用

本文探讨了前端使用原生JS的ajax和fetch进行数据请求的方法,介绍了gulp 4.x的多任务执行,并对比了前端渲染与后端渲染。重点讲解了Express中间件的工作原理和应用,包括应用级、路由级和错误处理中间件。同时,讨论了RESTful API的设计原则,并展示了如何在Express中暴露API接口。最后提到了接口测试工具postman和insomnia的使用。
摘要由CSDN通过智能技术生成

前端原生js提供的数据请求有两种

  1. ajax
  2. fetch

gulp 4.x

  • 多任务执行
    1. 串行
    2. 并行

前端渲染 vs 后端渲染

  1. 前端渲染是通过ajax请求数据,然后通过js语法将数据展示到页面中,称之为前端渲染

  2. 后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端

    1. 后端模板
      1. ejs
      2. pug( jade )
      3. art-template

    现在流行的: 前端渲染

    问题: 当前后端同时进行项目开发是, 后端数据接口没有写好,但是前端却需要这个接口,这个时候怎么办?
    分析: 需要一段数据
    解决: 模拟假数据( mock数据 json-server / mock.js )

    以上这种形式叫做 : 前后端架构分离

    很久以前,没有前端岗位的, 所有的网页都需要后端完成, 那个时候的情况我们称之为: 前后端耦合

  3. Node.js做项目的时候 ,就有两种选择了

    1. 前后端分离 :后端提供接口,前端渲染
    2. 前后端耦合: 后端渲染
  4. 直接借助一个工具来搭建一个Node.js项目,这个工具叫做 express-generator ,这个工具帮助我们实现了express框架</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值