我们已经学习完了 KOA2 的快速上手, 并且对 KOA2 当中的中间件的特点页进行了讲解. 接下来就是利用KOA2 的知识来进行后台项目的开发，后台项目需要达到这以下几个目标:
在开发过程中，你可能会遇到浏览器警告“Refused to execute script from 'http://127.0.0.1:8004/login' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.” 这个问题通常发生在浏览器尝试加载一个脚本时，服务器返回了不正确的MIME类型。本文将介绍几种解决该问题的方法。
开发者可以利用 HTTP 响应头来加强 Web 应用程序的安全性，通常只需要添加几行代码即可。本文将介绍 web 开发者如何利用 HTTP Headers 来构建安全的应用。虽然本文的示例代码是 Node.js，但基本所有主流的服务端语言都支持设置 HTTP 响应头，并且都可以简单地对其进行配置。
其中协议版本HTTP/1.1或者HTTP/1.0，200就是它的状态码，OK则为它的描述。
为什么要配置HTTP响应头? 不知道各位有没有被各类XSS攻击、点击劫持 (ClickJacking、 frame 恶意引用等等方式骚扰过，百度联盟被封就有这些攻击的功劳在里面。为此一直都在搜寻相关
HTTP 协议一共有四个阶段比较重要的阶段，分别是 0.9/1/2/3，其中1又分为1.0和1.1。
从项目中由浅入深的学习vue,微信小程序和快应用 (1) 从项目中由浅入深的学习react (2) 从项目中由浅入深的学习typescript (3)
HTTP缓存（ ETag、Cache-Control）——谷歌开发者 HTTP缓存有利于web性能优化
我们在学习web知识的时候就已经学过了状态码的相关知识，我们知道这是服务器给我的相关反馈，我们在学习的时候就被教育说应该将真实情况反馈给客户端，但是在爬虫中，可能该站点的开发人员或者运维人员为了阻止数据被爬虫轻易获取，可能在状态码上做手脚，也就是说返回的状态码并不一定就是真实情况，比如:服务器已经识别出你是爬虫，但是为了让你疏忽大意，所以照样返回状态码200，但是响应体重并没有数据。
使用 js 处理 json 传输到前端的时候，出现了中文乱码的情况。后来网上搜了下，大概就是说在 nginx.conf 配置文件中的的 server 段添加 charset=UTF-8，不过貌似对我不起作用。又看到有说在后台 location 段添加响应头 Content-Type 编码，针对 json 文件该处理方式的确有效，不过需要注意的是覆盖响应头时，需要使用和被请求文件同类型。
********************************** ajax *********************************
对于WEB应用程序：用户浏览器发送请求，服务器接收并处理请求，然后返回结果，往往返回就是字符串（HTML），浏览器将字符串（HTML）渲染并显示浏览器上。
koa是当下非常流行的node框架，相比笨重的express，koa只专注于中间件模型的建立，以及请求和响应控制权的转移。本文将以koa2为例，深入源码分析框架的实现细节。 koa2的源码位于lib目录，结构非常简单和清晰，只有四个文件，如下：
重用已获取的资源能够有效的提升网站与应用的性能。Web 缓存能够减少延迟与网络阻塞，进而减少显示某个资源所用的时间。借助 HTTP 缓存，Web 站点变得更具有响应性。
Web服务器收到客户端的http请求，会针对每一次请求，分别创建一个用于代表请求的request对象、和代表响应的response对象。获取网页提交过来的数据，只需要找request对象就行了。要向网页输出数据，只需要找response对象。
对于web应用程序:用户浏览器发送请求.服务器接收并处理请求,然后返回结果,往往返回就是字符串(HTML),浏览器将字符串(HTML)，渲染并显示浏览器上·
gzip模块是我们在nginx里面经常用到的，压缩响应的数据，这通常有助于将传输数据的大小减少一半甚至更多。可以让我们访问网站更为流畅。
打开gitbash，切换到js文件当前的文件夹，然后输入node index.js（index.js是我的js文件名，反正你们取什么名就输入啥名）
Content-Type 指定 Body 的媒体资源类型，如果是请求头，则代表请求体的资源类型，如果是响应头，则代表响应体的资源类型。
通过复用以前获取的资源，可以显著提高网站和应用程序的性能。Web 缓存减少了等待时间和网络流量，因此减少了显示资源表示形式所需的时间。通过使用 HTTP缓存，变得更加响应性。
- Web服务器 - 概念: - web资源: "英文直译"网"的意思 资源:一切数据文件 web资源:通过网络可以访问到的资源,通常指的是一切放在服务器上的文件" - web资源的分类: - 静态的web资源: " 内容是一成不变的" - 动态的web资源: " 内容有可能在不同的时间或者不同的人访问的时候会发生改变的" - web技术分类 - 静态的web技术
协议是指双方，或多方，相互约定好，大家都需要遵守的规则，叫协议。 所谓 HTTP 协议，就是指，客户端和服务器之间通信时，发送的数据，需要遵守的规则，叫 HTTP 协议。
"Express"和"Spring Boot"是两个流行的后端开发框架，分别用于JavaScript和Java语言。
我写这篇文章的目的其实是想科普一下基础的数据传输和交互流程，其实也就是写http协议相关的一些东西。而写这篇文章也主要是源于最近和长久以来很多人问的问题都是有关于这块的（可能问题并不是这么问，但是主要涉及到的根本原因还是这一块），所以我想写这篇文章也算是做一个科普，让大家在写前后端程序的时候，不会由于数据传输的问题而不知道怎么去解决bug。
案例：张三要把自己考上传智专修学院的好消息写信告诉自己的好朋友李四。 其中： 通信的主体是：张三和李四； 通信的内容是：考上传智专修学院 通信的方式是：写信。
和去年（去年作者写了 WebAssembly 2020 年发展和 2021 年预测）一样，本文将先回顾下 WebAssembly 过去一年的发展，然后预测下其未来一年的趋势。
a）首先会搜索浏览器自身的DNS缓存（缓存时间比较短，大概只有1分钟，且只能容纳1000条缓存）
响应头是非常重要的内容，浏览器或者客户端有很多东西可能都是根据响应头来进行判断操作的，比如说最典型的 Content-Type ，之前我们也演示过，直接设置一个空的 types 然后指定默认的数据类型的值，所有的请求浏览器都会直接下载。另外，我们现在在做前后分离的开发时，也经常会通过头信息来传递一些标志参数，那么自定义响应头的作用就更加重要了。另外一个 Map 部分则是 Nginx 中的一种变量设置方式，话不多说，直接开始吧。
导语｜分享五个相当 nice 的 Chrome 调试工具技巧，只要你冲浪，绝对有你用得着的。
跨域，这或许是前端面试中最常碰到的问题了，大概因为跨域问题是浏览器环境中的特有问题，而且随处可见，如同蚊子不仅盯你肉而且处处围着你转让你心烦。「你看，在服务器发起 HTTP 请求就不会有跨域问题的」。
出于安全考虑，对于Ajax请求，浏览器会发起同源检查。所谓的同源是指发出请求的网页与请求的服务器对应的通讯协议、域名、端口完全一致。如果发起请求的网页和Ajax请求的目标地址不同源就会出现所谓的跨域问题而无法正确访问。
以前经常用前端的一段js代码，但防君子不防小人，别人还是可以通过禁用js，或动态修改js来引用。
由于web应用大多数都在浏览器中进行操作，所以我们有必要先了解一下浏览器里面到底发生了什么。简而言之，当你在浏览器的地址栏中输入网址并按下回车，或者点击了网页上的某个链接时，浏览器就会按照网址给目标服务器发送请求。浏览器和服务器之间的请求遵循http协议，协议规定了所使用的格式，只有按照这种格式组织的数据才能相互识别。
4、停止动画 - stop([stopAll [, goToEnd]]) stopAll 布尔值，规定是否停止被选元素的所有加入队列的动画。默认是 false。 goToEnd 布尔值，规定是否立即完成当前的动画。默认是 false。 - finish([queue]) - jQuery.fx.off 全局动画开关 Finish (）：所有的堆栈动画直接结束 stop (true, true）：阻止当前的动画
「服务类型（Scheme）」 指明将被使用的协议（Protocol）。「协议」指定数据如何传输以及如何处理请求。当你查看协议时，你就能很好地理解这个 URL 的用途。（例如是带有 SMTP、POP3、IMAP 的电子邮件协议，还是获取和管理 git 仓库的 SSH 请求，或者是针对 Web 的 HTTP 请求。）
Vooki是一款免费且用户界面友好的Web应用漏扫工具，它可以轻松地为你扫描任何Web应用并查找漏洞。Vooki主要包括三个部分，Web应用扫描器，Rest API扫描器以及报告。
作为一款接口测试工 具，postman需要对发送请求后返回的结果是否正确做验证，在postman中通过 tests页签做请求的验证，也称为断言。
做过 web 开发的同学，应该都遇到过跨域的问题，当我们从一个域名向另一个域名发送 Ajax 请求的时候，打开浏览器控制台就会看到跨域错误，今天我们就来聊聊跨域的问题。
前言: 刚好今天回来的很早, 总结下 Tomcat及Http的基础知识. ---- 1, Tomcat web相关概念 web:网页的意思,网页资源包括服务器上的所有资源. web资源分类: 静态的资源:内容不会发生改变的资源 动态的资源:内容可能发生改变的资源 web技术: 静态的web技术:html css js 等 动态的web技术:servlet
AJAX(Asynchronous JavaScript And XML):异步的JavaScript 和 XML
在Play项目中我们经常需要开发一些自定义Filter完成一些特定任务，在Filter实现中通常需要根据Response的Content-Type做相应的处理。例如实现一个CacheFilter只缓存js/css/img等静态文件，LoggerFilter只打印html响应的请求，GzipFilter忽略image类型响应(因为image本身就是压缩类型)。所以正确的获取Content-Type在开发Filter时显得尤为重要。在Play2.5.x中，Content-Type的获取方式发生了一些变化，下面对
HTTP 笔记 参加字节跳动的青训营时写的笔记。这部分是杨超男老师讲的课。 1. 简介 超文本协议(Hyper Text Transfer Protocol) 特点： 应用层协议，基于 TCP 协议 请求响应：遵循客户端-服务端模型，客户端打开一个连接发出请求，然后等待服务器响应 简单可扩展 无状态 2. 发展 3. 请求方法 方法 解释 GET 请求一个指定资源的表示形式，用于获取数据 POST 用于将实体提交到指定的资源。会导致在服务器上的状态变化或副作用 PUT 对服务器的数据进行修改。与 POS
HTTP/2 诞生于 8 年前 Google 一封 SPDY 协议白皮书。5 年前，RFC7540 和 RFC7541 的发布正式确立了 HTTP/2。5 年过去了，支持 HTTP/2 的浏览器的市场占有率达到了 96.88%，HTTP/3 已经从 QUIC 中诞生，然而回过头来看看国内各大网站，HTTP/2 仍然没有发挥它应该有的作用。不过，HTTP/2 究竟能做什么呢？
Next.js 是一个基于 React 的开发框架，它提供了很多强大的功能，如服务器端渲染、静态网站生成、API路由等。
浏览器的同源策略，要同源说起。顾名思义，同源就是源头相同，即两个页面的协议、端口和域名都相同，任何一个不满足，都会导致跨域。
这本书是很久之前买的，今天回顾了一下，顺便记录一下笔记。 本书的副标题是“前端工程师技能精髓”可见这本书的牛逼之处。这本书也很薄，只有147页，但是每一章都是精髓。由于这本书每章提出了一个性能优化的方法，我们也就按照每张的具体内容给出吧。
什么是 HTTP 协议 什么是协议? 协议是指双方，或多方，相互约定好，大家都需要遵守的规则，叫协议。 所谓 HTTP 协议，就是指，客户端和服务器之间通信时，发送的数据，需要遵守的规则，叫 HT
本篇讲解常见的几种跨域方案：JSONP、CORS、图像Ping、document.domain、window.name。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
