CSS设置居中的方案总结，主要是垂直居中的梳理。最后改于2021年2月4日，根据目前常用的方案进行了调整。

因为项目是基于React，所以下面的源码基本都是在播放器组件中抽出来的，不过无论在什么框架下开发，逻辑是一样滴。 先从简单的开始讲起吧，说到播放器几个常用的操作按钮肯定少不了，但是最重要的是那一个可以拖动的播放条。 进度条的大致原理就是获取音频的当前播放时长以及音频总时长的比例…

这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已

本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程…

最近手头上做了一个很大的后台管理项目，前端对复杂数据的处理要求颇高，也确实让自己发现了很多之前被忽视的细节。在此特整理出来，希望不熟悉的朋友们们以后可以绕开我踩的这些坑。本文初衷在于帮助大家梳理一些数组操作上的重点和易错点，希望也能帮助和提醒大家，我会尽可能写的幽默些，加深大家…

一直以来，我对Event Loop的认知界定都是可知可不知的分级，因此仅仅保留浅显的概念，从未真正学习过，直到看了这篇文章——《这一次，彻底弄懂 JavaScript 执行机制》。该文作者写的非常友好，从最小的例子展开，让我获益匪浅，但最后的示例牵扯出了chrome和Node下…

10 个独特的 CSS 背景视觉效果

先用node搭建一个服务器，部署在localhost:3000端口，先尝试向浏览器发送一个“hello world”，新建server.js文件。 一个node服务器搭建成功。 express.static(__dirname + '/www');是将www文件夹托管为静态资源…