To C 业务场景下的 Web 页面，经常会有炫酷复杂的动效需求。在一个有限的项目排期下，选择合适的动效方案但往往对前端工程师来说是一个巨大的挑战。

设计模式 启用设计模式将使整个网页可编辑，只需单击并键入即可。 要使用它，请打开控制台并运行： 动图 漂亮的印刷品 原始文件通常被缩小，因此难以阅读。使用 Pretty Print 选项对其进行格式化

最近做的项目要求前端根据后端给的base64数据转化成对应格式的文件并下载到本地。

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

首先，每一次会话都有一个唯一的session ID，这是串联起所有行为的纽带。 其次，用户行为又分成两个部分，其一是用户的操作，比如鼠标滑动，点击，页面滚动等，其二是页面的变化。这两者我们都统称为用户行为，记录在同一个队列中。 一开始的时候，系统会记录下初始的页面作为第一帧，这…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

转转App是我们公司最核心的产品，引导用户到转转App中来，对用户增长和留存十分重要。常见的做法是在各个流量入口，投放Web版的引流页面，然后通过该页面唤起App（下文简称唤端）。本文重点介绍转转是如何在各种场景下，完成整个唤端流程的。 如上图，在Safari浏览器中，当我们点…

自第一个实现的浏览器开始计算，Fetch API 已经快要五岁了。这五年 Chrome 和 Firefox 刷了不少版本号，IE 也不知死了多少年，而它的继任者更是上演了一出名为《Edge: Become Chromium》的好剧。再加上 ES6+ 的普及，我们早已习惯了基于 …