Tokki_的博客

Promise以前的异步网络请求// 请求 代表 一个异步网络调用。// 请求结果 代表网络请求的响应。请求1(function(请求结果1){ 处理请求结果1})容易产生回调地狱请求1(function(请求结果1){ 请求2(function(请求结果2){ 请求3(function(请求结果3){ 请求4(functio...

if操作符简写xxxxvar a = 1if (a = 2) { a = 3} else { a = 4}可简写为 ==> if (a = 1) a = 3; a = 4if (flag === true) 存在条件的简写 ==> if (flag) 或者 ==> if(!flag)三元操作符简写const x = 20;let answer;if (...

touch事件开始的触摸事件touchstart、touchmove和touchend是ios版Safari浏览器为了向开发人员传达一些信息新添加的事件。因为ios设备既没有鼠标也没有键盘，所以在为移动Safari浏览器开发交互性网页的时候，PC端的鼠标和键盘事件是不够用的。在iPhone 3Gs发布的时候，其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后，...

定义：延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。举个例子来说明，当打开淘宝首页的时候，只有在浏览器窗口里的图片才会被加载，当你滚动首页向下滑的时候，进入视口内的图片才会被加载，而其它从未进入视口的图像不会也不会加载。优势首先它能提升用户...

"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow": 2,//禁止catch子句参数...

forEach() 用于遍历数组无返回值，会改变原来数组中的值let arr = [1, 3, 12, 2, 20, -1, 6, 17];arr.forEach((item, index, array) => { array[index] = item * 2;});console.log(arr); // [2, 6, 24, 4, 40, -2, 12, 34]...

添加一个标记位<p @click="flag && clickEvent()"></p>

好困好困好困常用路由跳转方式通过router-link进行跳转通过$router.push进行跳转router-link<router-link :to="{ path: 'yourPath', params: { name: 'name', dataObj: data ...

数组去重方法一 ES6 Set方法去重function unique (arr) { return Array.from(new Set(arr))}方法二 indexOffunction unique (arr) { var result = []; //结果数组 for(var i = 0; i < arr.length; i++) { ...

扁平数组转换为树形结构var arr = [{id: 1, pid: '-1'},{id: 11, pid: '1'},{id: 12, pid: '1'}]function listToTree(list) { var map = {}, node, tree= [], i; for (i = 0; i < list.length; i ++) { m...

生命周期总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象data有了，el还没有载入前/后：在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom节点，data.m...

React 中 keys 的作用是什么？Keys是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Diff 算法中React 会借助元素的 Key 值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染。此外，React 还需要借助 Key 值来判断元素与本地状...

前置知识 – 作用域作用域是一套规则，用于确定在何处以及如何查找变量（标识符）的规则function foo() { var a = 'iceman'; console.log(a); // 输出"iceman"}foo();在foo函数执行的时候，输出一个a变量，那么这个a变量是哪里来的嘞，有看到函数第一行有定义a变量的代码var a = ‘iceman’。va...

箭头操作符var array = [1, 2, 3];//传统写法array.forEach(function(v, i, a) { console.log(v);});//ES6array.forEach(v = > console.log(v));类的支持//类的定义class Animal { //ES6中新型构造器 constructor(nam...

Ajax知识解析Ajax就是用JS发起一个请求，并得到服务器返回的内容。这跟以前的技术最大的不同点在于页面没有刷新，改善了用户体验。ajax请求步骤首先创建一个XMLHttpRequest对象监听请求成功后的状态变化设置请求参数发起请求操作DOM，实现局部刷新当你从浏览器地址输入一个URL回车后发生了什么浏览器输入url，按下回车键浏览器根据域名查找对应的I...

定义和用法setcookie()函数向客户端发送一个 HTTP cookie。setcookie(name,value,expire,path,domain,secure)参数描述name必需。规定 cookie 的名称。value必需。规定 cookie 的值。expire可选。规定 cookie 的有效期。path可选。规定 cookie...

使用instanceof操作符var a = [];console.log(a instanceof Array) // trueArray.prototype.isPrototypeOf(obj)var a = []Array.prototype.isPrototypeOf(a) // trueArray.isArray()方法var a = []Array.isArra...

一.类式继承简介：将父类对象的实例赋值给子类的原型，则子类的原型可以访问父类原型上的属性和方法，以及父类构造函数中复制的属性和方法。//1.类式继承//声明父类function SuperClass() { this.superValue = true;}//为父类添加公有方法SuperClass.prototype.getSuperValue = function () { ...

防抖(debounce)实现原理就是利用定时器，函数第一次执行时设定一个定时器，之后调用时发现已经设定过定时器就清空之前的定时器，并重新设定一个新的定时器，如果存在没有被清空的定时器，当定时器计时结束后触发函数执行。实现1// 实现 1// fn 是需要防抖处理的函数// wait 是时间间隔function debounce(fn, wait = 50) { // 通过闭...