本文用大白话详细介绍了Iersection Observer API的所有属性，以及涉及到的对像、方法等。

「好久好久没有更新了，差点把掘金给忘记了。总结了一下原因，自从去年入职了新公司之后负责了很久的低代码平台研发，后又开发了H5页面，直到遇到现在这个问题，我才想更新记录一下，没准就会有xdm和我遇到一样

背景 第一次使用@人功能到现在已经有差不多10年了，初次使用是通过微博体验的。@人的功能现在遍布各种应用，只要是涉及社交、办公等场景，就是一个必不可少的功能。最近也在调研 IM 的各种功能的实现方案，

不打算考虑兼容性，所以没有必要采用UEditor这么重的插件。为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的bug。

目前HTML5和CSS3在各大浏览器上的普及率已经比较高，日常开发中也是经常使用，但对于这两者的知识点一直没有做一个比较详细的整理，这里我总结了HTML5和CSS3新增的特性详解和使用问题。 本篇文章预计占用三十分钟阅读，如果你已经熟练于HTML5和CSS3，阅读本文将带你回顾…

声音：这里的声音是指通过麦克风会产生一连串的电压变化，可以得到许多[-1,1]之间的数字。如果想要播放，需转换成pcm格式 链接完成后，createScriptProcessor的onaudioprocess方法可以持续不断的返回采样数据，这些数据范围在[-1,1]之间，类型是…

前端实现录音有两种方式，一种是使用MediaRecorder，另一种是使用WebRTC的getUserMedia结合AudioContext，MediaRecorder出现得比较早，只不过Safari/Edge等浏览器一直没有实现，所以兼容性不是很好，而WebRTC已经得到了所…

作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo（真的很简单，样式等于没有~…

大家好，这里是CSS魔法使——alphardex。 轮播图（Carousel），相信大家并不陌生。平时大部分我们都是借助现有的框架来实现的，大都是swiper，或者UI框架里的某一个小组件。于是乎这东西就开始变得千篇一律：几张图片，外加几个小点，两边各有2个箭头，能够点击它们进…