政採雲前端小報 第47期

• 本期首發於：政採雲前端小報第47期
• 瀏覽更多往期小報，請訪問：weekly.zoo.team

---

1. Web 頁面錄屏實現 JavaScript

   有些時候，當你不知道用戶的具體操作時，是沒有辦法重現這個錯誤的，這時候，如果有操作錄屏，你就可以清楚地瞭解到用戶的操作路徑，從而復現這個BUG並且修復。

2. if 我是前端團隊 Leader，怎麼制定前端協作規範? - 掘金 職業感悟

   萬字長文，繼續刷新我的文章長度記錄，涉及前端開發的方方面面。本文將持續更新和完善, 文章部分觀點可能比較武斷或不完整，歡迎評論和補充，一起完善該文章. 謝謝 筆者長期單槍匹馬在前端領域廝殺(言外之意就是團隊就一個人)，自己就是規範。隨着公司業務的擴展，擴充

3. js實現的圖片懶加載和Chrome原生懶加載 HTML

   當今的網站上充斥着大量媒體資源，例如圖片和視頻。圖片約佔網站平均通信量的 50%。然而這些圖片中的大部分都沒機會進入用戶的視野，因爲它們位於網站頁面的頭版之外。

4. CSS-position:static/relative/absolute/fixed定位 - 前端 - 掘金 CSS

   加深對position的理解

5. VSCode原理解析 - 斷點調試 | Taobao FED | 淘系前端團隊 調試工具

   瞭解一下IDE中調試功能是如何設計與實現的

6. JS異常函數之-箭頭函數 - 掘金 JavaScript

   箭頭函數this指向的深入瞭解

7. chrome的調試技巧 調試工具 調試工具

   熟練掌握Chrome調試技巧，可以使自己的開發更高效

8. 這一次，徹底弄懂 Promise 原理 - 掘金 JavaScript

   瞭解promise原理

9. 「譯」 2019 年你應該要知道的 11 個 React UI 組件庫 - 掘金 React

   原文地址：11 React UI Component Libraries you Should Know in 2019 原文作者：Jonathan Saring 譯文出自：掘金翻譯計劃 本文永久鏈接：github.com/xitu/gold-m… 譯者：El

10. 推薦21個頂級的Vue UI庫！ - 劉泓賓博客 Vue

    推薦21個頂級的Vue UI庫！最近，隨着“星球大戰”（指 GitHub 的 Star 數量大比拼）的爆發，Vue.js 在 GitHub 上的 Star 數超過了 React。雖然 NPM 的...

11. 重學 this 關鍵字(進階必備知識） - 掘金 JavaScript

    爲什麼要學習this關鍵字 面試會問啊！ 總有一些面試官喜歡問你一段不可能這麼寫的代碼。 看一道經典且古老的面試題(學完本文後，末尾會有一道更復雜的面試題等着你哦！) 代碼如下: var a = 5; var obj = { a : 10, foo

12. 前端理解依賴注入(控制反轉) - 個人文章 - SegmentFault 思否 Vue

    依賴注入是面向對象編程中的一種設計原則，可以減低代碼耦合度。

13. GMTC 大前端時代前端監控的最佳實踐 JavaScript

    本文來自阿里雲前端監控團隊，轉載請註明出處 本文爲2018年6月21日，在北京舉辦的GMTC(全球大前端技術大會)，下午性能與監控專場，由阿里雲前端監控團隊前端技術專家彭偉春帶來的演講稿，主題是《大前端時代前端監控的最佳實踐》。現場反饋效果非常好，地上都坐了三圈，很多人反饋根本無法擠進去。先上現場照。

14. 如何成爲一位失敗的程序員 職業感悟

    每個人都有自己成長的節奏，對於成功的定義也是因人而異，在我們邁向所謂「成功」之前，我們應該瞭解何謂「失敗」。

15. position:sticky的用法 CSS

    用更幽默,更簡單的理解position:sticky的用法

16. 瀏覽器的一些“滾動”行爲鑑賞???????? - 掘金 JavaScript

    瀏覽器滾動真的天天見日日見啦，比如你現在看的這篇文章，往下看就必須得滾動，這篇文章主要聊聊滾動相關的一些方法跟屬性，還有一些有趣的例子???? 文章涉及到的方法或屬性在文末會放鏈接，方便大家自行查閱！

17. 如何讓你的 JS 寫得更漂亮 JavaScript

    如何寫出漂亮的代碼，如何讓代碼風格更規範，這是成爲優秀程序猿的必修課。本文作者將長期編寫 js 的一些經驗分享出來，希望大家都有所收穫。

18. 網站性能指標這麼多，你到底選對了嗎？ - 掘金 性能

    爲什麼性能重要？ 從用戶體驗角度來看一個網址或者app是否有吸引力，75%的人是認爲頁面加載時長是一個核心因素，遠遠高於其他影響用戶體驗的問題，例如：簡潔易用、屏幕適配、設計吸引力等等。 性能對於業務而言，也會直接影響到用戶留存、頁面轉化和用戶體驗等等方面。