甜虾

web中迎来了这样一个特性叫做视图转换动画 View Transitions，又称“转场动画”，也能很轻松的实现这类效果。今天我们就通过一些 demo 一起了解一下这

这两个名词实际上指的分别是“语音转文字”，和“文字变语音”。 本文介绍的是语音合成(Speech Synthesis)，语音识别(Speech Recognition)请移步另一篇。 SpeechSynthesisUtterance主要用来构建语音合成实例，speechSynt…

今天跟大家学习JS中的4个观察者(Observer) API —— 1. Intersection Observer 2. Mutation Observer 3. Resize Observer 4. Performance Observer 并给出各自的demo加深理解。

简单盘点了浏览器的几种滚动相关的行为： 1.让页面或元素的滚动如丝般柔滑 2.几个滚动方法 3.让元素滚到可视区 4.多滚动区域，滚动不传播 5.规范滚动元素的定位 6.设置返回页面是否返回原滚动位置

Web Components涉及到的内容还是很多的，每一块都有很多东西可以讲，国外的好多大佬已经产出了好多优秀的文章。 本文照常只是简单了解大致内容而不进入深究，了解且会用即可，浅尝辄止。 Web Components本身不是一个规范，而是由W3C提出的另外4个规范的合集。这四…

今天学一下canvas像素点操作。 下面的栗子简单实现了几个简单的滤镜效果，具体算法参考的这里，学过《数字图像处理》的同学应该对此理解更深刻。 然后被朋友圈吐槽抠图。其实当时就是站在一块绿幕前拍的😂 。 PS中魔法棒工具可以把图片中一定容差下的相近像素都选中、清空，轻松做到一…

最近在学习canvas，然后照葫芦画瓢简单实现了几个小demo，跟大家一块学习一下。 方法返回 ImageData 对象，该对象拷贝了画布指定矩形的像素数据。 是Uint8ClampedArray类型的一维数组，包含着RGBA格式的整型数据。 color/alpha 以数组形式…

主要内容—— 介绍了浏览器的录制媒体API——MediaRecorder API，涉及的方法和事件等，并给出两个demo展示。

主要内容： 介绍了浏览器的API —— audioContext，六个demo由简至繁展示方法的使用