第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） 收集全网优秀前端技术资讯，与你分享，共同成长。 前端收藏家.jpg

本文章由javascript技术分享原创和收集