自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js 原型

什么是原型js对象中的_proto_就是原型,一级一级的原型嵌套,就叫原型链Object.getPrototypeOf 方法可以获取对象的原型。可以创建一个没有原型的对象,let n = Object.create(null,{})

2021-05-28 22:34:06 63

原创 promise 的原理

promise是es6的一个对象它用来描述一个异步操作的结果值拥有三个状态待定(pending): 初始状态,既没有被兑现,也没有被拒绝。已兑现(fulfilled): 意味着操作成功完成。已拒绝(rejected): 意味着操作失败。它通过.then()方法来处理结果,处理结果后,仍然返回一个promise对象 const pa = new Promise((re, je) => { // re("成功"); je("gg"); })

2021-05-24 20:04:04 159

原创 2021-5-20牛客网刷题被虐实录

1.以下表达式不会出现错误的有()A. 2.toString()B. 2..toString()C. 2 .toString()D. (2).toString()答案解析:知识点:1.数字后面的点的含义? 会被解析成小数点。2.js里关于这种情况的机制? js会优先把数字后面的 .看成小数点,从而引发报错。3.如何能规避这种问题? 2… or (2) or let a=24.数字后面跟上其他什么符号还有特殊含义? 懒得找故:选择B C D2.关于这段代码正确的结论是:va

2021-05-24 15:13:32 145

原创 后盾人 宏任务微任务,任务调度流程课程笔记

宏任务与微任务问:js是否分同步与异步?具体是什么样子的?答:js是单线程语言,分为主线程与任务队列。同步的在主线程里执行,当主线程的任务执行完毕,会轮询任务队列里的任务,有的话拿到主线程去执行,没有的话,就不做。问:什么是微任务与宏任务?答:微任务也是异步队列,遵循上述的机制。但是他的优先级比宏任务高,会优先被轮询并执行。定时器的任务编排问:定时器的时间在哪里计算的?答:定时器模块里,在时间到的时候,把定时器任务(回调函数)放到任务队列里。问:定时器的任务是时间到了立刻执行吗?或者是主线

2021-05-19 20:15:35 155

原创 微任务 宏任务 定时器模块 到底是啥?

任务队列js代码中有三个队列,同步队列,宏任务队列,微任务队列。已知js是单线程语言,它在遇到同步任务时会直接执行,遇到异步代码时,会区分成宏任务(setTimeout-定时器模块、事件回调函数) 和 微任务(promise、async await)。所以,执行优先级就是 同步任务 > 微任务 > 宏任务。上代码setTimeout(() => { console.log("我是宏任务");});Promise.resolve().then(function () {

2021-05-19 16:26:34 680

原创 有趣的运算符

有趣的运算符|| (逻辑或运算符)逻辑或运算符会从左往右的检查运算符两边的值,非布尔值会被转化成真值与假值(null,undefined,NaN,0,’’,``,""),再进行运算。如果运算符两边的值均为 false,那么返回 右边的值 。false || 0 // return 0false || undefined // return undefinedundefined || false // return false如果运算符左边的值为true,那么返回该值,并终止运算。1 |

2021-05-18 11:20:14 83

原创 es6 有趣的运算符(持续更新中)

ES6新增的运算符?. (可选链,替代 && )const a = {}console.log(a?.b)/* 上表达式等价于 ====>*/console.log(a.b !== undefined && a.b!== null ? a.b : undefined作用:安全的使用值为null 或 undefined 的属性。如果不用这个,会引发js报错,终断整个项目进程。??(双问号,替代 || )const a = {}console.log(a.

2021-05-18 10:14:59 127

原创 简易抽奖H5页面demo,九宫格轮盘抽奖,方块轮盘抽奖功能实现

简易抽奖H5页面demo,九宫格轮盘抽奖,方块轮盘抽奖功能实现抽奖轮盘什么是九宫格抽奖轮盘先睹为快设计程序结构静态部分九宫格蒙版动态部分轮动速度步长上代码简单实现抽奖轮盘简单来说,就是通过时间控制函数让一个有色蒙版在九宫格上噼里啪啦来回滚动。你将在这篇文章里分享到我对抽奖功能的理解和代码,学习到简单的实现过程,虽然仅仅是一个demo,但是通过样式的修改,我相信你可以完全应用这个功能。什么是九宫格抽奖轮盘关键词:静态(九宫格,有色蒙版)、动态(轮动,速度-四种,步长)九宫格抽奖轮盘本质是一个带有色

2021-05-07 11:36:05 1421

原创 js运行机制的小问题

  下面这段代码,就是变量提升最好的例子。   为什么说是最好呢?   首先,它有关变量提升,通俗来说就是显示使用后定义。   再者,变量提升不仅有关于变量,函数也会被提升,它还涉及到变量和函数被提升的先后顺序。   现在我会为大家演示 x=5;var x; 和 var x=5;之间的区别   首先,我们要知道js中的变量提升。JavaScript 只有声明的变量会提升,初始化的不会。 ...

2018-08-26 12:08:11 239

原创 vue入坑第二天,随笔

事件监听v-on:click=“函数或语句” 例如 <ul > <li >{{num}}<br></li> <button v-on:click="num+=1">Num++</button> </ul> 实现最简单的事件监听。

2018-08-21 19:46:29 142

原创 使用基础算法,领略算法魅力

// js 利用sort进行排序   sort可以按照元素的字符编码的顺序进行排序,条件是此元素必须为字符串。对于数字排序,定义规则是很重要的。(比较函数)systemSort: function(array) { return array.sort(function(a, b) { return a - b; });},// 冒泡排序  冒...

2018-08-19 20:11:21 140

转载 坐在马桶上看算法:快速排序

(转自 啊哈磊 这里写链接内容) 算法的精髓在于,跟它一比高数也显得那么生动活泼…。话说我还是头一次见到这么萌的变量,简直颠覆我对变量这个兵种、对算法这个种族的传统观念。正在被算法欺负吗?快进来看看:有没有既不浪费空间又可以快一点的排序算法呢?那就是“快速排序”啦!光听这个名字是不是就觉得很高端呢。假设我们现在对“6 1 2 7 9 3 4 5 10 8”这个10个数进行排...

2018-08-19 19:25:32 117

原创 php实用技术:制作购物车页面

  这几日,和同事讨论除了定义session数组外,其他的利用php制作电商购物车页面的技巧和这个技巧的雷区后,我们决定将代码放出来,和大家一起分享,共同进步。   ok,进入主题。   主题逻辑分析:     购物车页面,核心内容是,     1.店家与商品的数据的获取。     2.依照数据内容,店家需要被构造在页面里,商品需要被构造在页面里。   ...

2018-08-18 16:50:41 2309

原创 react 的入坑第二天(新手勿进,讨论向)

  自学react框架一周左右了,从网上的建议脚手架搭建,到小项目独立调试bug感觉恍若隔世。react里的redner里面的html部分其本质是JS对象。当需要渲染展示的时候,JS对象被转换成JSX结构。最后变成HTML标签。这种对虚拟dom操作的技术,我也曾妄想做出一个,组长给我评了60-70分。我当时考虑从jsx对象结构入手,但是组长告诉我,你必须要从生命周期看才更全面。    co...

2018-08-18 16:14:58 259

原创 一个特立独行的普通人

什么是特立独行,什么是普普通通?坐在小学的课堂里,在老师刷刷的粉笔下,有一个“小机灵鬼”不愿意在他的脑袋里装进粉笔灰。在初中的课堂外的夕阳下,这个人有去和教室角落的废纸破书去谈论那灿烂又温柔的余晖。他没有朋友可以倾诉,在他父母的世界里也没有可以分给他的蛋糕。有一个同龄的孩子注意到这个孤独的人,对他说:“你应该去学哲学”。但是哲学是对立的,他如此特别,但又如此平凡,没有特长,经常成为同学的笑点,被...

2018-08-17 18:50:39 330

空空如也

空空如也

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

TA关注的人

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