写在最前 本次的分享是一个基于HTML5标签实现的一个自定义视频播放器。其中实现了播放暂停、进度拖拽、音量控制及全屏等功能。 欢迎关注我的博客，不定期更新中—— 效果预览 点我查看源码仓库。 核心思路 我相信一定会有些没有接触过制作自定义播放器的童鞋对于标签的认识会停留在此。 <…

之前攒的满满的SVG+CSS3做动画的技能一直未能放个大招，理由很简单，因为本身从事行业的性质，软件里不能出现劳什子动画这等花里胡哨的东西，哦，不不，叫隐喻行为引导的趣味化。用canvas实现了一个科技感满满的动态绘制背景的登录页面，因为渲染占了20M内存，20M啊筒子们，那就是…

这一节简单的模仿一下人气眼中的无重叠弹幕效果，也不卖关子了，下一节模仿头部的标签切换效果 一、简介 一谈到弹幕相信大家多不陌生，平时看直播，那弹幕可是看的很欢啊。 人气眼中的弹幕可能数量比较少的原因，是一种不重叠的弹幕。先看一下实现的效果： 无重叠弹幕效果 当你决定看下文之前，…

模块化是什么，有什么用？ 模块化就是将一个大的功能拆分为多个块，每一个块都是独立的，你不需要去担心污染全局变量，命名冲突什么的。 那么模块化的好处也就显然易见了 解决命名冲突 依赖管理 代码更加可读 提高复用性 早期苦逼的前端er 但是，JS 这门语言在最初是没有这个设计的。所以…

Javascript是单线程运行、支持异步机制的语言。进入正题之前，我们有必要先理解这种运行方式。 最简单粗暴的执行方式就是按顺序逐步执行，这样从起床到上班共需50分钟，效率较低。如果能在「洗刷」之前先「叫车」，就可以节省10分钟的等车时间。 这样一来「叫车」就成了异步操作。但…

这是《CSS设计指南》的读书笔记，用于加深学习效果。 display 属性 display是 CSS 中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级…

原文地址：Learning React.js is easier than you think 原文作者：Samer Buna 译文出自：掘金翻译计划 本文永久链接：https://github.com/xitu/gold-miner/blob/master/TODO/lear…

本文思维导图，欢迎补充 本文首发于我的个人网站：http://cherryblog.site 前言 温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现方法太多，所以本文主要是介绍 flex 布局和 grid 布局，以及 C…

普及：浏览器的兼容性问题，往往是个别浏览器（没错，就是那个与众不同的浏览器）对于一些标准的定义不一致导致的。俗话说：没有IE就没有伤害。 贴士：内容都是自己总结的，不免会出现错误或者bug，欢迎更正和补充，本帖也会不断更新。 Normalize.css 不同浏览器的默认样式存在差…