http
关注
分享
扫一扫
CaseyWei
感激每个遇见的人
展开
-
（转）mac上使用http访问本地html
场景：需要测试一个静态页面不同手机兼容性，需要通过局域网通过http访问mac上的html。原创 2022-10-20 21:18:58 · 886 阅读 · 0 评论 -
vue防止接口重复请求实现方法
场景：通常项目中在每个请求接口的方法中添加一个请求锁，防止重复请求，但是这样比较low，代码比较冗余，于是添加一个全局的方法，就不用每次请求接口前手动编写请求锁，减少编码和工作量。方法：在axios的请求和响应拦截器里边使用axios的CancelToken方法即可实现。实例：// 封装axios的请求，返回重新封装的数据格式// 对错误的统一处理import axios from 'axios'import errorHandle from './errorHandle'...原创 2020-09-27 10:45:00 · 7824 阅读 · 1 评论 -
（转）TCP的三次握手与四次挥手理解及面试题（很全面）
序列号seq：占4个字节，用来标记数据段的顺序，TCP把连接中发送的所有数据字节都编上一个序号，第一个字节的编号由本地随机产生；给字节编上序号后，就给每一个报文段指派一个序号；序列号seq就是这个报文段中的第一个字节的数据编号。确认号ack：占4个字节，期待收到对方下一个报文段的第一个数据字节的序号；序列号表示报文段携带数据的第一个字节的编号；而确认号指的是期望接收到下一个字节的编号；因此当前报文段最后一个字节的编号+1即为确认号。确认ACK：占1位，仅当ACK=1时，确...原创 2020-09-04 10:13:54 · 150 阅读 · 0 评论 -
（转）缓存Last-Modified,Etag,Expire 区别
Last-Modified是什么Last-Modified是HttpHeader中的资源的最后修改时间，如果带有Last-Modified，下一次发送Http请求时，将会发生带If-modified-since的HttpHeader。如果没有过期，将会收到304的响应，从缓存中读取。Etag是什么Etag是HttpHeader中代表资源的标签，在服务器端生成。如果带有Etag，下一次发送带Etag的请求，如果Etag没有变化将收到304的...原创 2020-09-03 17:52:59 · 1320 阅读 · 0 评论 -
（转）什么是restful api
前言在以前，一个网站的完成总是“all in one”，页面，数据，渲染全部在服务端完成，这样做的最大的弊端是后期维护，扩展极其痛苦，开发人员必须同时具备前后端知识。于是慢慢的后来兴起了前后端分离的思想：后端负责数据编造,而前端则负责数据渲染，前端静态页面调用指定api获取到有固定格式的数据，再将数据展示出来，这样呈现给用户的就是一个”动态“的过程，而关于api这部分的设计则成了一个问题。如何设计出一个便于理解，容易使用的api则成了一个问题。而所谓的restful就是用来规范我们的api的一种约束原创 2020-08-05 09:21:11 · 193 阅读 · 0 评论 -
(转)解密HTTP/2与HTTP/3 的新特性
前言HTTP/2 相比于 HTTP/1.1，可以说是大幅度提高了网页的性能，只需要升级到该协议就可以减少很多之前需要做的性能优化工作，当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。虽然 HTTP/2 提高了网页的性能，但是并不代表它已经是完美的了，HTTP/3 就是为了解决 HTTP/2 所存在的一些问题而被推出来的。一、HTTP/1.1发明以来发生了哪些变化？如果...原创 2019-11-25 20:28:43 · 208 阅读 · 0 评论 -
转发与重定向的区别
转发是服务器行为，重定向是客户端行为。转发耗时比重定向少。转发——>客户浏览器发送HTTP请求——>web服务器接受请求——>调用内部一个方法在容器内部完成请求处理和转发动作——>再将转发跳转到的那个网页资源返回给客户；转发只能在同一个容器内完成 转发的时候浏览器地址是不会变的，在客户浏览器里只会显示第一次进入的那个网址或者路径，客户看不到这个过程，只是得到了想要的...原创 2019-09-27 09:36:21 · 127 阅读 · 0 评论 -
Express中间件——body-parser
在http请求中，POST、PUT、PATCH三种请求方法中包含着请求体，也就是所谓的request，在Nodejs原生的http模块中，请求体是要基于流的方式来接受和解析。body-parser是一个HTTP请求体解析的中间件，使用这个模块可以解析JSON、Raw、文本、URL-encoded格式的请求体，Node原生的http模块中，是将用户请求数据封装到了用于请求的对象req中，这个对...原创 2019-09-02 20:41:09 · 568 阅读 · 0 评论 -
强缓存与协商缓存
在工作中，前端代码打包之后的生成的静态资源就要发布到静态服务器上，这时候就要做对这些静态资源做一些运维配置，其中，gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能和用户体验的。缓存的优点：减少了不必要的数据传输，节省带宽 减少服务器的负担，提升网站性能 加快了客户端加载网页的速度 用户体验友好缺点：资源如果有更改但是客户端不及时更新会造成用户获取信息滞后，如果老版本...原创 2019-08-06 20:56:29 · 528 阅读 · 0 评论 -
前端必备的网络基础
前言在不那么遥远的一些年以前，一个在江湖中行走的前端，只需要了解“前端三剑客”就足以找到一份工作。很多前端只限于 CSS，HTML、JS，网络基础，数据结构之类的都不甚了解。不过这个时期的前端也是最受鄙视的时期，这个时期前端的大量工作依赖于后端，且不需要动画效果和交互效果。现如今前端圈已经发生翻天覆地的变化， Vue，React，ES6，HTML5，CSS3，Webpack,PostCss...原创 2019-05-05 11:26:46 · 4454 阅读 · 0 评论 -
CSRF攻击方式
一.CSRF是什么？ CSRF（Cross-site request forgery），中文名称：跨站请求伪造，也被称为：one click attack/session riding，缩写为：CSRF/XSRF。二.CSRF可以做什么？ 你这可以这么理解CSRF攻击：攻击者盗用了你的身份，以你的名义发送恶意请求。CSRF能够做的事情包括：以你名义发送邮件，发消息，盗取你的账号，甚...原创 2018-12-27 13:18:22 · 199 阅读 · 0 评论 -
XMLHttpRequest对象详解
XMLHttpRequest(XHR)是一个API对象，其中的方法可以用来在浏览器和服务器端传输数据。这个对象是浏览器的js环境提供的。从XHR获取数据的目的是为了持续修改一个加载过的页面，XHR是Ajax设计的底层概念。XHR使用的协议不同于HTTP，不仅可以使用XML格式的数据，也支持JSON，HTML或者纯文本。WHATWG组织负责维护一个动态的XHR标准文档。W3C基于WHATWG标准...原创 2018-12-27 11:38:37 · 898 阅读 · 0 评论 -
rem是如何实现自适应布局的？
摘要：rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？rem（fo...原创 2018-12-12 09:32:45 · 245 阅读 · 0 评论 -
从URL输入到页面展现的背后
前言打开浏览器从输入网址到网页呈现在大家面前，背后到底发生了什么？经历怎么样的一个过程？先给大家来张总体流程图，具体步骤请看下文分解！总体来说分为以下几个过程:DNS 解析:将域名解析成 IP 地址 TCP 连接：TCP 三次握手 发送 HTTP 请求 服务器处理请求并返回 HTTP 报文 浏览器解析渲染页面 断开连接：TCP 四次挥手一、URL 到底是啥URL（Uni...原创 2018-12-11 11:23:57 · 372 阅读 · 0 评论 -
Http报头Accept与Content-Type的区别
1.Accept属于请求头， Content-Type属于实体头。 Http报头分为通用报头，请求报头，响应报头和实体报头。 请求方的http报头结构：通用报头|请求报头|实体报头 响应方的http报头结构：通用报头|响应报头|实体报头2.Accept代表发送端（客户端）希望接受的数据类型。 比如：Accept：text/xml; 代表客户端希望接受的数据类型是xml类型Cont...原创 2018-12-03 10:48:55 · 164 阅读 · 0 评论 -
理解Cookie和Session机制
理解Cookie和Session机制目录Cookie机制什么是CookieCookie的不可跨域名性Unicode编码：保存中文BASE64编码：保存二进制图片设置Cookie的所有属性Cookie的有效期Cookie的修改、删除Cookie的域名Cookie的路径Cookie的安全属性JavaScript操作Cookie案例：永久登录Session机制什么是Session实现用户登录Se...原创 2018-11-23 00:10:20 · 222 阅读 · 0 评论 -
H5——canvas实现生成验证码图片
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title&原创 2018-11-02 16:59:56 · 1160 阅读 · 0 评论 -
HTTP请求中POST与GET的区别
一、原理区别一般我们在浏览器输入一个网址访问网站都是GET请求;再FORM表单中，可以通过设置Method指定提交方式为GET或者POST提交方式，默认为GET提交方式。HTTP定义了与服务器交互的不同方法，其中最基本的四种：GET，POST，PUT，DELETE，HEAD，其中GET和HEAD被称为安全方法，因为使用GET和HEAD的HTTP请求不会产生什么动作。不会产生动作意味着GET...原创 2018-10-31 18:28:53 · 246 阅读 · 0 评论 -
前端权限控制
何为权限控制权限控制大致分为两个维度:垂直维度: 控制用户可以访问哪些url的权限 水平维度: 控制用户访问特定url，获取哪些数据的权限（e.g. 普通用户、管理员、超级管理员访问同一url，获取的数据是不同的）Web权限控制方案List前后端不分离：以Java为例，后端通过jsp、freemark、thmeleaf等模板来渲染相应权限的数据，渲染完呈现在浏览器端 前后端分...原创 2018-10-18 12:29:44 · 886 阅读 · 0 评论 -
Http请求头和响应头的Cache-Control如何理解
请求头Cache-Control：no-cache表示不使用缓存。相应头Cache-Control：no-cache表示客户端不缓存。原创 2018-10-11 17:17:07 · 6796 阅读 · 1 评论 -
from memory cache与from disk cache详解
在chrome浏览器中的控制台Network中size栏通常会有三种状态1.from memory cache2.from disk cache3.资源本身的大小(如：1.5k)那么问题来了1.三种区别在哪里；2.浏览器采取不同措施的原则是什么；3.其他浏览器的策略下面分别讲述以上三个问题1.三种区别在哪from memory cache：字面理解是从内存中，其实也...原创 2018-10-11 16:26:28 · 1467 阅读 · 0 评论 -
【转载】掌握 HTTP 缓存——从请求到响应过程的一切（下）
作者：Ulrich Kautz 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58bd4dd1204d50674934c3b0 英文原文：Mastering HTTP Caching - from request to response and everything...原创 2018-10-11 15:43:06 · 111 阅读 · 0 评论 -
【转载】掌握 HTTP 缓存——从请求到响应过程的一切（上）
作者：Ulrich Kautz 编译：胡子大哈翻译原文：http://huziketang.com/blog/posts/detail?postId=58b77935204d50674934c3ad 英文原文：Mastering HTTP Caching - from request to response and everything转载请注明出处，保留原文链接以及作者信息学习笔...原创 2018-10-11 15:40:32 · 224 阅读 · 0 评论 -
CDN学习笔记二（技术详解）
一本好的入门书是带你进入陌生领域的明灯，《CDN技术详解》绝对是带你进入CDN行业的那盏最亮的明灯。因此，虽然只是纯粹的重点抄录，我也要把《CDN技术详解》的精华放上网。公诸同好。第一章 引言 “第一公里”是指万维网流量向用户传送的第一个出口，是网站服务器接入互联网的链路所能提供的带宽。这个带宽决定了一个 网站能为用户提供的访问速度和并发访问量。如果业务繁忙，用户的访问数越多，...原创 2018-10-11 15:37:07 · 1333 阅读 · 0 评论 -
CDN学习笔记一（CDN是什么？）
CDN是什么？谈到CDN的作用，可以用8年买火车票的经历来形象比喻： 8年前，还没有火车票代售点一说，12306.cn更是无从说起。那时候火车票还只能在火车站的售票大厅购买，而我所住的小县城并不通火车，火车票都要去市里的火车站购买，而从县城到市里，来回就是4个小时车程，简直就是浪费生命。后来就好了，小县城里出现了火车票代售点，可以直接在代售点购买火车，方便了不少，全市人民再也不用在一个...原创 2018-10-11 15:35:46 · 235 阅读 · 0 评论 -
HTTP缓存机制及原理
前言Http 缓存机制作为 web 性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系库中的一个基础环节，同时对于有志成为前端架构师的同学来说是必备的知识技能。但是对于很多前端同学来说，仅仅只是知道浏览器会对请求的静态文件进行缓存，但是为什么被缓存，缓存是怎样生效的，却并不是很清楚。在此，我会尝试用简单明了的文字，像大家系统的介绍HTTP缓存机制，期望对各位正确的理解前...原创 2018-09-28 18:08:56 · 186 阅读 · 0 评论