
获得徽章 0
- 瞅瞅啦~各位 JavaScript 的开发人员们~今天又来一个小而全的完整项目啦~如果你嫌原生 video 功能太少、操作太傻、界面太简陋,那就不要错过这个!一款基于 React 的轻量级在线视频播放器组件,界面简洁、操作流畅具有视频播放器的基础功能。你可以在项目中轻松添加播放器组件,实现视频播放功能。还能够通过阅读源码学习到关于生命周期执行顺序、父子组件传值的方式、以及如何利用定时器进行一些实时的状态更新的技巧。
hellogithub.com
展开627 - 444
- 【阴阳】加载动画 #svg
几天前想到这个点子,于是就尝试着用svg实现了下。动画本身并不复杂,难的地方在于怎么样把这个动画做成响应式的同时保证八卦图的长宽比不变。挣扎一段时间后发现借助svg的preserveAspectRatio="xMidYMid slice"可以实现这个效果: 左右两扇门的实际大小比viewport要大,随着窗口的缩小只居中显示一部分svg。
(preserveAspectRatio="xMidYMid slice"的效果有点像background-position: center center + background-size: cover)展开344