前端小蜜蜂

在做前端 UI 效果时，让元素根据滚动位置实现动画效果是一个非常流行的设计，通常我们会使用第三方插件或库来实现。在本教程中，我将教大家使用纯 JavaScript 和 CSS 来实现。

ES2019 规范是对 JavaScript 的一个较小的补充，但它仍然带来了一些有用的功能。本文将向你展示五个 ES2019 新增的特性，这些特性或许可以让你的编程轻松一点。

在这篇文章中，我将讲讲 Vue 的 Composition API 为什么比之前的 Options API 要好，以及它是如何工作的。 首先，这里不是要大家放弃 Options API，如果你觉得 Options API 还不错，已经习惯了，就继续使用它。但我希望你能明白为什么…

每个人都想成为专家，但什么才是专家呢？这些年来，我见过两种被称为“专家”的人。专家一是指对语言中的每一个工具都了如指掌的人，而且无论是否有帮助，都一定要用好每一点。专家二也知道每一个语法，但他们对采用什么来解决问题比较挑剔，会考虑很多因素，包括与代码有关的和无关的。 你能猜猜我…

我们知道，如果给 form 里面的 button 元素绑定事件，需要考虑它是否会触发 form 的 submit 行为。除此之外，其它场合给 button 元素绑定事件，你几乎不用担心这个事件会有什么非预期的附加效果，很自然地会这样写事件处理代码： 你之所以放心这么写，是因为这…

CSS中的 :focus-within 伪选择器可有点“不寻常”，尽管它的名称看上去很简单，而且相当直观。但它的解释是：选择一个包含具有:focus 的任何子元素的元素。有点绕是不是，但仔细读应该也能理解，下面通过具体的例子你就更能理解了。 当form的子元素input获得焦点…

我们在编写 JS 代码时，经常会遇到逻辑判断复杂的情况。一般情况下，可以用 if/else 或 switch 来实现多个条件判断，但会出现一个问题：随着逻辑复杂度的增加，代码中的 if/else 和 switch 会越来越臃肿。本文将带你尝试写出更优雅的判断逻辑。 你可以在代码…

History 是 window 对象中的一个 JavaScript 对象，它包含了关于浏览器会话历史的详细信息。你所访问过的 URL 列表将被像堆栈一样存储起来。浏览器上的返回和前进按钮使用的就是 history 的信息。 History 对象包含长度属性，它包含了会话历史记…

最新一段时间比较喜欢玩弄图表，出于好奇，我想找出比较好的用 CSS 制作图表的方案。开始学习网上开源图表库，它对我学习新的和不熟悉的前端技术很有帮助，比如这个：CSS Grid。 今天和大家分享我学到的新知识：如何用 CSS Grid 布局制作一个普通的响应式柱状图。先上效果图…