最近查看nginx log排查问题时，意外中发现重量级的主页 list api 304比例已暴跌至不到1%，之前该比例长期维持在30%以上，近期也未改动过相关逻辑，跟进后最终发现是服务端本地cache混用导致的问题。
这是一个没什么含量但是又用的比较多又不得不说的问题，其实真的不想说，因为没什么好说的。
注：此代码只是个人根据当时的环境满足了当时的需求，记录下来用做后续参考！如有问题，请检查软硬件环境是否一致，由于时间精力有限，大部分未做详细环境描述。
发送 POST 其实很简单可以在之前发送 GET 请求的基础上进行更改一些内容即可进行发送 POST 请求了：
浮点数值的最高精度是17位小数，但在进行算术计算时精度远远不如整数。例如 0.1 + 0.2 === 0.300000000000004(大致这个意思，具体多少个零请实际计算) 所以永远不要测试某个特定的浮点数值
注册很简单，使用已有Q号登录「厘米游戏」开放平台按照流程提交资料审核即可 。开发者接入官方说明文档
HTML 表单最初只支持 application/x-www-form-urlencoded 形式编码（key=value&key=value...），但它不适合用于传输二进制数据（文件）或者包含非ASCII字符的数据。所以 multipart/form-data 就诞生了，专门用于传输文件。
这种交互的的缺陷是显而易见的，任何和服务器的交互都需要刷新页面，用户体验非常差， Ajax的出现解决了这个问题。 Ajax全称 AsynchronousJavaScript+XML（异步 JavaScript和 XML）
1. Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。前端最流行的 ajax 请求库， 2. react/vue 官方都推荐使用 axios 发 ajax 请求
1.创建一个H5 标签 2.创建请求获取视频源，并将视频源转为blob对象 //创建XMLHttpRequest对象 var xhr = new XMLHttpReques
XMLHttpRequest是一个浏览器接口，使得Javascript可以进行HTTP(S)通信。 最早，微软在IE 5引进了这个接口。因为它太有用，其他浏览器也模仿部署了，ajax操作因此得以诞生。 但是，这个接口一直没有标准化，每家浏览器的实现或多或少有点不同。HTML 5的概念形成后，W3C开始考虑标准化这个接口。2008年2月，就提出了XMLHttpRequest Level 2 草案。 这个XMLHttpRequest的新版本，提出了很多有用的新功能，将大大推动互联网革新。本文就对这个新版本进行详
工作中如果有负责开放平台，那么往往会有上传文件的诉求。一般10M内大小的图片，我们能通过一个上传接口即可，但如果文件大小超过100M或者1G甚至更大，通过一个接口在人机交互上显然不友好，期望为用户提供进度条，实时告知上传进度；而且用户可以选择暂停，比如断网或上传了错误文件，用户也能随时恢复上传；若用户重复上传相同文件时，系统能提示秒传成功。也就是实现类似于百度网盘的上传功能。
image.png 整理 Ajax 的一些常用的基础知识，挺适合初学的朋友 一、Ajax 简介、优劣势、应用场景以及技术 Ajax 简介 : Asynchronous Javascript And XML （异步的 JavaScript 和 XML） 它并不是一种单一的技术，而是有机利用一系列交互式网页应用相关的技术所形成的结合体 AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更
********************************** ajax *********************************
socket.io与cluster 在线上系统中，需要使用node的多进程模型，我们可以自己实现简易的基于cluster模式的socket分发模型，也可以使用比较稳定的pm2这样进程管理工具。在常规的http服务中，这套模式一切正常，可是一旦server中集成了socket.io服务就会导致ws通道建立失败，即使通过backup的polling方式仍会出现时断时连的现象，因此我们需要解决这种问题，让socket.io充分利用多核。 在这里之所以提到socket.io而未说websocket服务，是因为so
目前大多数搜索框都已实现自动补全功能，自己也私底下实现了一个简易版本， 在此总结过程中的一些要点： 1，侦听文本框的value值改变，注意在Ie8及其之前版本的onpropertychange和Ie9的oninput事件与 W3C下的oninput事件的异同； 2，ajax请求数据； 3，自动补全框的定位； 4，上下键导航以及鼠标导航 在此附上源码： .auto-ul{ list-style: none; padding:
下面具体介绍在vue中使用全局拦截器的使用方法。将以下代码放在 your-project/src/util/currency.js
页面中常常会有需要跨域通信的需求实现，我们知道浏览器的同源策略是不允许不同域之间的相互通信的（这里不深究域的定义及如何才算跨域），比如a.com有b.com想要的数据，那么在b.com页面中发送ajax请求到a.com是不允许的，相信大家都知道一些跨域通信的实现方法：
本文主要介绍了跨域资源共享（CORS）的相关知识，包括CORS的工作原理、服务器端如何配置支持CORS、如何发起跨域请求以及如何处理响应等。此外，还提供了关于浏览器对CORS请求的处理流程和可能遇到的错误情况的说明。
在 Web 开发中，我们可能要频繁调试网页上的请求，可能我们需要改动一个很小的参数，然后被迫重启一遍项目或者等待热更新，其实使用 Devtools 的重新发送请求的功能会很方便。
本文主要是我学习ajax的笔记，不涉及到原理，只是记录如何使用。如果有错欢迎各位大佬指出。提前先转一篇写的非常全面的博客你真的会使用XMLHttpRequest吗？
前端无法像原生APP一样直接操作本地文件，否则的话打开个网页就能把用户电脑上的文件偷光了，所以需要通过用户触发，用户可通过以下三种方式操作触发：
为了让提升用户体验，微软在IE5中引入了XMLHttpRequest， 简称XHR，XMLHttpRequest的出现，可以让网页无需刷新，即可从服务器获取最新的内容，这项技术也就是所谓的Ajax
全球排名第一的建站工具WordPress，有一款非常受欢迎的扩展instant-page，它可以通过鼠标悬停预加载链接来提高Chrome访问网站的速度，开源地址:
本文中提到的链接，因为微信的限制，没有显示出来，查看文中链接，需要点击最下方的阅读原文链接
ES6：最新版的JS，ECMAScript标准 JavaScript语言(实现)，它还有多种称呼：
前一篇已经简单介绍了下Ajax的用法了(只是简单的GET请求)，下面就来捣鼓下Ajax的其他内容
前端无法像原生APP一样直接操作本地文件，否则的话打开个网页就能把用户电脑上的文件偷光了，所以需要通过用户触发，用户可通过以下三种方式操作触发： 通过input type=”file” 选择本地文件 通过拖拽的方式把文件拖过来 在编辑框里面复制粘贴 第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type=”file”的input不好改变样式。如下代码写一个选择控件，并放在form里面： 然后就可以用FormData获取整个表单的内容： $("#file-input").on("chang
事实上，前端很少涉及对二进制数据的处理，但即便如此，我们偶尔总能在角落里看见它们的身影。
相同点: 都是将数据提交到远程服务器 不同点: 1. 提交数据存储的位置不同 GET请求会将数据放到URL后面 POST请求会将数据放到请求头中 2. 提交数据大小限制不同 GET请求对数据有大小限制 POST请求对数据没有大小限制
用原生Js封装了一个Ajax插件，引入一般的项目，传传数据，感觉挺可行的。。。简单说说思路，有兴趣的可以自己跟着写一个，顺便熟悉一下原生的Ajax...
什么是Ajax？ Ajax是一种可以与服务器交换数据并更新部分页面内容，同时可以在不让整个网页重新加载的情况下更新网页的一种技术 Ajax请求过程： 1：创建一个异步对象 var xmlHttp = new XMLHttpRequest(); 2：设置请求方式和请求地址 /* 参数顺序，描述 （1）method：请求的类型；GET 或 POST （2）url：文件在服务器上的位置 （3）async：true（异步）或 false（同步） （一般为true，因ajax的精髓就是
我们通常将Ajax等同于XMLHttpRequest，但细究起来它们两个是属于不同维度的2个概念。
同步调用相对简单，但使用异步调用才是我们真正常用的手段。使用异步调用的时候，需要触发readystatechange事件，然后检测readyState属性即可。这个属性有五个值：
掘金 | https://juejin.im/user/5a16e1f3f265da43128096cb
打开 http://localhost:3000/，可以在 Resources 中看到所有的接口
在远古时代，如果浏览器需要从服务器请求资源，其交互模式为 “客户端发出请求 -> 服务端接收请求并返回相应 HTML 文档 -> 页面刷新，客户端加载新的 HTML文档”，很显然，在这种情况下，即使只是为了更新部分数据，我们也不得不重新加载整个重绘的页面。而 AJAX 的出现解决了这个问题。
Yslow 这个工具相信无论是搞前端的攻城师或者是搞网站的站长都了解，Yslow 可比谷歌的PageSpeed 有名多了；那个百分制下的评分数据总让国人着迷，看来应试教育造的孽太深了。Jeff 认为的话，Yslow 比较专业，但是因为是英文的，所以在个人分析结果上对某些人比较吃力，建议先使用PageSpeed Insights熟悉熟悉。 网站性能评分工具Yslow 简介 YSlow （解析为 why slow）是雅虎基于网站优化规则推出的工具，帮助你分析并优化网站性能。雅虎网站优化规则在十几个方面给你的网站
其实现在市面上有很多前端的三方库都集成了分片上传的功能，比如百度的WebUploader，遗憾的是它已经淡出历史舞台，无人维护了。现在比较推荐主流的库是vue-simple-uploader，不过饿了么公司开源的elementUI市场占有率还是非常高的，但其实大家所不知道的是，这个非常著名的前端UI库也已经许久没人维护了，Vue3.0版本出来这么久了，也没有做适配，由此可见大公司的开源产品还是需要给业务让步。本次我们利用elementUI的自定义上传结合后端的网红框架FastAPI来实现分片上传。
AJAX：Asynchronous JavaScript And Xml（异步的JS和XML） 同步：客户端发起请求》服务端的处理和响应》客户端重新载入页面（循环） 异步：客户端实时请求》服务端处理和响应》客户端获得响应后局部刷新页面 异步实现的关键是，XMLHttpRequest对象的出现 创建XHR对象 var request; if(window.XMLHttpRequest){ request = new XMLHttpRequest(); //IE7+,Firefox,Chrome,Op
前面几篇都在复习nodejs创建HTTP服务器的若干知识点，本篇将使用原生AJAX和nodejs的HTTP服务器配合写几个DEMO，加深运用理解，也方便时间长回顾备查，客户端使用file访问协议，服务端代码写在app.js中，客户端代码写在index.html中，所有demo均亲测可用。
自从 Axios 成功打入 Vue 全家桶之后，便开始火的一塌糊涂！截止到目前，其在 github 上的 star 即将突破 80k ！可以说 Axios 是当下前端界最流行的 ajax 请求库，可(jue)能(dui)没有之一！
我大学那会儿，一个称为Ajax的东西对前端行业造成了深远影响，不仅是JS语言，而包括前端地位、职位兴起以及工作分工等。抛开IE6浏览器不谈，其他浏览器的Ajax实际上都是借助XMLHttpRequest实现的。
使用PHP来展示常规的表单上传是一个不错的选择。首先构建文件上传的表单，并指定表单的提交内容类型为enctype="multipart/form-data"，表明表单需要上传二进制数据。
注意：本文分享给安全从业人员,网站开发人员和运维人员在日常工作中使用和防范恶意攻击,请勿恶意使用下面描述技术进行非法操作。
注意：本文分享给安全从业人员、网站开发人员以及运维人员在日常工作防范恶意攻击,请勿恶意使用下面介绍技术进行非法攻击操作。。
通过后台与服务器进行少量数据交换，ajax可以使网页实现异步更新。也就是在不需要重新加载整个网页的情况下，能够更新部分网页的技术。传统的网页不使用ajax，如果需要更新内容，必须重新加载整个页面。
因为前端监控会在页面关闭的时候，发送一下日志，所以会涉及到监听页面关闭，之前我们只监听了一个beforeunload 来发送数据
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
