TwinkleG

2021年10月1日

数组去重的方式，直接贴代码： // 1. indexOf + for循环 var removeDuplicates = function (nums) { let arr = []; for (let i of nums) { if (arr.indexOf(i) -1) { arr.push(i) Read More

posted @ 2021-10-01 22:45 TwinkleG Views(45) Comments(0) Diggs(0)

JavaScript JSONP实现跨域

1. JSONP 是一种跨域问题解决方案，它利用了 script、img、iframe、link 等标签可以跨域的性质，来避免浏览器同源策略对跨域的限制. 不过除了 script ，其他标签均接收不到服务器数据. 2. JSONP 跨域步骤：【1】JavaScript 实现对 URL 和查询字符 Read More

posted @ 2021-10-01 20:20 TwinkleG Views(395) Comments(1) Diggs(1)

跨域问题解决方案【后续会慢慢补充详解随笔】

1. 牛客网大厂前端面经常客了属于是，上一篇随笔记录了 CORS 解决跨域问题，这里再介绍几种. 2. 跨域问题解决方案：【1】CORS 跨域资源共享：在服务器端设置一个 Response Header ：Access-Control-Allow-Origin 的值设置为希望访问此服务器资源的源， Read More

posted @ 2021-10-01 16:35 TwinkleG Views(32) Comments(0) Diggs(0)

CORS跨域资源共享详解

1. CORS：全称 Cross-Origin Resource Sharing，它允许浏览器向跨域服务器发送 XMLHttpRequest 请求，克服了 Ajax 只能同源请求的限制.【在这里可能你会见到跨域或跨源两种说法，两者并无区别】 2. CORS简介：需要浏览器和服务器同时支持，CORS Read More

posted @ 2021-10-01 14:58 TwinkleG Views(437) Comments(0) Diggs(0)

HTTP 头部解析【红宝书 P713-P714】

1. 每个 HTTP 请求和响应都会携带一些头部字段，这些字段可能会对开发者有用. 2. 默认情况，XHR 请求会发送一些常见字段：【1】Accept：浏览器可以处理的内容类型. 【2】Accept-Charset：浏览器可以显示的字符集【3】Accept-Encoding：浏览器可以处理的压缩 Read More

posted @ 2021-10-01 14:15 TwinkleG Views(125) Comments(0) Diggs(0)

2021年9月30日

网络请求基础——XML对象发送请求【红宝书第四版P711-P713】

1. Ajax【Asynchronous JavaScript and XML】在不刷新页面的前提下，实现请求数据。实现 Ajax 的关键对象是 XHR【XMLHttpRequest】。在早期，Ajax 被称作远程脚本。现在 XHR 对象的 API 实际上已经过时，一般采用 Fetch API Read More

posted @ 2021-09-30 16:21 TwinkleG Views(194) Comments(0) Diggs(0)

浏览器同源策略

1. 同源策略：是一个重要的安全策略，它用于限制一个资源如何能与另一个资源进行交互。它能帮助阻隔恶意攻击，减少可能被攻击的媒介。如果两个 URL 的协议、域名以及端口号均相等，那么称这两个 URL 为同源的. 2. 举例说明同源 URL：下表给出了与 URL http://store.compan Read More

posted @ 2021-09-30 16:06 TwinkleG Views(121) Comments(0) Diggs(0)

ES6 常见知识点【清单非详解】

1. 模板字符串 2. 对象解构 3. 三个点 ... 4. Map、WeakMap、Set、WeakSet 5. Promise 6. async、await 7. 简写对象属性名 8. let const 9. class 10. Proxy Read More

posted @ 2021-09-30 15:38 TwinkleG Views(32) Comments(0) Diggs(0)

apply、call、bind 手写源码

1. apply：改变函数的 this 指向并立即调用，第一个参数是 this 指向，第二个参数为数组形式传入函数参数. Function.prototype.apply = function (thisArg) { let context = thisArg || window; // windo Read More

posted @ 2021-09-30 15:05 TwinkleG Views(83) Comments(0) Diggs(0)

Object.prototype.toString.call() 介绍

1. 在牛客看面试题时，经常看到这个题目，即 Object.prototype.toString.apply() / call()，所以记录一下查看的资料. 2. MDN 给出了比较详细的介绍：https://developer.mozilla.org/zh-CN/docs/Web/JavaScri Read More

posted @ 2021-09-30 14:44 TwinkleG Views(152) Comments(0) Diggs(0)

公告