昨天朋友说要实现一个效果,获取鼠标所在区域的容器,区域外都遮罩半透明,起名为专注模式。我们今天来实现一下。
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。
A · 解答思路 核心思路是:把所有需要预加载的图片地址放进一个数组,遍历数组为每个地址创建一个 Image 对象并触发加载,在每张图片的 onload 回调中把已完成计数加 1,用「已完成数量 / 总数量」计算出当前进度百分比,驱动进度条更新。 示例代码