摘要:JavaScript 中的 new、bind、call、apply 实际这些都离不开 this,因此本文将着重讨论 this,在此过程中分别讲解其他相关知识点。 注意: 本文属于基础篇,请大神绕路。如果你不够了解,或者了解的还不完整,那么可以通过本文来复习一下。 this 指向的类型 刚开始学习 J 阅读全文
posted @ 2020-09-07 08:54 前端小蜜蜂 阅读(176) 评论(0) 推荐(3) 编辑
摘要:我们知道,如果给 form 里面的 button 元素绑定事件,需要考虑它是否会触发 form 的 submit 行为。除此之外,其它场合给 button 元素绑定事件,你几乎不用担心这个事件会有什么非预期的附加效果,很自然地会这样写事件处理代码: var button = document.que 阅读全文
posted @ 2020-05-27 17:10 前端小蜜蜂 阅读(1164) 评论(14) 推荐(29) 编辑
摘要:我们在编写 JS 代码时,经常会遇到逻辑判断复杂的情况。一般情况下,可以用 if/else 或 switch 来实现多个条件判断,但会出现一个问题:随着逻辑复杂度的增加,代码中的 if/else 和 switch 会越来越臃肿。本文将带你尝试写出更优雅的判断逻辑。 比如说下面这样一段代码: cons 阅读全文
posted @ 2020-05-26 15:38 前端小蜜蜂 阅读(2933) 评论(22) 推荐(54) 编辑
摘要:最新一段时间比较喜欢玩弄图表,出于好奇,我想找出比较好的用 CSS 制作图表的方案。开始学习网上开源图表库,它对我学习新的和不熟悉的前端技术很有帮助,比如这个:CSS Grid。 今天和大家分享我学到的新知识:如何用 CSS Grid 布局制作一个普通的响应式柱状图。先上效果图: 这篇文章的示例只是 阅读全文
posted @ 2020-05-26 08:25 前端小蜜蜂 阅读(413) 评论(0) 推荐(8) 编辑
摘要:CSS中的 伪选择器可有点“不寻常”,尽管它的名称看上去很简单,而且相当直观。但它的解释是:选择一个包含具有:focus 的任何子元素的元素。有点绕是不是,但仔细读应该也能理解,下面通过具体的例子你就更能理解了。 它是这样工作的: 当form的子元素input获得焦点时,form 就会被选中。 我说 阅读全文
posted @ 2020-05-23 12:01 前端小蜜蜂 阅读(49) 评论(0) 推荐(1) 编辑
摘要:这是我很久以前看到的一个技巧,但我忘记在哪里了,当时遇到这样的需求,做了笔记,现在整理成文章分享出来,因为我感觉这个小技巧还是挺有用的,这种应用场景也算比较常见,比如一个表单有“保存”、“保存草稿”、“预览”多个Submit按钮,就可以用到这个技巧。 假如我们有这样一个表单: 这里提交表单时,它会转 阅读全文
posted @ 2020-05-23 10:59 前端小蜜蜂 阅读(257) 评论(0) 推荐(2) 编辑