1. 原因： ​ 除了父元素自身可以触发自己的transitionend之外，其子元素如若有transition发生，同样会触发父元素的transitionend事件。 2. 解决办法 EL.ontransitionend = func ...

原因：浏览器为了更好的用户体验，关闭了自动播放功能。 chrome可自动播放例外条件: 上面我们已经提到如果视频本身已经被设置为静音的情况下,那么浏览器将不会再拦截其加载进行自动播放。 ...

image FWidget 用心提供精致的组件，助您构建精美的应用。 现在，快扔掉你手中还没蘸蕃茄酱的薯条 ?。 把目光聚焦到这 ?。 有请来自由 【阿里巴巴-飞猪-FliggyMobile 技术团队】 开发的 FWidget 的全新成员 ...

好久不见！看了下上次写的JS相关文章居然还是在一年前，突然感觉自己很对不起一直关注我的朋友们，希望自己更新进度能尽量加快些吧！ 今天我们就来简单谈谈JavaScript的Event事件对象中 target 和 currentTarget ...

这道题实际上考的是前端性能优化的一个点。 雪碧图的英文是CSS Sprites。 其目的是将多张比较小的图片，合并到一张大的图片上面，大的图片背景透明，使用的时候，通过把该张图片当做背景图片，通过不同的 background-positio ...

轮播图是项目中非常常见的一个效果，平时我们可能都会用别人写好的插件，但是必要的时候也需要自己手写，尤其是需要掌握下其中的实现原理。 一、需求 1.实现渐隐渐显自动轮播效果 2.鼠标移入：显示左右切换箭头，停止自动轮播 3.鼠标离开：隐藏左右 ...

key概述 react中的key属性，它是一个特殊的属性，它的出现不是给开发者用的（例如你为一个组件设置key之后，也仍无法获取这个组件的key值），而是给react自己用的。 简单来说，react利用key来识别组件，它是一种身份标识标识 ...

一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通，但你至少要能够运用它们完成大多数任务，而无需地频繁地寻求别人的帮助。今天给 ...

Unsplash 1. 常用的数组 API forEach 遍历所有元素，item 对应的是元素的值，index 对应的是元素的位置 let arr = [4, 6, 8]; arr.forEach(function(item, index ...

大多数人想到Web开发时，通常会想到HTML或JavaScript，往往忽略了CSS，根据Wikipedia的说法，CSS既是网页中最重要也是最常被遗忘的部分之一，尽管它是万维网的三大基础技术之一。今天就和大家分享9个流行的、强大的前端开源 ...