lio零度

未归档

/ 注册

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

可以使用 CSS overscroll-behavior: contain 来防止滚动链

当用户滚动嵌入的网页（或网页上的任何嵌套滚动容器）并到达末尾时，浏览器将开始滚动外部页面。这被称为滚动链。滚动链是指滚动从一个滚动容器传播到滚动链后面的祖先滚动容器。一些用户可能会觉得这种行为很烦人。幸运的是，可以通过将 overscroll behavior: contain 应...

2022-03-08

0 346

Vue 动态组件

Vue 动态组件可以非常方便地让代码更具可读性和适应性。它们可以将多个条件组件（使用 v-if、v-else-if、v-else 切换的组件）简化为一行代码。简而言之，它们允许您以最简单的方式在不同组件之间切换。什么是动态组件？动态组件是在运行时在组件之间动态切换的方法。为了更好地理...

2022-03-08

0 492

开始使用 Canvas

canvas 是 HTML5 新增的标签，它就像一块幕布，可以用 JavaScript 在上面绘制各种图表、动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。 <canvas></canvas> canvas 默认是看不见的，为了帮助我们可视化 canvas ...

2022-03-07

0 360

bash 中的历史命令快捷方式

$ echo "Hello world" Hello world !! — 最后一个命令 $ !! $ echo "Hello world" !1 — 历史上的第一个条目 !-1 — 历史上的最后一个条目 !ssh —...

2022-03-06

0 294

shell 大括号扩展 — {}

{} 将对大括号中的文件名做扩展。使用示例： $ echo {a..z} # a b c d e f g h i j k l m n o p q r s t u v w x y z $ mv /path/{file,renamed}.txt # 等同于 $ mv /path/file.txt...

2022-03-06

0 379

判断页面是否加载完成

Load 事件触发代表页面中的 DOM，CSS，JS，图片已经全部加载完毕。 DOMContentLoaded 事件触发代表初始的 HTML 被完全加载和解析，不需要等待 CSS，JS，图片加载。 document.addEventListener('load', function ()...

2022-03-06

0 304

防止锚链接消失在粘性标题后面

粘性标题是一种常见的布局，可以在许多网站上看到。问题是它不能很好地处理锚链接。假设我们有一个包含不同锚链接的目录。每个锚都会将用户带到页面中的特定 section。当用户单击定位点时，页面将滚动到目标 section。但该 section 的某些部分显示在标题下，这对用户来说不是一个好的体验...

2022-03-05

0 246

Webpack 删除未使用的代码

从 webpack 4+ 开始，生产环境下 webpack 会自动为您优化和减少捆绑包的大小，它使用的优化技术是 Tree-Shaking。本质上，它是一种用于删除未使用代码的优化技术，通过分析静态的 ES 模块，来移除未使用的代码。您还可以通过在配置文件中添加带有特定字段的 optimizat...

2022-03-02

0 989

Vue Context 参数 - Composition API

在 Composition API 中，我们没有 this 与 Options API 中相同的引用。在 Options API 中，我们可以调用 console.log(this) 的任何选项并获得对组件本身的引用 —— 让我们可以访问它的 props、computed、data 等。 Vu...

2022-03-02

0 518

Watch 与 watchEffect 的区别

在开发 Vue 应用程序的整个过程中，您将拥有大量的响应性数据属性。您的应用程序将跟踪 input 字段、data 计算和一系列其他属性，并且可能需要在值更新时执行操作。 Vue 中的 watcher 可以观察响应性属性，并可以检测到属性何时发生变化。它本质上充当组件响应式数据的事件***。特...

2022-03-02

0 410