简介： 从2019年双十一的 “盖楼 ”到今年618的 “开列车”，在大促互动游戏背后，是业务多变性、产品稳定性和研发效率的多重博弈。本文介绍了淘系互动前端团队如何应对研发效率 & 产品稳定性的挑战，内容涵盖“互动智能测试” & “弹窗规模化生产”这两个技术方案。

简介： 2020年618大促已经过去，作为淘系每年重要的大促活动，淘系前端在其中扮演着什么样的角色，如何保证大促的平稳进行？又在其中应用了哪些新技术？ 淘系技术特此推出「618 系列|淘系前端技术分享」，为大家介绍 618 中的前端身影。本篇的作者是来自于营销活动团队的墨冥，为大家介绍618大促背后的淘系前端技术体系。

这里为什么是62.5%？因为任意浏览器的默认字体高都是16px。而1em=16px。那么12px=0.75em,10px=0.625em。但是这样非常不好计算。比如14px=?em。反正我是不能心算出来。为了简便计算，把字体设置成62.5%。这就使em值变为 16px*62.5%=10px,这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作…

如何快速学会项目搭建 答: 别想了,想啥呢?只能是遇到问题去搜相关的 issues、文档和讨论（英文）。 步骤 创建目录与远程仓库 npm 初始化 (npm init) 新建 lib/index.tsx 新建 webpack.config.js 配置 entry 配置 output 配置 module.rules jsx tsx scss 配置 plugins {代码…} 5.配置 tsconfig.json 和 tslint.json6.配…

URL指的是统一资源定位符（Uniform Resource Locator）。URL无非就是一个给定的独特资源在Web上的地址。理论上说，每个有效的URL都指向一个独特的资源。这个资源可以是一个HTML页面，一个CSS文档，一幅图像，等等。而在实际中，有一些例外，最常见的情况就是URL指向了不存在的或是被移动过的资源。由于通过URL呈现的资源…

效果 分析该过程，可拆分成两个步骤： 鼠标框选一段区域 判断框选区域包含的 checkbox，进行对应处理 HTML 和 CSS 布局 该布局基于 element-ui，一个父容器 box，里面一个 mask div，一个 el-checkbox-group 块。其中父容器设置 position: relative; 子 mask 容器设置 position: absolute;并且其宽、高、偏移值根据鼠标…

欢迎加入前端交流群背景：发布了新网站，需要引导用户操作或者发布了新功能需要展示给用户 实现：借助driver.js 第三方类库实现 demo：样式如下图  实现方式：点击查看示例代码  api介绍： {代码…}

{代码…} {代码…}

很多网站为了实现推送技术，所用的技术都是轮询。轮询是在特定的的时间间隔（如每秒），由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，…

append和appendChild是两个常用的方法，用于将元素添加到文档对象模型（DOM）中。它们经常可以互换使用，没有太多麻烦，但如果它们是一样的，那么为什么要出现两个API呢？……它们只是相似，但不是一样。