07 2020 档案

ajax
摘要：原生AJAX AJAX 使用 XMLHttpRequest 对象进行请求发送和响应，局部刷新页面的技术。 流程如下： 生成 XMLHttpRequest 对象： let request = new XMLHttpRequest() 配置 XMLHttpRequest 对象： request.open 阅读全文
posted @ 2020-07-17 16:08 CatherLee 阅读(163) 评论(0) 推荐(0)
this指向 以及 call、apply、bind的使用和区别
摘要：引入： let arr = Array.protorype.slice.call(arguments) 1、能不能写arguments.slice(1)，当然不能，这样的话会报错，因为arguments是类数组对象，并没有slice这个方法 2、Array.prototype.slice.call( 阅读全文
posted @ 2020-07-15 17:50 CatherLee 阅读(158) 评论(0) 推荐(0)
Set 、WeakSet 、Map、WeakMap
摘要：利用数组，实现数组去重 注意⚠️； 场景：js常获取页面的dom树结构，存在集合中，如果使用Set, 即使dom元素被删除了，也不会被回收. 若是weakSet弱引用，会被垃圾回收机制回收。 Map 和 WeakMap 阅读全文
posted @ 2020-07-15 16:58 CatherLee 阅读(135) 评论(0) 推荐(0)
es7异步 - async、await 让异步编程更简单
摘要：一、async await 概念 1. ECMAScript 2017 引入async函数，是generator 和 promises的语法糖，使异步代码更易于编写和阅读。通过使用它们，异步代码看起来更像是老式同步代码； 2. 不需要附加 .then() 代码块到每个promise-based方法的 阅读全文
posted @ 2020-07-15 16:03 CatherLee 阅读(222) 评论(0) 推荐(0)
JSON
摘要：JSON.parse(str) JSON.stringify(json) ⚠️： 字符串类型，不允许(　.键名) 的方式。 jq 的 ajax 的 datatype 默认 json格式。 阅读全文
posted @ 2020-07-15 14:55 CatherLee 阅读(132) 评论(0) 推荐(0)
嵌套回调 & Promise & generator 异步方法的对比
摘要：1、回调函数方式 2、promise 方式 3、generator方式 4、对比ajax, promise 和 generator 的应用场景 (一) (二) (三) 阅读全文
posted @ 2020-07-15 14:05 CatherLee 阅读(150) 评论(0) 推荐(0)
Generator & 简单抽奖案例 & 长轮询
摘要：一、概念 yield: 停止。 二、语法 三、Generator案例 （抽奖案例） 四、长轮询（模拟网络连接） 上边是generator函数，下边call是普通函数。 迭代器方法会返回了{value:'',done:'状态，布尔值'}，所以line24,要拿到属性值，再使用其then方法。 阅读全文
posted @ 2020-07-15 10:46 CatherLee 阅读(224) 评论(0) 推荐(0)
Proxy & reflect
摘要：一、set 拦截例子： 二、set https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy#%E6%96%B9%E6%B3%95 阅读全文
posted @ 2020-07-14 10:41 CatherLee 阅读(120) 评论(0) 推荐(0)
JavaScript面向对象
摘要：⚠️：具备隐式返回操作，不用return也行。 赋值 浅拷贝 深拷贝 共享，就解决了以上代码内存消耗的问题。 __proto__: 内部属性，查找当前对象的原型对象。 在原型链上 一直往上找，内层(对象自身的)，次外层，最外层， 优先展示内层的。 尽量少使用__proto__??? 以上，数组身上的 阅读全文
posted @ 2020-07-12 13:18 CatherLee 阅读(149) 评论(0) 推荐(0)
canvas序列帧动画 & pixi.js
摘要：方法一：基于canvas实现多个人物序列帧切换 （原生写法) class cavasAnimate { constructor(id, activeRw) { this.id = id; this.sourcesRw = {}; this.canvas = null; this.ctx = null 阅读全文
posted @ 2020-07-10 11:18 CatherLee 阅读(1129) 评论(0) 推荐(0)
原型、原型链
摘要：每个函数都有一个 prototype 属性，函数的 prototype 属性指向了一个对象，这个对象正是调用该构造函数而创建的实例的原型。 那什么是原型呢？可以这样理解👉 每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从 阅读全文
posted @ 2020-07-10 11:06 CatherLee 阅读(484) 评论(0) 推荐(0)
赋值、浅拷贝、深拷贝
摘要：一、数据类型与堆栈的关系 a、基本类型与引用类型 基本类型：undefined,null,Boolean,String,Number,Symbol 引用类型：Object,Array,Date,Function,RegExp等 b、存储方式 基本类型：基本类型值在内存中占据固定大小，保存在栈内存中（ 阅读全文
posted @ 2020-07-10 11:03 CatherLee 阅读(464) 评论(0) 推荐(0)
垂直居中的10种方式
摘要：1、flex布局(2种) .out { background: pink; width: 300px; height: 300px; display: flex; align-items: center； } .inner { background: blue; width: 100px; } #b 阅读全文
posted @ 2020-07-09 15:55 CatherLee 阅读(1551) 评论(0) 推荐(0)
bind、apply、call 的区别和应用
摘要：面试中几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 首先，要明白这三个函数的存在意义👉 改变函数执行时的上下文，也就是改 阅读全文
posted @ 2020-07-09 15:34 CatherLee 阅读(524) 评论(0) 推荐(0)
身份验证（cookie+session & jwt验证机制）
摘要：起因：http请求是无状态的 , 这意味着每个请求都是独立的, 我们给服务器发送 HTTP 请求之后，服务器根据请求，会给我们发送数据过来，但是，发送完，不会记录任何信息。无状态无连接，具体如何理解。 解决方案： 1、cookie+session cookie:前端；session:服务器端 实现过 阅读全文
posted @ 2020-07-01 11:49 CatherLee 阅读(1013) 评论(0) 推荐(0)