前言 最近，在逛一些技术群时，看到有人在吐槽，这个video媒体标签设置autoplay属性怎么不生效。不生效就算了，为什么我在dom渲染完成时去获取video元素（假设获取到的元素为el），然后执行

跨标签页通信 什么是跨标签页通信 面试的时候经常会被问到的一个关于浏览器的问题： 要回答这个问题，首先需要搞懂什么叫做跨标签通信。 其实这个概念也不难理解，现在几乎所有的浏览器都支持多标签页的，我们可

为什么这些个网站UI做的这么漂亮啊？为什么它们的细节这么细啊？交互好、实现棒，很难叫人不收藏啊！！毕竟收藏了，下次都是会来学的🐶

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 1. $0 在 Chrome 的 Elements 面板中，$0 是当前我们选中的 html 节点的引用。 理所当然，$1…

PC 端只有声音没有图像。这是因为 PC 端不会打开专门的播放器，只会在 DOM 节点处直接播放，此时 DOM 节点未设置显示区域 点击封面时增加一个 loading 效果，PC 环境在视频播放时取消；微信环境则在视频暂停时取消。(在 iOS 中 play() 方法会触发播放事…

这是一个老套的需求，jq时代就很流行的交互需求。网络上也有不少资料，我这里写这篇文章的目的更主要是针对这些资料的不足，解决一些问题： 吸顶和滚动导航的资料都是独立的，二者作为独立功能独立分析。我这里要把吸顶功能作为滚动导航的一个功能之一，作为一整套方案来分析。 吸顶和滚动导航的…

目前主流的用户认证方法有基于token和基于session两种方式。 6、一旦用户注销应用，cookie只在浏览器被销毁，服务器就不保存任何 session 数据了，也就是说，服务器不保存任何会话数据，即服务器变为无状态，使其更容易扩展。 浏览器向服务器发送用户名和密码时，需要…

iPhone X 底部是需要预留 34px 的安全距离，需要在代码中进行兼容。 这在之前是没问题的，新的 iPhone X Series 设备发布之后，这个就会兼容就有问题。 width === 375 && height === 812 只能识别出 iPhone X 和 iP…