奇舞週刊第 465 期

語言: CN / TW / HK
時間 2022-09-23 12:27:12

  • 奇舞推薦

  • 一份詳盡的 React re-render 指南

    本文是一篇比較詳盡的 React re-render 指南，會著重介紹和解答以下問題：什麼是 re-render、哪些是必要或非必要的 re-render、什麼條件能夠觸發 React 元件 re-render。除此之外，還會介紹一些避免 re-render 的重要開發模式，以及引起不必要 re-render 的反模式。並且針對每種模式和反模式都提供了示例圖。

    奇舞推薦

  • 徹底搞懂 Webpack 的 sourcemap 配置原理

    用過 webpack 的都知道，webpack 的 sourcemap 配置是比較麻煩的，本文教你徹底搞懂 sourcemap 配置

    奇舞推薦

  • 一個案例學會 VSCode Snippets，極大提高開發效率

    教你怎麼編寫自己的 VSCode Snippets，開發效率 up up

    奇舞推薦

  • 前端切圖仔可以看懂的自動化測試入門文章

    一直以來對於前端同學來說，自動化測試都是一個比較特殊的命題，但是很多人都對它知之甚少或者是隻是停留在理論的基礎上，但實際上，自動化測試在前端工程中也是相當重要的一部分。即使是快速迭代的活動頁面，也會有通用的工具函式與 SDK，對這一部分的程式碼進行測試用例的完善是有必要且意義重大的，而對於某些流量巨大且長期存在的頁面，我們甚至需要進行多種測試場景的保障。

    奇舞推薦

  • 技術實踐

  • 還在用定時器嗎？藉助 CSS 來監聽事件

    平時工作中很多場合都要用到定時器，比如延遲載入、定時查詢等等，但定時器的控制有時候會有些許麻煩，比如滑鼠移入停止、移出再重新開始。這次介紹幾個藉助 CSS 來更好的控制定時器的方法，一起了解一下吧，相信可以帶來不一樣的體驗

    技術實踐

  • 使用 FLIP 技術讓編寫動畫事半功倍

    本文將簡要介紹 FLIP 動畫，是一種高效能的動畫方案，它適用於動畫的初始態或最終態不明確的情況，使用 FLIP 技術，能夠大大減少動畫的開發成本。

    技術實踐

  • 前端運維部署那些事

    聊到運維，很長一段時間我覺得跟前端就是毫無關聯的玩意，應該說半毛錢關係都木。但隨著前端工程化的發展，前端基本運維部署相關知識甚至也逐步被重視，如果你公司的運維部門很強大，那麼你也可以完全忽略運維相關的，如果你想更多瞭解前端架構，還是需要具備一定的運維相關知識儲備

    技術實踐

  • 拓展邊界

  • 以 QUIC 為例，聊聊如何學習網路協議

    對於大部分網際網路從業者來說，雖然大家每天都在跟網路打交道，但很少有人會 (需要) 關心 HTTP 之下的網路協議的細節，大部分時候，瞭解個大概，知道如何使用就可以了。但是如果你就是要詳盡地瞭解一下 QUIC 的知識，該如何入手呢？

    拓展邊界

  • 精讀《State of CSS 2022》

    本週讀一讀 State of CSS 2022 介紹的 CSS 特性。

    拓展邊界

「」
「」