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