小婷的博客

什么是反向代理反向代理指代理服务器来接受客户端上的连接请求，然后将请求发给内部网络上的服务器，并将从服务器上得到的结果返回给连接的客户端总结反向代理数据：经常在前后端分离项目中采用，前端与后端开启两个服务器，通过代理联系在一起反向代理原理：服务端不存在同源策略，没有跨域限制...

JSONP方案JSONP(JSON with Padding)是一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题，利用script标签不受同源策略影响实现的总结JSONP方案：利用script标签实现的，优点：兼容性非常好，缺点：只能发送GET请求...

Ajax跨域操作浏览器的同源策略浏览器同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能都会受到影响CORS方案CORS全称是“跨域资源共享”（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发送xhr请求，从而克服了Ajax只能同源使用的限制，CORS方案只需要由服务器发送一个响应标头即可总结同源策略：浏览器的安全机制，要求三个相同CORS方案：跨域资源共享，服务器

axios创建实例利用axios.create()创建新实例axios并发操作利用axios.all()实现并发操作总结axios提供了一些高级用法，例如：创建新实例、并发操作等，有助于解决更复杂的业务需求

axios取消请求使用cancel token取消请求：总结axio可以利用cancel token 方式在请求过程中取消请求，利用这种方式实现重复请求

axio拦截器请求拦截器：响应拦截器总结axios拦截器，可以在请求前或响应前做一些统一处理，例如携带请求头信息，添加全局loading，添加全局错误处理等

请求配置参数全局配置的写法：响应配置参数总结axio配置参数：浏览器与服务器之间交互时，携带的一些信息和一些功能的实现，如请求超时，修改发送与响应数据等

什么是axiosaxios是一个基于promise的HTTP库，可以用在浏览器和Node.js中。从浏览器中创建XMLHttpRequest,从Node.js创建http请求中文官方：http://www.axios-js.com/axio的优势axio GET请求第一种方式：第二种方式：axio POST请求...

什么是接口文档在项目开发中，web项目的前后端是分离开发的。应用程序的开发，需要由前后端工程师共同定义的接口，编写接口文档，之后大家都根据这个接口文档进行开发，到项目结束前要一直维护编写接口文档接口文档大概需要编写内容为：接口说明、请求方式、请求URL、请求参数，返回参数等示例：https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/studio-api.html...

POST发送JSONPOST通过修改请求头信息，进行JSON数据发送，通过setRequestHeader()方法进行设置总结发送JSON数据：保证了前后端数据格式的统一，方便其前后端操作，并且可以发送更加复杂的数据结构给后端...

DOM方式DOM是HTML文档的编程接口。DOM将文档解析为一个由节点和对象组成的结构集合，也叫DOM树。简言之，它会将web页面和脚本或程序语言连接起来拼接模板字符串模板字符串使用反引号( ``)来代替普通字符串中的用双引号和单引号，可以使用多行字符串和字符串插值功能前端模板引擎模板引擎可以让（网站）程序实现界面与数据分离，业务代码与逻辑代码的分离，提升开发效率，良好的设计也提高了代码的复用性总结如何把JSON数据渲染到页面：DOM操作、拼接模板字符串、前端模板引擎，或

什么是JSONJSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成JSON规范Key属性和字符串类型值，必须使用双引号值的类型范围：string、number、object、array、boolean、null最后一组 “名称/值”对 不能有逗号JSON方法JSON.parse()方法用来解析JSON字符串JSON.stringify()方法将一个JavaScrip

Ajax请求操作GET发送数据GET请求通过 查询字符串参数 的方式把请求体内容传给后端，要求通过附加url后面进行传输POST发送数据POST请求默认通过 纯文本 的方式把请求体内容传给后端，要求通过send（）方法参数进行传输POST请求可以通过 "名称/值"对 的方式把请求体内容传给后端，要求通过setRequestHeader()方法进行设置总结GET发送数据：url？后面，通过查询字符串参数形式发送POST发送数据：send()方法参数，数值类型为纯文本、

创建XMLHttpRequest 实例Ajax通过原生的XMLHttpRequest对象发出HTTP请求，得到服务器返回的数据后再进行处理。XMLHttpRequest对象是Ajax的主要接口，用于浏览器与服务器之间的通信。监听请求是否成功完成xhr实例下的load事件，用来监听请求是否已经成功完成发出HTTP请求xhr实例创建成功后，使用open（）和send（）方法发出HTTP请求总结基本框架，步骤一：创建xhr对象基本框架，步骤二：监听请求是否完成基本框架，步骤三：发出

什么是Koa基于Node.js平台的下一代web开发框架官网：https://www.koajs.com.cn/Koa2环境搭建安装Node.js脚手架安装：npm i -g koa-generator创建koa2应用：koa2 项目名安装项目依赖：npm install启动koa框架：npm run dev通过http://localhost:3000访问koa2应用访问资源：/public路由：指如何定义应用的端点以及如何响应客户端的请求总结Koa框架：快速搭建一个后

前端要想访问数据库要先访问后端，通过后端再去访问数据库什么是Ajax技术Ajax即“Asynchronous JavaScript And XML”（异步JavaScript和XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个页面的情况下，能够更新部分王爷的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的部分更新。局部刷新与异步案例总结局部刷新：部分网页内容进行更新，常见需求：下拉刷新

什么是数据库数据库是“按照数据结构来组织、存储和管理数据的仓库”。是一个长期储存在计算机内的、有组织的、可共享的、统一管理的大量数据的集合。什么是后端语言后端语言，在Web应用中实际上就是向前端提供需要显示网页内容的数据，这些数据大多从数据库中获取。当然后端语言不只是操作数据，还有安全、分布式、负载均衡等。总结数据库：用来存储数据的，类似excel表格形式，常见数据库有：MySQL、Qracle、Mongodb等。后端语言（Web）：处理业务逻辑和数据的，常见后端语言：PHP、JAVA

什么是HTPPhttp是一个简单的请求-响应协议，它通常运行在TCP之上。它指定了客户端（浏览器）可能发送给服务器什么样的消息以及得到什么样的响应。HTTP请求与响应的组成http请求信息（Request Headers），用来描述一些元数据。http请求体，也就是请求正文。http响应头信息（Response Headers），用来描述一些元数据。http响应体，也就是响应正文。HTTP请求方法指定客户端（浏览器）想对指定的资源（服务器）作何种操作GET请求与POST请求

什么是浏览器万维网（Web）服务的客户端浏览程序。可向万维网（Web）服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体格式进行解释、显示和播放什么是服务器指一个管理资源并为用户提供服务的计算机软件，通常分为文件服务器、数据库服务器和应用程序服务器。运行以上软件的计算机或计算机系统也被称为服务器总结：浏览器：用于发起请求，享受服务的服务器：用于响应请求，提供服务的...

简介Ajax即“Asynchronous JavaScript And XML” （异步JavaScript和XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需加载整个网页的情况下，能够更新部分网页的技术1999年，微软公司发布IE浏览器5.0版本，第一次引入新功能：允许JavaScript脚本向服务器发起HTTP请求。这个功能当时并没有引起注意，直到2004年Gmail发布和2005年Gloogle Map发布，才引起广泛的重视。2005年2月，Ajax这个词第一次正式提出为什么