Javascript学习
孤舟蓑笠翁, 独钓寒江雪
树根朽木
这个作者很懒,什么都没留下…
展开
-
WeakMap详解
带键的集合一个Map对象就是一个简单的键值对映射集合,可以按照数据插入时的顺序遍历所有的元素。for...of循环来得到所有的[key, value]。首先,来了解下mapMap的属性1.Map.length2.Map.prototype.size返回Map对象的键/值对的数量。Map的方法1.Map.prototype.clear() 移除Map对象的所有键/值对 。2.Map.prototype.delete(key) 如果Map对象中存在该...原创 2020-07-22 10:03:32 · 1344 阅读 · 0 评论 -
通过xhr,fetch webpai接口,来看javascript的真正事件布局,web接口之间的联系
1.我这里是通过mdn的事件接口,来分析他的继承。以上两个,我还不知有什么区别,唯一的区别就是一个在mdn中已经写了使用的说明。而一个还是只是以单纯的api的方式,来描写。后来我发现了,其实真正的区别,是按照类型。有一大部分是需要与前端联系的。也有可以只和数据联系,然后再通过前端来联系的。https://blog.csdn.net/jiaoqi6132/art...原创 2020-02-24 11:48:59 · 247 阅读 · 1 评论 -
XMLHttpRequestEventTarget 与EventTarget 与xmlHttprequest的关系
当我们var myRequest = new XMLHttpRequest();的时候。我们可以调用eventTarget下的addlistener去监听。可以用自己的方法,通过触发的事件。oReq.addEventListener("load", reqListener);1.举例我们查看load事件。1.第一种 通过xhr.addEventListen...原创 2020-02-24 11:45:51 · 448 阅读 · 0 评论 -
ProgressEvent
ProgressEvent是一个用来测量底层操作进度的接口,可以测量HTTP请求(例如:一个XMLHttpRequest请求、或者一个底层资源如<img>,<audio>,<video>,<style>or<link>).ConstructorProgressEvent()用给定的参数创造一个Progre...原创 2020-02-24 11:04:57 · 2574 阅读 · 0 评论 -
Eventtarget
EventTarget是一个由可以接收事件的对象实现的接口,并且可以为它们创建侦听器。Element,document和window是最常见的事件目标,但是其他对象也可以是事件目标,比如XMLHttpRequest,AudioNode,AudioContext等等。许多事件目标(包括元素,文档和 window)还支持通过on...属性和属性设置事件处理程序。1....原创 2020-02-24 10:21:23 · 368 阅读 · 0 评论 -
[转]IAAS,PAAS,SAAS
看到一篇关于云的文章,挺形象,链接:http://www.zhihu.com/question/21641778/answer/62523535云服务”现在已经快成了一个家喻户晓的词了。如果你不知道PaaS, IaaS 和SaaS的区别,那么也没啥,因为很多人确实不知道。 “云”其实是互联网的一个隐喻,“云计算”其实就是使用互联网来接入存储或者运行在远程服务器端的应用,数据,或者服务。 任何一...原创 2020-02-23 20:15:38 · 169 阅读 · 0 评论 -
XMLHttpRequestEventTarget与XMLHttpRequest的addEventListener事件写法
第一种:XMLHttpRequestEventTarget.onabort包含当请求中止并且abort该对象接收到事件时要调用的函数。XMLHttpRequestEventTarget.onerror包含当请求遇到错误并且error此对象接收到事件时调用的函数。XMLHttpRequestEventTarget.onload包含在成功获取内容后HTTP请求返回并且load此对象...原创 2020-02-23 19:55:19 · 2217 阅读 · 0 评论 -
xhr的事件
XMLHttprequest 的事件执行顺序。abort当请求中止(例如,由于程序调用)时触发XMLHttpRequest.abort()。也可通过onabort酒店获得。error当请求遇到错误时触发。也可通过onerror酒店获得。loadXMLHttpRequest事务成功完成时触发。也可通过onload酒店获得。loadend请求完成时触发,无论是成功...原创 2020-02-23 19:42:26 · 621 阅读 · 0 评论 -
XHR的属性
标准属性1.XMLHttpRequest.onreadystatechange当 readyState 属性发生变化时调用的EventHandler。语法:只要 readyState 属性发生变化,就会调用相应的处理函数。这个回调函数会被用户线程所调用。XMLHttpRequest.onreadystatechange 会在 XMLHttpRequest 的readyState...原创 2020-02-23 19:29:44 · 1533 阅读 · 0 评论 -
ajax 之 XMLHttpRequest.responseXML
xhtml和html不是同一种文件。在服务器那块,我是根据ajax的setResponse来设置这个返回那个页面。游览器:var xhr= new XMLHttpRequest(), method = "GET", url = "http://127.0.0.1:8088/";xhr.open(method, url, true);xhr.addEvent...原创 2020-02-23 17:17:08 · 445 阅读 · 0 评论 -
关于 ajax 和node 的跨域
首先,你要明白,ajax 是不允许跨域,除非说你的服务器允许跨域。为什么游览器可以,因为ajax 是运行在游览器上的。游览器厂商规定的。不行就是不行。游览器代码不变// function reqListener () {// console.log(this.responseText);// }//// var oReq = new XMLHttpRequest();/...原创 2020-02-23 16:55:03 · 360 阅读 · 0 评论 -
XHR的方法
1.XMLHttpRequest.open()XMLHttpRequest.open()方法初始化一个请求。该方法要从JavaScript代码使用;从原生代码初始化一个请求,使用openRequest()替代注意一点:为已激活的请求调用此方法(open()或openRequest()已被调用)相当于调用abort()。语法:xhrReq.open(method, url);x...原创 2020-02-23 12:06:41 · 1617 阅读 · 1 评论 -
forbidden header names和forbidden response header names.
一开始,我也很纳闷,为什么游览器可以跨域,到我开发者就不能了呢?这不是很正常的吗,人家是指定规则的,我们只是照着规则写的人。forbiddenheadernames:甲禁止标题名称是任何的名称HTTP头不能被编程修改;具体来说,是HTTP请求标头名称(与禁止响应标头名称相比)。禁止修改此类标头,因为用户代理保留对其的完全控制权。以`开头的名称Sec-保留用于使用Fetch从AP...原创 2020-02-23 12:01:12 · 305 阅读 · 0 评论 -
ajax 与 node 的前后台交互
服务端:const http = require("http");const fs = require("fs");const url = require("url");const querystring = require("querystring");let data = '成功开启服务';fs.writeFile('文件.txt', data, 'utf8',(err) ...原创 2020-02-22 17:40:31 · 196 阅读 · 0 评论 -
类
1.方法的定义有没有冒号,是不是生成器,是不是异步.然后去组,最少两种.https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Method_definitions2.constructor和superconstructor和super要连起来讲,不能分开.所谓的sup...原创 2020-02-12 14:46:32 · 135 阅读 · 1 评论 -
1.迭代器,可迭代,生成器基础教程
1.迭代协议可迭代协议可迭代协议允许 JavaScript 对象去定义或定制它们的迭代行为, 例如(定义)在一个for..of结构中什么值可以被循环(得到)。一些内置类型都是内置的可迭代类型并且有默认的迭代行为, 比如ArrayorMap, 另一些类型则不是(比如Object) 。为了变成可迭代对象, 一个对象必须实现@@iterator方法, 意思是这个对象(或者它...原创 2020-02-11 17:40:39 · 141 阅读 · 0 评论 -
一个表格看懂可迭代,迭代器,生成器,不再被不熟悉所迷糊
可迭代协议 迭代器协议 迭代器 √ 可迭代对象 √ 生成器 √ √ 我这篇不是菜鸟篇,但是,你看了迭代生成,可迭代迷糊的,看了就懂了.目录第一类 迭代器+next()第一种第二种第二类 自定义可迭代对象(可迭代协议+迭代的方法)第一种:myIterable[Symbol.itera...原创 2020-02-11 16:42:47 · 160 阅读 · 0 评论 -
util 模块
1.util.callbackify(original)original <Function> async 异步函数。返回: <Function> 传统回调函数。将async异步函数(或者一个返回值为Promise的函数)转换成遵循异常优先的回调风格的函数,例如将(err, value) => ...回调作为最后一个参数。 在回调函数中,第一...原创 2020-02-06 14:56:17 · 314 阅读 · 0 评论 -
忽略点归纳1
输出:666777Hello1const util = require('util');const setImmediatePromise = util.promisify(setImmediate);setImmediatePromise('foobar').then((value) => { // value === 'foobar' (传值是可选的)...原创 2020-02-04 21:53:19 · 126 阅读 · 0 评论 -
Fetch的讲解
讲解顺序按照:https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch目录1.Fetch接口.跨网络异步获取资源(1).语法Promise fetch(input[, init]);2.注意:3.先进行一个简单的fetch.4.fetch更进一步(1)发送带凭据的请求(2).上传文...原创 2020-02-04 17:14:31 · 974 阅读 · 0 评论 -
Fetch 之 response
1.构造函数1.Response()创建一个新的Response对象。2.属性1.Response.headers只读Response接口的只读属性headers包含与响应关联的Headers对象。var myHeaders = response.headers;一个Headers对象。2.Response.ok只读Response接口的只读...原创 2020-02-04 16:29:09 · 5118 阅读 · 0 评论 -
FIile 之 blob
Blob对象表示一个不可变、原始数据的类文件对象。Blob 表示的不一定是JavaScript原生格式的数据。File接口基于Blob,继承了 blob 的功能并将其扩展使其支持用户系统上的文件。要从其他非blob对象和数据构造一个Blob,请使用Blob()构造函数。要创建一个 blob 数据的子集blob,请使用slice()方法。要获取用户文件系统上的文件对应的Blob...原创 2020-02-04 15:43:15 · 312 阅读 · 0 评论 -
fetch 之 request
除了传给fetch()一个资源的地址,你还可以通过使用Request()构造函数来创建一个 request 对象,然后再作为参数传给fetch().那么接下来我们来学习fetch.1.Request()构造器创建一个新的Request对象。input定义你想要fetch的资源。可以是下面两者之一:一个直接包含你希望fetch的资源的URL的 USVString一个...原创 2020-02-04 14:34:58 · 2822 阅读 · 0 评论 -
fetch 之 header
在了解header之前,我们要先了解.graud这个东西https://blog.csdn.net/jiaoqi6132/article/details/104167548Fetch API的Headers接口允许您对HTTP请求和响应头执行各种操作。这些操作包括检索,设置,添加和删除。一个Headers对象具有关联的头列表,它最初为空,由零个或多个键值对组成。你可以使用appen...原创 2020-02-04 12:42:00 · 5432 阅读 · 0 评论 -
fetch graud
Fetch 的核心在于对 HTTP 接口的抽象,包括Request,Response,Headers,Body,以及用于初始化异步请求的global fetch。得益于 JavaScript 实现的这些抽象好的 HTTP 模块,其他接口能够很方便的使用这些功能。Guard 是Headers对象的特性,基于不同的情况,它可以有以下取值:immutable、request、reque...原创 2020-02-04 12:03:31 · 298 阅读 · 0 评论 -
使用 Promise
目录1.Promise是什么.Promise对象用于表示一个异步操作的最终完成 (或失败), 及其结果值.首先来听一个故事,有一个名为createAudioFileAsync()的函数,如果给出一些配置和两个回调函数,这个函数能异步地生成音频文件。一个回调函数是文件成功创建时的回调,另一个则是出现异常时的回调。看起来就是这样他就是改了个样子,Promise 是一个被某些函数传出...原创 2020-02-03 21:39:38 · 260 阅读 · 0 评论