第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）

收集全網優秀前端技術資訊，與你分享，共同成長。