ZooTeam 前端週刊｜第 145 期

ZooTeam 前端週刊｜第 145 期

瀏覽更多往期週刊，請訪問： weekly.zoo.team

1. 這三年沉澱的前端錯誤監控系統，一篇文章講透給你

在我司線上運行的是近億級別的廣告頁面，這樣線上若是裸奔，出現了什麼問題不知道。後置在業務端發現，被業務方詢問，這種場景很尷尬。

2. 使用Babel轉換JavasCript代碼 - 知乎

1、基礎概念 Babel 是 JavaScript 的編譯器，經過 Babel 能夠將咱們寫的最新 ES 語法的代碼輕鬆轉換成任意版本的 JavaScript 語法。隨着瀏覽器逐步支持 ES 標準，咱們不須要改變代碼，只須要修改 Babel 配置便可…

3. 概述 · 語雀

原文連接：www.yuque.com/...

4. 今天聊：大廠如何用一道編程題考察候選人水平

• 面試官和候選人的知識結構可能有差別 => 可能會錯過優秀的人 - 遇到「麪霸」，頻繁面試刷題，可是實際能力通常 => 招到不合適的人 - 要在短短半個小時到一個小時內判斷一我的，其實很難

5. 邏輯編排在前端可視化搭建中的實踐

目前公司內外部有多面向後端的邏輯編排技術專項，且沒有統一的標準、沉澱通用的方案。咱們前端同窗常常會嘗試頁面級、模塊級的複用，減小代碼重複開發，減輕人力資源投入，提高開發效率。那咱們是否也能夠拆分到更小粒度，函數層的邏輯複用呢？ 咱們團隊近期打造了具備前端特點的邏輯編排方案，創建…

6. 狼叔：F2C 可否讓前端像運營配置同樣開發？-技術圈

以前在《2021 前端會有什麼新的變化？》一篇 10W+ 的回答中有提到 imove，你們對這個開源項目頗爲感興趣，這裏將它背後的設計思路和背景作一

7. TypeScript 的另外一面：類型編程

做爲前端開發的趨勢之一，TypeScript 正在爲愈來愈多的開發者所喜好，從大的方面來講，幾乎九成的框架與工具庫都以其寫就（或者就是相似的類型方案，如 Flow）

8. Deno內部代碼將停用TypeScript，並公佈五項具體理由-InfoQ

日前Deno官方公佈的一份文檔指出，出於對當前環境的實際考慮，Deno將中止在內部代碼中繼續使用TypeScript。文檔中提到的問題涉及TypeScript編譯時間、結構以及代碼組織方式等。將來，Deno項目將使用純JavaScript編寫內部代碼。TypeScript給Deno帶來的問題在使用TypeScript編寫內部代碼時，Deno團隊遇到了如下幾個現實問題：在變動文件時，TypeScri

9. 我給鴻星爾克寫了一個720°看鞋展廳

最近由於鴻星爾克給河南捐了5000萬物資，真的是看哭了不少的網友，因而我想到了給鴻星爾克作了一個線上的看鞋展廳，鴻星爾克 TO BE No.1！

10. 從輸入URL到頁面加載的過程 - 簡書

前言 本文爲閱讀文章時的閱讀筆記。爲加深記憶，方便往後查找原文地址: 從輸入URL到頁面加載的過程？如何由一道題完善本身的前端知識體系！[juejin.cn...

11. JavaScript企業級編程規範(2)-常量-變量-函數-事件-操做符

你想知道的JavaScript企業級編程規範

12. 瀏覽器緩存 · 語雀

前言緩存能夠說是性能優化中簡單高效的一種優化方式了。一...

13. js下載圖片 · 語雀

直接點擊包含圖片連接的 a 標籤效果是預覽效果，目前...

14. babel原理及插件開發

現在的前端界已經離不開ES6，然而老舊瀏覽器並不支持，項目中特別是國內公司又須要兼容低版本的老舊瀏覽器，多虧了babel這個神奇的工具，可讓咱們的ES6代碼運行在舊瀏覽器中。 大部分前端開發人員只是配置一下babel，根據須要裝個插件之類，我想確定少有人去研究babel轉換E…

15. 新一代自動化測試工具 —— playwright

1、playwright 的概述 playwright 是由微軟公司 2020 年初發布的新一代自動化測試工具，playwright 基於 jest 的 e2e 測試框架，其在 jest 的基礎上集成

16. 自如客APP裸眼3D效果的實現

背景 移動端界面設計如此火熱的今天，各種大廠的設計規範和設計語言已經很是的成熟，咱們想作一些在這套成熟的設計規範以外的嘗試和創新，因此有別於傳統的banner交互形式成爲了咱們的發力點。 設計理念 由

17. 認識可選鏈和雙問號語法_Smell_rookie的博客-CSDN博客

目錄可選鏈操做符（雙問號操做符）nullish coalescing operatorBigInt咱們都知道一個新的ECMAScript標準的發佈須要通過五個階段，分別是Stage 0-Stage 4階段，每一個階段都須要TC39的審批和全體成員的一致贊成才能提交至下一個階段。本文中提到的特性是處於Stage 3 || Stage 4階段。因此說如下提到的新特性很快就能夠爲咱們程序員造福了，下面...

18. 一文完全搞懂 DvaJS 原理 - 知乎

Dva 是什麼dva 首先是一個基於 redux和redux-saga的數據流方案，而後爲了簡化開發體驗，dva 還額外內置了react-router和fetch，因此也能夠理解爲一個輕量級的應用框架。Dva 解決的問題 通過一段時間的自學或培訓，…

19. Zoo Weekly - 政採雲前端小報

Zoo Weekly!，是政採雲前端團隊維護的前端技術文章週刊，每週更新一期，篩選推薦近一週內更值得閱讀的前端技術文章。

20. Playwright vs. Puppeteer: Which should you choose? - LogRocket Blog

Playwright and Puppeteer are both browser automation libraries for Node.js. Where they differ is in their browser support and potential long-term viability.

21. 百萬PV商城實踐系列 - 前端圖片資源優化實戰

本文主要以商城實例作爲切入點，對項目中常常出現的圖片資源列舉了對應場景下的解決方案，若是項目中碰到很是多的圖片資源，那麼能夠嘗試下文中的一些優化方案。

22. 感謝 compose 函數，讓個人代碼屎山????逐漸美麗了起來~

曾經有一段優美的代碼放在我面前，我沒有珍惜。直到如今天天面對代碼屎山手足無措時，才追悔莫及！塵世間最大的痛苦莫過於此，若是上天給我再來一次的機會，我必定對這段代碼說三個字 —— 六，六，六！！！

23. 談談：前端如何賦能業務

你處於哪一個階段？

24. 你可能並不須要微前端 - 知乎

去年看到社區裏一些關於微前端的討論時，就想寫篇文章梳理一下本身的觀點，後來由於種種緣由擱置了（主要是懶）。今天在微信羣中看到又有很多人談起微前端，雖遺憾錯過了討論，但也勾起了本身的表達欲。因此這裏整…