Web Worker (工作线程) 是 HTML5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker） 和共享线程（Shared Web Worker）。专用线程仅能被创建它的脚本所使用（一个专用线程对应一个主线程），而共享线程能够在不同的脚本中使…

这种整页翻转的效果主要是做rotateY的动画，并结合一些CSS的3d属性实现。 主要是通过计算页面翻折过来的位置。 这两种原理上都不是很复杂，需要各个细节配合好，形成一个连贯的翻书动画。 我们先重点说一下第一种翻页效果的实现。 1. 基本布局 一个li.paper就表示一张纸…

说跨域之前先说说同源策略，同源策略是一种约定，几乎所有现代浏览器都遵循了这种约定，它也是一种安全策略，确保非同源的请求无法随意请求，从而保证了网站的安全。同源需要保证协议，域名，端口都相同，只要有一个不同，那么他们就不是同源的。虽然同源策略保证了安全性，但有时候我们确实需要非同…

这两天接到一个项目，是有关全屏视频的，整个项目中分到我这儿最主要的部分就是结束页要求3d贺卡展示，正巧和前几天NingBo童鞋分享的一样，干脆点儿，这次搞个webGL版的。哈哈~ 20190426-现在阶段就是只做了个基础版，曲线动画啥的都是小事儿。 20190427-现在加上…

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

让 2019 来得更迅速吧~你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 早些时候，性能都是所谓的“后顾之忧”。直到项目快结束的时候，它会被归结为代码压缩（minification）、拼接（concatenation）、静态资源优化（asset optim…

所以这个分页组件一共是由 2 + 2 + 2 + 1 + 2 * 2 = 11 个 元素构成。记住这个数，给这个变量起名字叫baseCount，待会要着重用它。分析到这逻辑实际已经完成74%了，是不是惊呆了？但是不要着急，我们继续分析一下分页组件需要哪些参数： 参数我已经标注好…

前段时间在项目开发中遇到这样一个需求——文本输入框的高度要随着框内文本所占高度而变化。 下面讲一下实现方案的探索过程。 首先想到的方法，是使用 HTML 5 中新增的contenteditable属性。它可以把元素变成可编辑状态，同时让其保留原有的特性（如元素高度根据元素内容所…