一、总述： 二、基础代码 需求：点击小狗按钮，掉接口获取小狗图片链接，展示小狗图片； 请求接口：'https://dog.ceo/api/breeds/image/random'， 请求方法：get请

JavaScript 是一个很复杂的语言，很多新手在使用它开发应用的时候会发现很多功能无从下手。有了我根据功能分类总结的 36 个 JavaScript 技巧，复制粘贴一键搞定！

reduce 函数可以根据需要进行累加、过滤、分组、映射等操作，是一个非常强大的数组方法。在数据处理时使用的非常频繁，很多复杂的逻辑如果用reduce去处理，都非常的简洁。

我正在参加 码上掘金体验活动，详情：show出你的创意代码块 手写个进度条，说下自己遇到的问题，第一次的思路是只通过before和after样式写出来，实现进度条，但是发现有个bug就是当达到90多以

废话不多说，先直接上成品 代码片段 让我们从零开始分析代码 1. 初始化HTML和CSS 2. 添加计时器，每秒计算需要在纵轴上偏移的位置 3. 添加一点点过渡效果，让时间变化更加丝滑 代码至此告一段