2020年05月_爱吃虾的五花肉

原创 html5常用的语义化标签

HTML5新出的一些语义化标签，使用语义化标签，可以根据标签就能知道它充当的角色，而且有利于SEO。常用的语义标签： <header>文档或某区域的头部区域</header> <nav>文档的主导航</nav> <article>一篇文章</article> <main>文档的主体部分</main> <aside>非主体部分，例如侧边栏广告</aside> <section>

2020-05-21 01:53:29 287

es6中出现的promise可以用来处理异步请求。promise、MutationObserver属于微服务，setTimeout、setInterval、requestAnimationFrame、整段的script属于宏服务。 new Promise创建promise并添加回调，串联方式 new Promise((resolve, reject) => { setTimeout(function () { var i = Math.random(); if

2020-05-21 01:44:09 297

原创关于cookie、session、sessionStorage、localStorage各自的特点和使用方法

因为HTTP协议是一种无状态协议，每一次HTTP请求都是独立的，不受它之前和之后的请求的影响，所以比如登录信息，这次请求带着登录的信息，下次请求不知道有没有登录，无法追踪上次的请求，所以如果没有别的手段只能每次传很多参数。 cookie和session，可以与服务器交互通信的。 Cookie: cookie保存在浏览器端，单个数据大小不超过4KB，是服务器发送到客户端的特殊信息，保存成字符串类型以文本的方式保存在客户端，会随着每次HTTP请求头request header发送到服务器端。如果不在浏览器中设置

2020-05-19 03:11:51 841

原创 Math常用的属性方法

Math对象是JS内置的对象。常用属性： Math.E 返回算术常量e，即自然对数的底数（或称为基数），约等于2.718 Math.PI 返回圆周率，约等于3.14159 常用方法： Math.abs(x) 返回x的绝对值 Math.ceil(x) 对x进行向上取整 Math.floor(x) 对x进行向下取整特例：因为js浮点数存储精度丢失的原因，9.54*100 = 953.9999999999999，所以Math.floor(9.54*100) = 953; Math.round(x) 把x四舍五

2020-05-18 03:41:11 371

原创 js浮点数计算失精原理

js中的数字都是双精度的浮点数，在进行计算时，计算机会把十进制数转换成64位二进制，这个过程可能会导致精度丢失。计算机存储是按照IEEE754标准来把64位分成3个区域十进制浮点数转换成二进制，然后转换成指数格式，由于尾数部分只能保留52位，第53位0舍1入，所以截取52位导致精度丢失。以0.1和0.5为例，0.1损失精度，0.5不损失精度 0.1转换成二进制： 0.0001100110011001100110011001100110011001100110011001100110011001100

2020-05-18 03:00:14 1068

原创 es8/es9新特性

es8(es2017)新增特性一览 async、await异步解决方案 Object.entries() Object.values() Object.getOwnPropertyDescriptors() 函数参数列表和调用中的尾逗号 **字符串填充padStart(目标长度[,填充字符])、padEnd()**不改变原值，默认填充空格，目标长度小于原字符串长度时，返回原字符串 var a = '123'; console.log(a.padStart(4, 'a')); // a

2020-05-10 23:52:04 396

原创前台实时获取数据

实现网站实时通信 · 四种方式，第二三四种方式需要服务器端做操作的写计时器进行Ajax轮询 // 每秒调用一次http请求 setInterval(function () { var xhr = new XMLHttpRequest(); xhr.open('POST', 'url', true); xhr.setRequestHeader('Content-Type', 'application/json'); xhr.send(); xhr.onreadys

2020-05-10 23:44:08 1895

原创 ajax请求发送/接收/终止：原生js、jQuery、常用状态码

原生js中的Ajax请求 // 1.创建XMLHttpRequest对象,也就是创建一个异步调用对象. var xmlHttp = new XMLHttpRequest(); // 2.创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及是否异步请求. // get方式传参直接拼在url后url?param1=1&param2=2 xmlHttp.open("post", "url", true); // 3.post请求下需要配置请求头信息 xmlHttp.setRequestHeade

2020-05-10 23:39:20 667

学如逆水行舟，不进则退！