lio零度

未归档

/ 注册

全部文章 / 未归档（共375篇）

Object.keys/values/entries

avaScript 中的数据结构 Set、Map、Array 都有 keys()，values() 和 entries()。普通对象也支持类似的方法，但是语法上有一些不同。 Object.keys() Object.keys() 返回一个包含该对象所有的键的数组。 let user = {...

2021-05-13

0 278

如何在 JavaScript 中判断一个对象是否为空？

我们想要判断对象是否为空，像基本类型那样比较是不可以的 const obj = {} console.log(obj === {}) // false 可以看到，两个都是空对象，但是进行比较，返回的是 false。因为对象是引用类型，使用 === 或 == 比较的是引用（内存地址），因此...

2021-05-12

0 230

滚动到页面顶部的多种实现

锚点和平滑滚动在 <html> 元素上提供以 ID 为目标的链接 <div id="top"></div> <a href="#top">跳转到页面顶部</a> 我们可以使用最新的 scro...

2021-05-12

0 239

每日一算法：插入排序

插入排序就像平时你打牌，将扑克牌从你手的一个部位分类并移动到另一个部位的方法与插入排序的工作原理几乎相同。原理假设将数组的第一个数字当做有序序列（已排序），把第二个到最后一个数字当做未排序序列。从头到尾依次扫描未排序序列，查看其是否小于或大于之前的数字： 2.1 如果活动号码（未...

2021-05-11

0 207

Vue Mixins

当你在 Vue 开发时，具有相似的组件，你可能会一遍遍的复制粘贴相同的逻辑（data、watch、computed 等）。当然，你可能会想到将其编写问单个组件，并用 props 对其进行自定义。但是，如果有很多 props 很容易会造成混乱。 Vue 有一个很好的解决方案：混入（Mixins），它...

2021-05-10

0 287

浏览器 Hack

浏览器 Hack 表示各个浏览器下的兼容性问题。由于不同的浏览器和浏览器各版本对 CSS 的支持及解析结果不一样，以及 CSS 优先级对浏览器展现效果的影响，我们可以据此针对不同的浏览器情景来应用不同的 CSS。同样，包括 JavaScript，不同的浏览器也有一些 Hack，这里我们举例一些 ...

2021-05-10

0 399

检测用户是否处于空闲状态或处于非活动状态

某些应用程序需要你持续关注。这类应用程序通常包括游戏、媒体播放器、任何 CPU/电池密集型的应用程序等等。对于这些类型的应用程序，当用户不再主动与您的应用程序交互时，做一些事情（以及用户友好的）可能很重要。创建 init 函数。其中监听各种鼠标、键盘和触摸事件，来确保应用程序的活动状态。如果监听...

2021-05-09

0 298

JavaScript 中的闭包

先看一下一些指南对闭包给出的定义： MDN：一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，...

2021-05-09

1 338

每日一算法：冒泡排序

冒泡排序是最糟糕的排序之一，但了解冒泡排序的工作原理对您来说很重要。主要原因是要理解它的功能，避免在代码中做任何与它有点相似的事情。工作原理比较相邻的元素。如果第一个比第二个大，就交换他们两个。对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对。这步做完后，最后的元素会是最大的数...

2021-05-08

0 242

浏览器如何解析 CSS？

一旦 CSS 被浏览器下载，CSS 解析器就会被打开来处理它遇到的任何 CSS。根据 CSS 词法和句法分析 CSS 文件和 <style> 标签包含的内容以及 DOM 元素的 style 属性内嵌的 CSS。每个 CSS 文件都被解析成一个样式表对象（StyleSheet ...

2021-05-07

0 253