Network
...
探鱼不是鱼
这个作者很懒,什么都没留下…
展开
-
HTTP总结/ xhr封装axios /取消请求
原生axios // 1.创建xhr对象 const xhr = new XMLHttpRequest(); // 2.给xhr绑定onreadystatechange事件 xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status >= 200 && xhr.status <= 299) { console.log(xhr.responseTe原创 2020-11-25 00:41:15 · 401 阅读 · 0 评论 -
axios从入门到源码分析
axios从入门到源码分析第1章:HTTP相关MDN文档https://developer.mozilla.org/zh-CN/docs/Web/HTTP/OverviewHTTP请求交互的基本过程前后应用从浏览器端向服务器发送HTTP请求(请求报文)后台服务器接收到请求后, 调度服务器应用处理请求,向浏览器端返回HTTP响应(响应报文)浏览器端接收到响应, 解析显示响应体/调用监视回调HTTP请求报文请求行:method urlGET /product_det原创 2020-11-10 20:54:17 · 291 阅读 · 0 评论 -
08-querystring
querystringconst http = require("http");// querystring库可以处理查询字符串为对象const qs = require("querystring"); const server = http.createServer((request, response) => { // 处理favicon的请求 if (request.url === "/favicon.ico") return response.end();原创 2020-11-05 19:15:06 · 677 阅读 · 0 评论 -
07-Web storage
Web stroagecookie和localstroage区别/* cookie localstorage 4kb左右 5M 数量有限 不限 必须发送给服务端 只有在本地存储 可以设置过期时间 永久 一般是服务端设置 一般原创 2020-11-05 19:10:33 · 700 阅读 · 0 评论 -
06-zlib压缩
压缩引入zlib插件const express = require("express"); const zlib = require("zlib");搭建服务器响应文件const express = require("express"); const zlib = require("zlib");// 可以改造异步方法,返回promise对象const { promisify} = require("util"); const { resolve} = req原创 2020-11-05 19:02:36 · 695 阅读 · 0 评论 -
05--cookie_session
cookie使用基于expessyarn add cookie-parser基础引入const express = require("express");const cookie_parse = require("cookie-parser"); const app = express(); app.use(cookie_parse())response .cookie() 设置当请求login的时候,就设置一个cookie给客户端cookie在客户端是按照域名和浏原创 2020-11-05 18:52:05 · 124 阅读 · 0 评论 -
04-JSONP_CORS 跨域
概念同源策略同源策略(Same-Origin Policy)最早由 Netscape 公司提出,是浏览器的一种安全策略。同源: 协议、域名、端口号 必须完全相同。违背同源策略就是跨域。如何解决跨域?JSOPNJSONP是什么JSONP(JSON with Padding),是一个非官方的跨域解决方案,纯粹凭借程序员的聪明才智开发出来,只支持get请求。JSONP怎么工作的?在网页有一些标签天生具有跨域能力,比如:img link iframe script。JSONP就是利用script标原创 2020-11-05 18:35:05 · 139 阅读 · 0 评论 -
02-ajax练习三级联动
数据导入数据库app.jsconst { request, response} = require('express');const express = require('express');const db = require('./db');const Cities = require('./models/cites');/* console.log(Cities)//Model { cities } */ const app = express(); app.原创 2020-11-05 18:22:35 · 118 阅读 · 0 评论 -
01-ajax
概念AJAX 简介AJAX 全称为Asynchronous Javascript And XML,就是异步的 JS 和 XML。通过AJAX可以在浏览器中向服务器发送异步请求。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。XML简介XML 可扩展标记语言。XML 被设计用来传输和存储数据。XML和HTML类似,不同的是HTML中都是预定义标签,而XML中没有预定义标签,全都是自定义标签,用来表示一些数据。比如说我有一个学生数据: name = “原创 2020-11-05 18:14:29 · 134 阅读 · 0 评论 -
03-axios create/拦截器功能
特点支持node端和浏览器端支持Promise使用npmnpm install axioscdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>GET请求serverapp.get("/user", (req, res) => { console.log(req.query); res.send("alert(1)");})axios.get(u原创 2020-11-05 17:07:18 · 154 阅读 · 0 评论