第18期 手把手教你实现「京喜工厂」的CSS动画效果 & 前端网红框架的插件机制axios、koa、redux、vuex

手把手教你实现「京喜工厂」的CSS动画效果

今年Q1（2020年第一季度）参与了京喜事业部「京喜工厂」业务的前端开发。用户能够经过「京喜工厂」参与口罩、抽纸、大米等商品的“在线生产”，既能趣味造物，又能免费领奖品。目前能够经过「京喜」小程序首页访问该活动。
活动在上线后不久，PV 达到千万的量级，引人注目。有很多前端同窗好奇里面涉及到的动画实现，文本应运而生。

如何设计大型前端团队基建路线

你们下午好，我今天要分享的主题叫【大型前端团队的基建设计整合之路】，主要会跟你们分享下咱们团队这么多年积累下来的前端基础设施相关方面的一些成果和心得。

京喜前端的自动化测试之路

京喜（原京东拼购）项目，做为京东战略级业务，拥有千万级别的流量入口。为了保障线上业务的稳定运行，每个月例行开展前端容灾演习，主要包含小程序及 H5 版本，要求各页面各模块在异常状况下进行适当的降级处理，不能出现空窗、样式错乱、不合理的错误提示等体验问题。

重温基础：正则表达式

本章节复习的是JS中的正则表达式，JS中用来匹配字符串的强大工具。

深刻理解 动态 Import 和 顶层 await

随着 ES6 的发布，JavaScript 语法也愈来愈趋于成熟，新的提案也在不断地提出。
ECMA 提案一共有四个阶段，处于 Stage3 的都须要咱们持续关注，之后极可能就会被归入新标准中。
今天主要来深刻讲解一下动态 import 和 Top-level await。

TypeScript 3.9正式发布！平均编译时长从26秒缩短至10秒

有些朋友可能对 TypeScript 还不太熟悉，这是一种以 JavaScript 为基础开发的语言，新增 type 声明与注释等多种语法。TypeScript 编译器可以使用这些语法对代码进行 type 检查，然后输出可以适配多种不一样运行时、且清晰可读的 JavaScript 代码。

前端网红框架的插件机制全梳理（axios、koa、redux、vuex）

前端中的库不少，开发这些库的做者会尽量的覆盖到你们在业务中千奇百怪的需求，可是总有没法预料到的，因此优秀的库就须要提供一种机制，让开发者能够干预插件中间的一些环节，从而完成本身的一些需求。
本文将从koa、axios、vuex和redux的实现来教你怎么编写属于本身的插件机制。

花式解说防抖函数debounce的实现

歪式絮叨：本来打算只用一篇文章总结下防抖和节流的，可是写着写着发现挺有意思的。因此准备会分红 3-4 篇来写了，单独的防抖和节流的实现，而后在去分享一下知名库的源码。今天先跟歪马一块儿看看防抖的实现吧。其余内容敬请期待~！

前端收藏家（微信号: fedaily）

收集全网优秀前端技术资讯，与你分享，共同成长。