在开始今天的文章之前，大家不妨先想一下触发 React 组件 re-render 的原因有哪些，或者说什么时候 React 组件会发生 re-render 。

WebRTC，名称源自网页即时通信，是一个支持网页浏览器进行实时语音对话或视频对话的API。它于2011年6月1日开源并在Google、Mozilla、Opera支持下被纳入万维网联盟的W3C推荐标准

最近在做项目中，使用flex布局遇到了个老问题：当flex子元素里的子元素的宽度过大，超出flex父元素时，设置flex:1并不能限制flex子元素的尺寸

本文将介绍如何仅仅使用 HTML/CSS 就可以创建出各种基础进度条及花式进度条及实现其酷炫动画的方式。

有时候，提高效率的办法，比如收藏一些好用的网站。这么多年下来，收藏夹里面躺着一些好用的网站，来掘金的时候，收获了很多知识，这时候准备回馈点东西给你们。 使用起来很方便，如果你使用Vscode开发的话，去插件商店搜索any-rule，非常便利。 unbug.github.io/c…

图片编辑器开发总结 背景： 在实际业务开发中遇到图片编辑模块， 实际上图片编辑本身是相对于业务比较解藕的模块。对于使用方需要提供原图加载接口和编辑后导出文件接口即可！

WebRTC 是一个实时通信的技术，它提供了一套 API，可以让浏览器实现 P2P 通信，而且不需要额外的插件，这使得 WebRTC 成为了一种非常有前景的技术。

对于各种不同形状，不同设备像素比移动设备，其浏览器的视口（窗口中显示网页信息的区域）不一定与渲染页面大小相同。移动设备的视口的默认值为 980px，一般情况下都要比这些设备的屏幕尺寸要大。

用观察者模式实现数据响应式更新；主要涉及watcher、dep、数据劫持、依赖收集、通知更新等方面，逻辑较为复杂，通过手写源码厘清它们之间的关系。