Drag and drop 的整个生命周期如上所示，在整个周期中，有 drag source 和 drop target 两类 component，需要将 drag source 的 draggable 属性置为 true，才能被拖动 (对 drop target 没有要求)，…

前一阵子忙着找工作,面试过程中,碰到一个感觉比较有意思的问题,尽量多的列举出新手引导动画的实现方式, 昨天稍微总结了一下, 实现了4种.源码在最后,如果想直接看结果的,可以拉到最后去看. 在复制内容下面,加一层半透明的遮罩层. 比较平凡的实现方式,普普通通的,没啥特色. 优点:…

目前我们常用的鉴权有四种： 1.HTTP Basic Authentication 2.session-cookie 3.Token 验证 4.OAuth(开放授权)

上回还真的有同学提到了这个问题，感谢细心的你。@_noob 其实是没任何问题的，只不过看起来违背了常见的结构，像是有问题。其实是上文为了照顾初学者，怕大家因为麻烦而放弃，并没有一次性改的“看起来那么复杂”，我们来填下坑。 我们把上文的 renderer/src 改成比较容易理解…

最近我开始思考React应用的状态管理。我已经取得一些有趣的结论，并且在这篇文章里我会向你展示我们所谓的状态管理并不是真的在管理状态。 我们来看一个简单的例子。想象这是一个展示用户名称、密码和一个按钮的表单组件。用户会在填写表单后点击提交。如果一切顺利，我们完成了登录，并且有必…

SVG英文全称为( Scalable Vector Graphics)，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量…

JWT（json web token）是为了在网络应用环境之间传递声明而基于 json 的开放标准，JWT 的声明一般被采用在身份提供者和服务器提供者间传递被认证的身份信息，以便于从资源服务器获取资源。 JWT 一般用于用户登录上，身份认证在这种场景下，一旦用户登录完成，在接下…

1. scrollingElement 2. 滚动到底部 3. 判断浏览器已滚动到底部