fzWne4

时隔半年……又重新开始写这份指南，算是拿到掘金专栏标识的第一篇正式文章，代码和原文可见👉 GitHub 链接。 作者：©缉熙Soyaine 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 …

一些关于 Array 的有趣玩法介绍，打开你的 Console，开始鼓捣页面吧。

实现用 JavaScript 和 CSS3 实现拖动滑块时，实时调整图片的内边距、模糊度、背景颜色。

用原生 JS 实现 Checkboxes 中按住 Shift，进行批量多选和取消选择的功能。涉及了两种不同的方案。

整理了十来个 Console 的调试技巧。

用 HTML5 中的 Canvas 的路径绘制实现一个绘画板，可供鼠标画画，颜色呈彩虹色渐变，画笔大小同样呈渐变效果。这部分不涉及 CSS 内容，全部由 JS 来实现。

继续熟悉 Array 的几对方法，包括 some/every，find/findIndex，slice/splice。请打开 HTML 后在 Console 面板中查看输出结果。

利用 fetch() 异步获取网络数据，filter 与 正则实现匹配并展示结果。模拟一个快速搜索的效果。

用 Flex 实现弹性可伸缩的图片墙。点击图片展开或压缩，同时伴有文字飞入飞出的效果。