前端小蜜蜂

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

摘要： ES2019 规范是对 JavaScript 的一个较小的补充，但它仍然带来了一些有用的功能。本文将向你展示五个 ES2019 新增的特性，这些特性或许可以让你的编程轻松一点。这些特性包括 trimStart()、trimEnd()、flat()、flatMap()、Object.fromEntri 阅读全文

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

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

摘要： 自从 ES 模块被添加到规范中后，JavaScript 中的模块就更加简单了。模块按文件分开，异步加载。导出是用 export 关键字定义的；值可以用 import 关键字导入。 虽然导入和导出单个值的基础知识非常容易掌握和使用，但还有许多其他方法可以使用 ES 模块来使你的导入和导出按照你需要的方 阅读全文

摘要： JavaScript 中的 new、bind、call、apply 实际这些都离不开 this，因此本文将着重讨论 this，在此过程中分别讲解其他相关知识点。 注意： 本文属于基础篇，请大神绕路。如果你不够了解，或者了解的还不完整，那么可以通过本文来复习一下。 this 指向的类型 刚开始学习 J 阅读全文

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

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

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

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