Sallywa

WebSocket 教程 | 阮一峰

HTML5引入了 history.pushState() 和 history.replaceState() 方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。 这将使浏览器地址栏显示为 http://mozilla.org/b…

目前负责的项目中有一个微信网页，用的是react技术栈。在该项目中增加了一个微信分享功能后，线上ios出现了问题，经排查，定位到了react的路由系统。 这次线上bug，让我决定，先拿react-router-dom开刀，看看它内部到底干了点啥，以解心头之恨。 前端目前用到的就…

直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…

研究了2天的平滑滚动，后面又结合锚点的实现，感觉收获很多，因此写下记录来整理一下。 最常见的需求是一个较长的页面的右下角可能有一个按钮，点击它就能回到顶部。这一般都是用锚点实现的，但是原生锚点的缺点是直接跳转，过于生硬。 因此我们需要一种平滑滚动的实现。 注：使用codepen…

上篇文章介绍了前端路由的两种实现原理，今天我想从react-router源码分析下他们是如何管理前端路由的。因为之前一直都是使用V4的版本，所以接下来分析的也是基于react-router v4.4.0版本的（以下简称 V4），欢迎大家提出评论交流。Let's get star…

周六晚上七点多，我正在看书呢，突然女朋友跑过来问我她的IPAD去哪了，火急火燎的。 她拿到了IPAD之后就不再理我了，不过作为一个程序员，我还是比较好奇这么大的流量虎牙到底能不能扛得住，哈哈哈。于是我过去看了一下，结果看到了下面这一幕： CDN的全称是Content Deli…

但是没有太具体的例子。 明人不说暗话，直接上区别。 interface 和 type 都可以拓展，并且两者并不是相互独立的，也就是说 interface 可以 extends type, type 也可以 extends interface 。 虽然效果差不多，但是两者语法不同…

该方法在getSnapshotBeforeUpdate方法之后被调用，有三个参数prevProps，prevState，snapshot，表示之前的props，之前的state，和snapshot。第三个参数是getSnapshotBeforeUpdate返回的