发现这个React 内存泄露问题是某一天的晚上一直开着直播页，直播页用的 react 版本是 16.8.6，到了早上跳到这个页面的时候，控制台有点卡，怀疑是有内存泄露，于是就开始分析这个直播页面。

最近团队在用 WASM + FFmpeg 打造一个 WEB 播放器。我们是通过写 C 语言用 FFmpeg 解码视频，通过编译 C 语言转 WASM 运行在浏览器上与 JavaScript 进行通信。默认 FFmpeg 去解码出来的数据是 yuv，而 canvas 只支持渲染 rgb，那么此时我们有两种方法处理这个yuv，第一个使用 FFmpeg 暴露的方法将 yuv 直接转成 rgb 然后...

写这个插件的原因是最近要对比一下页面的 cpu 和内存占用的性能，本来是想找看看有没有什么软件能够去可视化一下当前标签页的cpu和内存占用，但是发现却找不到这种软件，mac 上有个活动监视器，但是当你开很多标签页的话并不很好的监听当前标签页的 cpu 和内存占用，能看到谷歌浏览器的 rendered 进程，但是谷歌浏览器的...

我们都知道，WebP 是 Google 推出的 WebP 图片格式，它是一种支持有损压缩和无损压缩的图片文件格式，根据Google测试，相同的图片，WebP 格式的图片均能比 PNG，JPG 格式的图片节约不少体积，但是其兼容性不是很好，如下：因此我们需要做一些兼容处理，那么如何判断浏览器支持 webp 呢？下面有几种方法可供参考。

自ES6发布以来，ES6给JavaScript带来了一些新特性和方法。对于JavaScript开发者来说，这些特性能够很好地改善了我们的工作流程以及工作效率，其中的特性就包括 Object.freeze() 方法和 const 。

平常调试 node 打 log 打习惯了，突然发现一个问题就是打印对象的时候，尤其这个对象里面有很多属性的时候，在终端上得一直往上拉才能看到，因此打算使用 vscode 来打断点调试程序。

前些天，线上笔试的时候，发现需要浏览器同意开启摄像头，感觉像是 js 调用的，由于当时笔试，也就没想到这么多🤣。今天闲来无事，看了下自己的 todo，发现有这个调用摄像头的todo，才想到😂。网上查了一下，果然 js 有调用摄像头的 api，为此自己写一个 demo ，避免忘记。

最近重构了我之前项目 qq 音乐移动端，使用的技术是 vue，vuex，vue-router，和 typescript，在这期间，遇到的问题还是蛮多的，一会儿我会把我遇到的问题以及解决方法列出来，避免忘记。

一直想写这篇文章，无奈由于要考试的原因，一直在复习，拖延到现在才写?，之前用 node 的 express 框架写了个小项目，里面有个上传图片的功能，这里记录一下如何实现（我使用的是 ejs）?

常用插件 Auto Close Tag 自动添加HTML / XML关闭标签（必备） Auto Rename Tag 自动重命名配对的HTML / XML标签(必备) Beautify 格式化javascript，JSON，CSS，Sass，和HTML Bootstrap 4 & Font awesome snippets 包含Bootstrap 4＆Font awesome 的代码片段 Bracket Pair Colorizer 颜色识别匹配括号 Class autocom...

举个生活比较常见常见的例子,比如你去面试之后，面试官看你表现不错，最后会跟你要联系方式，以便之后可以联系你。在这角色扮演当中，你就是“订阅者”，面试官就是“发布者”。

最近学了一些 react 和es6 的一些知识，并且使用 react 写了一个 TodoList 项目===>预览 && 源码 感觉学的挺多的，并且遇到的坑也不少?，说实话，一开始学 react 看到 jsx 语法有点不适应，说好的结构和行为分离呢?，不过随着通过一个项目的完成，渐渐明白了这么写的好处

