前言：

webpack5 的令人激動的新特性 Module federation 可能并不會讓很多開發者激動，但是對于深受多應用傷害的騰訊文檔來說，卻是著實讓人眼前一亮，這篇文章就帶你了解騰訊文檔的困境以及 Module federation 可以如何幫助我們走出這個困境。

在推行代碼規范的時候，絕大多數情況下都會遭到不小的阻力，一來每個人的代碼習慣不一致，要人輕易改變習慣確實也不是一朝一夕的事情，二來一般都會帶來額外的開發成本和其它困擾。我們不禁在想，推行代碼規范的困難點在哪里，以及如何解決這些痛點，讓各個角色更容易接受呢？

歸納起來，推行規范的過程中，最常聽到的幾點擔憂有：

1. 是否帶來額外的開發成本
2. 規范的執行力度有強制性嗎
3. 已經開發的分支，合入的時候遇到大量沖突誰來解決
4. 存量代碼如何解決
5. 被修復的代碼，后面一看最后修改人全部都是運行 eslint --fix 的那個人怎么辦

測試的意義是什么？

在編程術語中，測試意味著檢查我們的代碼是否符合某些期望。例如：一個名為 “ transformer” 的函數應在給定某些輸入的情況下返回期望的輸出。

Web 開發者與 iOS 長達四年的較量，終于在 iOS 13 發布這一刻落下帷幕。

iOS 8.2 和它的鍵盤難題

2015 年三月，iOS 發布了 8.2 版本。這在當時看來也許只是這個現代的操作系統的一次小更新，但在 Web 開發者眼里，有些微妙的問題產生了。這是一件在 Android 世界里想象不到的麻煩事兒。

在此之前 Web 開發者都非常清楚，在 window 全局對象上的 innerWidth/innerHeight 表示瀏覽器窗口中可以看到頁面的區域的尺寸，而 outerWidth/outerHeight 表示瀏覽器窗口整體的尺寸?？梢钥吹巾撁娴膮^域又被稱為「視口」（Viewport），在 CSS 的世界里，任何 position: fixed 的元素都會脫離文檔流并以視口為基準進行定位，以便在頁面滾動時讓這些元素相對于窗口固定，例如桌面 Web 設計中常見的頭部、側邊欄、「返回頂部」按鈕等等。

可是從 iOS 8.2 開始，這些概念開始不那么靈了。

英文原文鏈接

Dodrio 是一個用 Rust 和 WebAssembly 編寫的虛擬 DOM 庫。它利用了 Wasm 的線性內存和 Rust 的低層次控制 api ，圍繞指針碰撞（bump allocation）的方式來設計虛擬 DOM 渲染機制。初步的基準測試結果表明它比現有的虛擬 DOM 庫性能都高。

在線文檔是一個數據一致性要求很強的項目，我們經常會提到一個在線文檔的技術：“協同沖突處理算法——OT”。這是協同編輯處理的核心。因為它保障了在多客戶端同時提交修改的情況下的數據一致性，用通俗一點的方式描述：多人在線編輯，每個人提交的內容不一樣，但通過協同沖突算法，最終都能看到一樣的內容。

也許你有聽過一個問題，你這款 web 應用性能怎么樣呀？你會回答什么呢？是否會優于海量 web 應用市場呢？本文就來整理下如何進行 web 性能監控？包括我們需要監控的指標、監控的分類、performance 分析以及如何監控。但是，如何進行 web 性能監控本身是一個很大的話題，文中只會側重一部分進行研究，某些內容不是很全面。

前言

最近在研究網站測速相關的主題，接觸到一個概念：First Meaningful Paint，簡稱 FMP，中文譯名：首次有效繪制時間。今天我們來講講這個概念的來龍去脈。

前言

在最近使用 vscode 的時候，有時候在 finder 中需要復制一下選中項目的路徑，或者需要右鍵，在 XXX 中打開這種場景，這里記錄下如何實現這些自動化的操作。

Vue 作為最主流的前端框架，中文資料齊全、入門簡單、生態活躍，可以說是工作中最常用的，如今對 Vue 原理的熟悉基本上是簡歷的標配了。之前參與了部分 2019 校園招聘的面試工作，發現很多簡歷上都寫了：“精通?Vue”、“熟悉?Vue?原理和源碼”、“熟悉?Vue?全家桶及其底層原理”、“熟悉?Vue?雙向數據綁定” 等等，但是這么寫你真的敢說熟悉 Vue 原理嗎？