05 2020 档案
摘要：我们知道，如果给 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 就会被选中。 我说
阅读全文
摘要：这是我很久以前看到的一个技巧，但我忘记在哪里了，当时遇到这样的需求，做了笔记，现在整理成文章分享出来，因为我感觉这个小技巧还是挺有用的，这种应用场景也算比较常见，比如一个表单有“保存”、“保存草稿”、“预览”多个Submit按钮，就可以用到这个技巧。 假如我们有这样一个表单： 这里提交表单时，它会转
阅读全文
