随笔- 672
文章- 2
评论- 325
阅读-
281万
随笔分类 - HTML WEB开发
JSON 数据类型（转载）
摘要：文章目录 JSON 数据类型一，字符串二，数字三，布尔值四，空五，对象六，数组JSON也可以是一个数组 JSON 数据类型JSON 是 Web 开发中使用最广泛的数据交换格式，它独立于编程语言，能够被大多数编程语言使用。本节我们来详细介绍一下 JSON 中支持的数据类型。 JSON 中支持的数据类型
阅读全文
JavaScript 中 cookie、localStorage 和 sessionStorage 三者的区别（转载）
摘要：1、三者区别 cookie 用来保存登录信息，大小限制为 4KB 左右 localStorage 是 Html5 新增的，用于本地数据存储，保存的数据没有过期时间，一般浏览器大小限制在 5MB sessionStorage 接口方法和 localStorage 类似，但保存的数据的只会在当前会话中保
阅读全文
基于 JWT + Refresh Token 的用户认证实践（转载）
摘要：HTTP 是一个无状态的协议，一次请求结束后，下次在发送服务器就不知道这个请求是谁发来的了（同一个 IP 不代表同一个用户），在 Web 应用中，用户的认证和鉴权是非常重要的一环，实践中有多种可用方案，并且各有千秋。 基于 Session 的会话管理 在 Web 应用发展的初期，大部分采用基于 Se
阅读全文
Https是否加密URL参数和Header中的信息?（转载）
摘要：问： 有些和地理位置相关的信息需要通过API 发送到后台服务. 除了放在JSON 格式的body里, 如果放在url中, 或者header中, 是否有隐私暴露的风险? 答： HTTPS 会加密 header 和 body，而 URL 中 hostname 之后的部分是存在于 header 中的。 但
阅读全文
浅析http状态码301、302、303、307、308区别（转载）
摘要：http的重定向我们经常是张口就来，整个流程也非常简单，服务端HTTP返回码是30x，头里面的Location字段代表新的URL。如下图所示： 但重定向也还是有需要深入探讨地方，返回码不仅有我们经常使用301和303还有302 307 308 它们有啥区别呢。可以按照是否缓存和重定向方法，两个维度去
阅读全文
ajax异步请求返回302状态是否会自动跳转（转载）
摘要：我们知道http响应状态码301和302是代表redirect跳转，在web浏览器中收到301和302状态码后，web浏览器会自动跳转到新的url，但是如果是ajax异步请求收到301和302状态码后会自动跳转吗？ 答案是：对于http响应状态码301和302，ajax会自动跳转，详情查看下面的文章
阅读全文
JWT的验证（转载）
摘要：JWT的验证流程分为两个步骤： 1.签名验证 当接收方接收到一个JWT的时候，首先要对这个JWT的完整性进行验证，这个就是签名认证。它验证的方法其实很简单，只要把header做base64url解码，就能知道JWT用的什么算法做的签名，然后用这个算法，再次用同样的逻辑对header和payload做
阅读全文
HTML网页中，img标签和Ajax请求是支持跳转（Redirect）的
摘要：我们知道在HTTP请求中，状态码301和302代表跳转，也叫重定向（Redirect）。 301-Moved Permanently：永久移动。请求的资源已被永久的移动到新URI，返回信息会包括新的URI，浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替。 302-Found：临时
阅读全文
Do the JSON keys have to be surrounded by quotes?（转载）
摘要：问 Example: Is the following code valid against the JSON Spec? { precision: "zip" } Or should I always use the following syntax? (And if so, why?) { "p
阅读全文
JSON中如何转义字符串中的双引号（转载）
摘要：问： I'm trying to show double quotes but it shows one of the backslashes: When rendering in the html it shows as \"Example text\". What is the correct
阅读全文
img图片加载出错处理（转载）
摘要：为了美观当网页图片不存在时不显示叉叉图片当在页面显示的时候，万一图片被移动了位置或者丢失的话，将会在页面显示一个带X的图片，很是影响用户的体验。即使使用alt属性给出了”图片XX”的提示信息，也起不了多大作用。其实，可以这样处理：当图片不存在的时候，会触发onerror事件，我们可以在该事件中做一下
阅读全文
ajax上传文件以及实现上传进度条（转载）
摘要：做微信企业号的时候，在‘我的日志'功能模块里边需要添加一个上传文件的功能，并且要显示上传过程中的进度条和提交后的文件名列表，于是做了基于ajax的文件上传，UI用的是MUI框架，后台是TP框架 前端代码如下： 上传的时候用到FormData对象，将文件组装成一组用 XMLHttpRequest发送请
阅读全文
通过jQuery Ajax使用FormData对象上传文件 （转载）
摘要：XMLHttpRequest Level 2 添加了一个新的接口——FormData。与普通的 Ajax 相比，使用 FormData 的最大优点就是我们可以异步上传二进制文件。jQuery 2.0+的版本支持FormData FormData浏览器兼容性 FormData对象，是可以使用一系列的键
阅读全文
HTML5 读取上传文件（转载）
摘要：另参考 http://www.jianshu.com/p/46e6e03a0d53 1 filelist对象与file对象： 2 Blob对象：表示原始的二进制数据,file继承自blob。 其属性1：size 表示文件大小 属性2：type 表示文件类型 如image/png 3 Fileread
阅读全文
Jquery的Ajax中contentType和dataType的区别（转载）
摘要：上代码 区分：contentType: 发送信息至服务器时内容编码类型，简单说告诉服务器请求类型的数据 在调试js时候通过chrome的F12或firefox的firebug查看请求参数时，尤其请注意head 默认值: "application/x-www-form-urlencoded"dataT
阅读全文
jquery ajax error函数和及其参数详细说明（转载）
摘要：使用jquery的ajax方法向服务器发送请求的时候，常常需要使用到error函数进行错误信息的处理，本文详细的说明了ajax中error函数和函数中各个参数的用法。一般error函数返回的参数有三个： function(jqXHR jqXHR, String textStatus, String
阅读全文
JS设置cookie、读取cookie、删除cookie（转载）
摘要：JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie.假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B
阅读全文
允许跨域资源共享（CORS）携带 Cookie （转载）
摘要：如何让CORS携带Cookie CORS 是一个 W3C 标准，全称是“跨域资源共享”（Cross-origin resource sharing）。默认浏览器为了安全，遵循“同源策略”，不允许 Ajax 跨域访问资源，而为了允许这种操作，服务器端和客户端都要遵循一些约定。服务器端需设置以下响应头：
阅读全文
WebSocket的原理，以及和Http的关系 （转载）
摘要：一、WebSocket是HTML5中的协议，支持持久连接；而Http协议不支持持久连接。 首先HTMl5指的是一系列新的API,或者说新规范，新技术。WebSocket是HTML5中新协议、新API. Http协议本身只有1.0和1.1，也就是所谓的Keep-alive，把多个Http请求合并为一个
阅读全文
