甜虾

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

之前做图片、视频上传预览常用的方案是先把文件上传到服务器，等服务器返回文件的地址后，再把该地址字符串赋给img或video的src属性，这才实现所谓的文件预览。实际上这只是文件“上传后再预览”，这既浪费了用户的时间，也浪费了不可轻视的流量。 最近上网查资料才知道其实可以很轻松地…

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

几行原生JS代码就能实现实时语音识别？ 支持多国语言 支持各种方言 来不及解释了，请开始你的表演 :)

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

让浏览器开口说话 用各种声音、语速、音调、音量为你朗读你的文字 将你的话翻译成各种语言 “我西渣渣辉”的不同读法

主要内容： 1.HTML5.2的一个新标签：原生html弹窗标签dialog 2.基本用法：两个属性、三个方法、两个事件 3.一个css伪元素，用于设置遮罩样式 4.三个例子简单明了，由简到繁，由不兼容到兼容

主要内容: 不调用app的bridge，JS判断用户设备是否在线、所用网络类型， 该API的特点就是功能虽简单，但对用户却意义重大； 用法简单，一用就会，一看就记住了。：） 望重拍

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