自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

青蛙king的博客

走在前端的路上……

  • 博客(15)
  • 收藏
  • 关注

原创 js 函数防抖(debounce)与节流(throttle)

一、函数防抖二、函数节流

2020-07-21 13:23:57 4452

原创 css 单位汇总

remvwvmpx

2020-07-21 13:21:25 333

原创 js ES6 fetch 方法

一、fetch 概述fetch 是一种 HTTP 数据请求的方式,是 XMLHttpRequest 的一种替代方案。fetch 不是 ajax 的进一步封装,没有使用 XMLHttpRequest对象。fetch 是原生 JavaScript。fetch 与 ajax 的区别:fetch()返回的promise将不会拒绝http的错误状态,即使响应是一个HTTP 404或者500——当接收到一个代表错误的 HTTP 状态码时,从 fetch() 返回的 Promise 不会被标记为 reje

2020-07-19 14:23:41 10490 1

原创 找病狗

关于自然数的命题给出一个猜想,然后证明这个命题,用数学归纳法。数学归纳法使用步骤如下:首先,证明 K = 1 时,命题成立。然后,设第 K 时命题成立,去证 K + 1 时命题也成立。当以上两点全部成立时,就能够证明该猜想是成立的。

2020-07-15 22:06:42 327

原创 猜帽子

【问题】老师让六名学生围坐成一圈,另一名学生坐在中央。并拿出七顶帽子,其中四顶白色,三顶黄色。然后让这七名学生都带上眼罩,并给每个学生戴一顶帽子,然后,只解开坐在圈上的六名学生的眼罩。这时,由于坐在中央的学生的阻挡,每个人只能看到另外五个人的帽子。老师说:“现在,你们七人猜一猜自己带的帽子是什么颜色的。”大家静静地思考了好大一会儿,最后,坐在中间的被蒙住双眼的学生说:“我猜到了!”问:中央的被蒙住双眼的学生带的是什么颜色的帽子?他是怎样猜到的?【解答】首先,解答本题需要运用 “由简至繁.

2020-07-15 20:08:48 1573

原创 猜球

【问题】有三个箱子,一个箱子装着红色的球,一个箱子装着白色的球,一个箱子混装着红色球和白色球,装好后封箱。然后做了“红色球”、“白色球”、“双色球”三个标签,分别贴在箱子上。由于马虎,结果全部贴错了。请你想一个办法,只许从某一个框中拿出一个球查看,就能纠正所有的标签。【解答】已知“全部贴错了”。从“双色球”标签的箱子里拿出一个球,分两种情况讨论:假设首先拿到的是红色的球,由于贴错了,所以箱子里一定都是红色的球。 其次,贴着“白色球”标签的箱子里,由于贴错了,所以一定不全是白色的球.

2020-07-15 19:32:01 290

原创 赛跑

问题:甲乙两人赛跑,甲到达100米终点时,乙才跑到90米。如果让甲的起跑线后退10米,这是两人同时起跑比赛,问比赛结果将怎样?为什么?解答:甲胜出。因为:由“甲到达100米终点时,乙才跑到90米”,可知,乙的速度是甲的90%。若甲的起跑线后退10米后,甲跑完110米时,乙跑了99米(110 x 90% = 99),还差1米追上甲。所以甲胜出。...

2020-07-15 18:48:57 259

原创 js ES6 声明变量的方式 

一、概述ES5 声明变量只有两种方式:var 和 function。ES6 声明变量的方式有 6 种:var function let const import class二、let 和 const1、二者异let 用来声明一个变量;而const 用来声明一个常量,一旦声明,常量的值就不能改变。其实,const 保证的并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动: 对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址..

2020-07-15 08:13:32 532

原创 js ES6扩展运算符(spread)和剩余运算符(rest)

一、扩展运算符(...)1、扩展运算符概述①、扩展运算符内部使用for...of循环,可以将一个“可迭代对象”转为用空格分隔的参数序列。console.log(...'hello')// h e l l oconsole.log(...[1, 2, 3]);// 1 2 3console.log(...{0:"a", 1:"b", 2:"c"});// TypeError: Found non-callable @@iterator②、扩展运算符后面 可以放置表达式。var x

2020-07-15 08:09:43 4313

原创 js ES6之解构赋值

目录解构赋值1、数组的解构赋值(1)、基本的数组解构赋值(2)、 嵌套的数组解构赋值(3)、带默认值的数组解构赋值(4)、数组的剩余运算解构赋值(5)、Set 结构使用数组的解构赋值(6)、不完全的数组解构赋值(7)、失败的数组解构赋值2、对象的解构赋值(1)、基本的对象解构赋值(2)、嵌套对象解构赋值(3)、带默认值的对象解构赋值(4)、对象的剩余运算解构赋值(5)、不完全的对象解构赋值(6)、失败的对象解构赋值(7)、对象解构赋值独..

2020-07-15 08:06:18 941

原创 js 读取本地文件

读取本地文件的实现方案一:用 Ajax 请求本地文件function readTextFile(file){ var rawFile = new XMLHttpRequest(); rawFile.open("GET", file, false); rawFile.onreadystatechange = function () { if(rawFile.readyState === 4) { if(rawFi

2020-07-12 15:43:46 20480

原创 js ES6 Iterator 遍历器与 for、for...of、for await...of、for...in 和 forEach 循环语句

一、IteratorIterator(遍历器)的概念默认 Iterator 接口调用 Iterator 接口的场合字符串的 Iterator 接口Iterator 接口与 Generator 函数遍历器对象的 return(),throw()二、for...of 循环...

2020-07-07 19:26:59 2930

原创 js ES6 异步处理之 Promise 函数、Generator 函数 与 async 函数

一、Generator 函数1、Generator 函数的语法简介next 方法的参数for...of 循环Generator.prototype.throw()Generator.prototype.return()next()、throw()、return() 的共同点yield* 表达式作为对象属性的 Generator 函数Generator 函数的this含义应用2、Generator 函数的异步应用二、async 函数含义基本用法语法as..

2020-07-07 19:25:42 856 1

原创 js ES6 Proxy 构造函数与 Reflect 对象

一、Proxy对象1、Proxy对象的概述Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。Proxy 是一个代理器。可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。(1)、用 Proxy 构造函数创建一个实例ES6 原生提供 Proxy 构造函数,用来生成 Proxy 实例。生成 Proxy 实例..

2020-07-05 18:35:55 925

原创 js ES6 之 Set 构造函数和 Map 构造函数

目录一、Set 数据结构1、Set函数的语法2、Set 实例的属性3、Set 实例的方法(1)、操作方法有 4 个(2)、遍历方法有 4 个4、Set 对象的应用(1)、去重(2)、并集(3)、交集(4)、差集5、WeakSet 结构二、Map 数据结构1、Map 的语法2、Map实例的属性3、Map实例的方法(1)、操作方法(2)、遍历方法4、Map 对象的应用5、Map与其他数据结构的互相转换6、WeakMap结...

2020-07-04 22:03:41 1039

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除