当你设计网站时,网站导航是一个非常重要的考虑因素。它是你网站中的主要元素,可能也是用户交互最多的元素。 尽管我们可以通过 HTML 和 CSS 创建一个简单菜单,但结合JavaScript 可以帮助提高创造力并改善整...
JavaScript
9 个神奇且超级实用的 JavaScript 数组方法
分享一些超级好用但是又很冷门的数组方法 copyWithin copyWithin 这个方法就是将一个数组里的某些元素,移动到另外一个位置,可以一次性移动多个 用法 const array1 = ['a', 'b'...
fetch获取请求进度
fetch API 本身不直接支持请求进度的监控,但你可以通过使用 ReadableStream 和 Response.body 来间接实现下载进度的跟踪。对于上传进度,fetch 目前没有直接的方法来跟踪。 ...
妙用JS随机函数Random
Math.random()函数想必大家都不陌生,它可以生成一个[0-1)的随机数,基于此可以根据需要对其进一步处理,例如生成特定范围内的随机整数等等。本篇文章为大家介绍的是random函数的一些妙用 生成随机颜色色值 ...
手写nextTick
前言 最近在面试的时候被面试官问到,如何在vue中获取到最新的DOM元素,瞬间内心狂喜,自信地对面试官说不就是用nextTick嘛,当DOM元素更新时会执行传入nextTick的回调函数,我们在回调函数中就可以获取到最新...
面试官: 工作5年了 不知道Reflect嘛?
先有问题再有答案 Reflect是什么 Reflect都有哪些方法 这些方法存在的意义是什么 Reflect的方法为什么不放在Object上 Reflect的设计目的是什么 为什么proxy里一定要使用reflect Reflect...
为什么“false == []”和“false == ![]”都返回true
不要惊讶这确实是正确答案。 console.log(false == []) // true console.log(false == ![]) // true 当遇到一个布尔值和一个对象进行比较时,会将这两个值转换为数字进行最后的比较。 所以它会经历这些...
优雅的使用位运算,省老多事了
前言 今天我们来一篇 JS 中的位运算科普,经常在源码中看到的位运算符,和用其定义的一系列状态到底有什么优势? 位运算符号的基本了解 首先,我们应该要简单了解位运算符,常用的位运算符大概有以下几...
e.target 和 e.currentTarget 的区别
背景 大家开发中经常会跟DOM的事件打交道,也会经常用到e.target和e.currentTarget这两个对象,但是却有很多人根本就不知道这两个有什么区别~~~ 冒泡 & 捕获 当你触发一个元素的事件的时候,该事件...
setTimeout+Promise+Async输出顺序
有关于EventLoop的知识点,在平时是考的非常多的,其实也跟我们日常的工作时息息相关的,懂得EventLoop的执行顺序,可以大大帮助我们定位出问题出在哪。其实正常的EventLoop顺序是很容易分辨的,但是如果setTime...
