前言 最近使用videojs作为视频处理第三方库，用来对接m3u8视频类型。这里总结一下自定义组件遇到的问题及实现，目前看了许多文章也不全，官方文档写的也不是很详细，自己摸索了一段时间陆陆续续完成了，

作为一个前端工程师，令我最头疼的两件事，一个是逻辑混乱且没有注释的js代码，还有一个就是污染严重、命名奇葩的css样式了。 在项目开发中，扎实的基础和高超的技术水平固然重要，但是良好的编码风格也是不可或缺的一部分。开发一个业务或许只需要几天或者几个月的的时间，但项目在线上运行和…

在推特上面看到 T. Afif 介绍的十个 Loading 效果。 Yeah，很赞哦，挺实用的，遂记录下来。 希望对读者写代码有所启发～

你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！

直接利用DOM实现动画。 利用canvas实现动画。 利用svg实现动画。 直接用一张gif动图。 利用图片实现帧动画。 ... 所有动画的基本原理都是：在短时间内连续依次展示对应的图片，这样在视觉上看起来就是'动'的了。 本文主要来说一说第4点和第5点。 当我们要实现的动画效…

一个成功的Web App必须有良好的用户体验。当我们谈及改善用户体验时，你会想到什么？ 其实，有一点是很容易被开发者忽视的，那就是CSS。我们可以使用一些CSS技巧来改善网页的表现形式、交互细节和可访

今天，分享一波唯美的边框，可增加我们的项目"亮"点，让用户爱起来。 渐变边框动画 事例地址：https://codepen.io/mike-schultz/pen/NgQvGO CSS Animati

为什么要用stylelint？ css的书写顺序很重要，会影响的渲染。正确的书写可以减少浏览器的回流，提升浏览器的dom渲染。

总结了 webpack5 的 8 个速度优化和 6 个体积优化的实用方案，在你的项目中也尝试一下吧，直接起飞