​| 导语 竞态条件一词翻译自英语 "race conditions"。当我们在开发前端 web 时，最常见的逻辑就是从后台服务器获取并处理数据然后渲染到浏览器页面上，过程中有不少的细节需要注意，其中

在我司线上运行的是近亿级别的广告页面，这样线上如果裸奔，出现了什么问题不知道，后置在业务端发现，被业务方询问，这种场景很尴尬。

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次…

书接上文，在之前的 聊聊前端开发中的长列表 中，笔者对「可视区域渲染」的列表进行了介绍，并写了一个简化的例子来展现如何实现。这种列表一般叫做 Virtual List，在本文中会使用「虚拟列表」来指代。在本文中，笔者会把上篇文章中的简化例子一步步强化成一个相对通用、性能优异的虚…

顿时又是一阵 惨叫双手捶胸 原来 segmentfault 评论是支持 markdown 语法的，如果再评论里输入 [...](#) 则会被转换成如上代码。 好奇心突发跑到了 掘金 测试了一下带连接的评论，打开 控制台 看了看由于使用了 target="_blank" 没有出现…

把数组按指定大小进行分组，可以用于分页、数据切割、异步操作数据。 Array.prototype.from 从一个类似数组或者可迭代对象中创建一个新的数组实例，类似数组 这个词可能很多人都不是很清楚，类似数组是 javascript 中一个神奇的对象，只要拥有 length 就…

XSS 的防御很复杂，并不是一套防御机制就能就解决的问题，它需要具体业务具体实现。 目前来说，流行的浏览器内都内置了一些 XSS 过滤器，但是这只能防御一部分常见的 XSS，而对于网站来说，也应该一直寻求优秀的解决方案，保护网站及用户的安全，我将阐述一下网站在设计上该如何避免 …

我是一名来自蚂蚁金服-保险事业群的前端工程师，在一线大厂的业务部门写代码，非常辛苦但也非常充实。业务代码不同于框架代码、个人项目或者开源项目，它的特点在于逻辑复杂、前后依赖多、可复用性差、迭代周期短，今天辛辛苦苦写的代码，上线运行一周可能就下线了。能熟练书写框架代码、构建底层基…

对创建好的 textarea 元素进行选中并使用复制里面的文本内容，最后移除掉 textarea 元素。 移动设备上有一个问题 “当文本框被选中时，会弹出虚拟键盘” 会导致页面出现闪烁，如果手机响应较慢甚至可以看到虚拟键盘弹出和消失的过程。这段代码的点睛之笔之一在于把输入框设置…