Web Audio 简易教程 Web Audio提供了一个强大的音频处理系统，在我们现有的业务场景中，很少有使用到Web Audio，很多时候用到也仅限于播放一段音频。

1. javascript-algorithms 该仓库包含了多种基于 JavaScript 的算法与数据结构。 每种算法和数据结构都有自己的 README，包含相关说明和链接，以便进一步阅读 (还有 YouTube 视频) 。 算法包含了 算法主题 和 算法范式。 其中算法主…

最近，鱼皮在持续完善自己 GitHub 上的开源项目，也分享给了很多小伙伴，苦苦哀求大家可以给个 star。 但是，很多同学表示爱莫能助，自己根本没有注册过 GitHub，更别提知道它的用法了！也难怪很多好的编程资源大家都找不到，只能乖乖成为一名伸手党。 GitHub 是 全球…

url从输入到页面的渲染中间的技术细节，这篇我们总结下，常用的性能优化操作。构建阶段的性能优化可以参考这篇webpack包教不包会（二）性能优化最佳实践。 合并css和js文件，合并文件大小之后，大文件gizp之后不能超过33kb（不是一股脑的打包成一个），文件数量要适量。 是…

用户喜欢快速的网络应用，他们希望页面加载速度快，功能流畅。如果在滚动时有破损的动画或滞后，用户很有可能会离开你的网站。作为一名开发者，你可以做很多事情来改善用户体验。本文将重点介绍4个可以用来提高页面渲染速度的CSS技巧。 1. Content-visibility 一般来说，…

在这篇短文中，我将介绍一些你可以用来改进你的代码的方法。本文代码示例均使用 JavaScript。 我发现但凡是可读的代码必定是可维护的。 作为一名开发人员，我的目标是编写高质量的代码。团队中的每个开发人员，不管他/她的技术水平如何，都必须能够通过阅读理解我所写的代码。代码的可…

但是，盒模型有标准盒模型和IE的盒模型。 很简单，通过设置 box-sizing:content-box(W3C)/border-box(IE)就可以达到自由切换的效果。 这种方法只能获取使用内联样式的元素的宽和高。 这种方法获取的是浏览器渲染以后的元素的宽和高，无论是用何种方…

做为前端开发者来说，大都数都用过 VSCode，并且也有很多是经常用的。但 VSCode 的一些快捷键可能我们不知道，也比较少用，毕竟这很好，因此本文就列出一些快捷键方便大家学习与记忆。 在这篇文章中，我将列出我最喜欢的快捷键，这些快捷键让我更快的编写代码，也让编码变得更有趣，…

杀鸡焉用牛刀呢，今天我们来学习下专门用来处理URL的query的接口：URLSearchParams 。 有时候不知道一个字段是否存在，所以想事先校验下。使用实例的has方法进行判断，代码： 有时候想重写一个字段，而不是添加(append)一个字段，这时候需要使用set方法，比…