技术随笔
哑山
活泼好动
展开
-
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 · 156 阅读 · 0 评论 -
后盾人 宏任务微任务,任务调度流程课程笔记
宏任务与微任务问:js是否分同步与异步?具体是什么样子的?答:js是单线程语言,分为主线程与任务队列。同步的在主线程里执行,当主线程的任务执行完毕,会轮询任务队列里的任务,有的话拿到主线程去执行,没有的话,就不做。问:什么是微任务与宏任务?答:微任务也是异步队列,遵循上述的机制。但是他的优先级比宏任务高,会优先被轮询并执行。定时器的任务编排问:定时器的时间在哪里计算的?答:定时器模块里,在时间到的时候,把定时器任务(回调函数)放到任务队列里。问:定时器的任务是时间到了立刻执行吗?或者是主线原创 2021-05-19 20:15:35 · 183 阅读 · 0 评论 -
微任务 宏任务 定时器模块 到底是啥?
任务队列js代码中有三个队列,同步队列,宏任务队列,微任务队列。已知js是单线程语言,它在遇到同步任务时会直接执行,遇到异步代码时,会区分成宏任务(setTimeout-定时器模块、事件回调函数) 和 微任务(promise、async await)。所以,执行优先级就是 同步任务 > 微任务 > 宏任务。上代码setTimeout(() => { console.log("我是宏任务");});Promise.resolve().then(function () {原创 2021-05-19 16:26:34 · 712 阅读 · 0 评论 -
有趣的运算符
有趣的运算符|| (逻辑或运算符)逻辑或运算符会从左往右的检查运算符两边的值,非布尔值会被转化成真值与假值(null,undefined,NaN,0,’’,``,""),再进行运算。如果运算符两边的值均为 false,那么返回 右边的值 。false || 0 // return 0false || undefined // return undefinedundefined || false // return false如果运算符左边的值为true,那么返回该值,并终止运算。1 |原创 2021-05-18 11:20:14 · 90 阅读 · 0 评论 -
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 · 141 阅读 · 0 评论 -
简易抽奖H5页面demo,九宫格轮盘抽奖,方块轮盘抽奖功能实现
简易抽奖H5页面demo,九宫格轮盘抽奖,方块轮盘抽奖功能实现抽奖轮盘什么是九宫格抽奖轮盘先睹为快设计程序结构静态部分九宫格蒙版动态部分轮动速度步长上代码简单实现抽奖轮盘简单来说,就是通过时间控制函数让一个有色蒙版在九宫格上噼里啪啦来回滚动。你将在这篇文章里分享到我对抽奖功能的理解和代码,学习到简单的实现过程,虽然仅仅是一个demo,但是通过样式的修改,我相信你可以完全应用这个功能。什么是九宫格抽奖轮盘关键词:静态(九宫格,有色蒙版)、动态(轮动,速度-四种,步长)九宫格抽奖轮盘本质是一个带有色原创 2021-05-07 11:36:05 · 1527 阅读 · 0 评论 -
react 的入坑第二天(新手勿进,讨论向)
自学react框架一周左右了,从网上的建议脚手架搭建,到小项目独立调试bug感觉恍若隔世。react里的redner里面的html部分其本质是JS对象。当需要渲染展示的时候,JS对象被转换成JSX结构。最后变成HTML标签。这种对虚拟dom操作的技术,我也曾妄想做出一个,组长给我评了60-70分。我当时考虑从jsx对象结构入手,但是组长告诉我,你必须要从生命周期看才更全面。 co...原创 2018-08-18 16:14:58 · 283 阅读 · 0 评论 -
vue入坑第二天,随笔
事件监听v-on:click=“函数或语句” 例如 <ul > <li >{{num}}<br></li> <button v-on:click="num+=1">Num++</button> </ul> 实现最简单的事件监听。原创 2018-08-21 19:46:29 · 177 阅读 · 0 评论