最近用 webStrom 写 sass，感觉非常好用，自动帮你编译好，但是有一个问题，就是在写中文注释的时候，就会出错 如下： 网上查了一下，说在 scss 文件头部加上： {代码...} 但是，我试了一下并不管用！！? 经过一番查找终于找到方法，在这里记录一下： ① 在 scss 文件的头部加上： {代码...} ② 打开/Library/Ruby/Gems/2....

实现的效果如下： 界面可能不是太好看?，考虑到容器的高度会被拉长，因此没有用图片做背景。 预览 便利贴 涉及的知识点 sass(css 预编译器) webpack（自动化构建工具，实现LESS,CSS,JS编译和压缩代码） express (基于 Node.js 平台的 web 开发框架) html+css Node.js(基于 Chrome V8 引擎的 JavaScript 运行环境) jQuery...

在使用inline-block时，有时候出现的效果莫名奇妙，例如： 两个inline-block 元素之间如果有空格、回车、tab，那么在页面上就有一个空隙 两个不同高度的 inline-block 元素顶部无法对齐，或者使用inline-block下面无缘无故多出几像素

最近在学浮动的知识，下面总结了一些浮动的一些特征 1. 块级元素浮动将并排显示，不再独占一行 示例代码： {代码...} 效果： 修改： {代码...} 修改效果： 2. 内联样式浮动就可以设置宽高，不仅能够支持margin-left(right)，而且也支持margin-top(bottom) 示例代码： {代码...} 效果： 修改： {代码...} 修改效果： 3. ...

看到有些next主题的网站很炫酷，那么是怎么配置的呢？接下来我会讲一讲如何实现一些炫酷的效果 主要有以下33种： 在右上角或者左上角实现fork me on github 添加RSS 添加动态背景 实现点击出现桃心效果 修改文章内链接文本样式 修改文章底部的那个带#号的标签 在每篇文章末尾统一添加“本文结束”标记 修改作者头像并旋转 ...

这里排版可能不是太好，详情看我的简书 form表单有什么作用？ 表单的作用是搜集用户的输入，用户提交表单时向服务器传输数据，从而实现用户与web服务器的交互。 有哪些常用的input 标签，分别有什么作用？ 标签 作用 <input type="text"> 用来定义单行输入文本框 <input type="password"> 用来定义密码字段 ...

这里排版不是太好，详情看我的简书 经过网上的大量搜索，渐渐明白了apply()和call方法的使用，为此写一篇文章记录一下。 定义 apply()方法： Function.apply(obj,args)obj：这个对象将代替Function类里this对象 args：这个是数组，它将作为参数传给Function(args-->arguments） call()方法： Function.call(obj,[para...

HTML 中的标签元素可以分为三种不同的类型：块状元素、内联元素和内联块状元素。 块状元素的特点有： 1、独占一行。每个块级元素都从新的一行开始，并且其后的元素也另起一行。 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、可以设置高度，如果不设置元素的高度，则其高度与父元素的高度一致。 常用的块状元素...

页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download...

介绍一些常用的linux命令行 查看完整路径 pwd 打开终端，输入pwd，显示出当前的完整路径 查看当前目录下的文件 ls ls -a ls -al ls 是不包括隐藏文件 ls -a是查看当前目录下的所有文件（包括隐藏文件） ls -al是查看当前目录下的所有文件（包括隐藏文件）的详细信息 举个例子： 我在cal文件夹放了三个文件如下图： 在终...

最近在学canvas元素,<canvas>标签只是图形容器，必须使用js来绘制图形。为了增强对canvas元素的理解,于是用canvas画了一个哆啦A梦来

这里markdown格式跟简书不太一样，排版可能不是很好，可以转到我的简书上看 我们平常在地址栏里输入一些网址时，页面很快就会出现，但在这之中到底发生了什么事情呢？ 大概是这样的流程： 在浏览器的地址栏中敲入了url 域名解析 服务器处理请求 浏览器处理 绘制网页 一、在浏览器的地址栏中敲入了url 首先，我们要知道ur...