每月 Web 開發更新 12⁄2017：務實的發布、自定義元素和決策
已發表: 2022-03-10今天我讀到一篇關於當前年輕一代及其財務未來的令人大開眼界的文章。 很難理解像“千禧一代”這樣的詞，而且有很多關於他們面臨的具體問題的討論，但是，對於我們中的許多人來說，理解他們的鬥爭並不容易——無論你比我年長還是年輕（我符合以下條件）千禧一代）。 但邁克爾霍布斯有趣且內容豐富的文章向我透露了很多信息。 不僅因為我現在理解——甚至涉及——其中列出的相當多的事實，而且因為這篇文章展示了不同年齡組如何形成一個社會，而沒有意識到他們的決定可能對其他人的生活產生影響。
作為網絡專業人士，我們可以在很多方面與此相關。 在構建 Web 項目時，我們做出決策並經常基於對我們最有利的事情——作為開發人員、企業家、營銷策略師、支持人員——而不是考慮這些決策可能會如何影響其他人。 通過建立無法訪問的網站，我們排除了數百萬用戶； 通過實施更好的分析事件和庫，我們將用戶數據提供給第三方。 有時似乎不可能做出正確的決定，我們對無法做正確的事情感到如此不知所措，以至於我們忽略了所有合理、明智的決定，只專注於最適合自己的事情我們自己。 我們可以更聰明。 雖然我們可能無法把所有事情都做好，但我們仍然可以採取小步驟而不是不知所措。 這並不容易，但也許這是新年的決心？
跳躍後更多！ 繼續往下看↓
消息
- 關於 WHATWG 的重大新聞：四大集成瀏覽器引擎（Apple、Google、Microsoft 和 Mozilla）背後的組織為 WHATWG 制定了知識產權 (IPR) 政策和治理結構。 這有望提高生活水平，提供更有用的資源。
- 實際上早在 11 月就已經發布了，這是 Firefox 57 中的新功能。它現在配備了一個新的、超快的 Quantum 引擎。 Web 擴展也已成為現實，並且可以預期未來會有更多針對舊問題的錯誤修復和性能改進。 但是我們開發人員呢？ Firefox 57 支持
<input type="\\[date|time]">，由於新引擎而修復了許多 CSS 錯誤，並且現在啟用了 Performance Observer API，就像 Storage API 和 Abort API（例如用於獲取請求）。 最後但同樣重要的是，無頭模式現在支持非常有用的--screenshot標誌。 順便說一句，Quantum 引擎也即將在 Android 59 上支持 Firefox。 - Chrome 63 現在推出了一些很棒的新功能：動態 JavaScript 模塊、
async迭代器和生成器、CSSoverscroll-behavior（本機支持拉刷新），以及對Intl.PluralRulesAPI 的支持。 此外，權限 UI 現在以模式請求權限，以明確網站所有者應僅在必要和有用時請求額外權限。Intl.PluralRulesAPI 也包含在這個版本中。
一般的
- 亞馬遜很棒，對吧？ 他們的雲快速、大且便宜。 他們的商店提供一切并快速交付。 本週，Amazon Web Services 宣布了一件非常有趣的事情：“AWS 現在為美國情報界提供了涵蓋所有分類級別的商業雲功能：未分類、敏感、機密和絕密。” 是的，你沒看錯：亞馬遜似乎將負責託管美國情報局的絕密數據。 我很確定政府服務開始完全依賴公司專有的雲服務，而無法輕鬆切換回競爭對手或他們自己的替代方案，這不是一個好主意。 將其與亞馬遜相關：高達 70% 的互聯網流量通過 AWS 弗吉尼亞數據中心，亞馬遜希望在您的臥室、客廳以及公寓或房屋的智能鑰匙中安裝攝像頭和麥克風，以及如果您使用互聯網，則已經不可能不使用 AWS。 如果這個 AWS 安全雲像今年發生的那樣遭遇中斷，美國情報界會發生什麼？ 他們還能繼續經營嗎？ 如果它在積極調查期間發生怎麼辦？
工裝
- 我們當中誰不知道發布的巨大挑戰以及它們是多麼耗時。 Raymond Rutjes 現在建議團隊中的每個人都應該可以發布。 它應該簡單、無憂並且——也許最重要的是——快速。
- Francesco Schwarz 構建了一個新工具來可視化 CSS 的特殊性。 對分析結構中的一些誤解或確定應該重構的模塊非常有幫助。
用戶界面/用戶體驗
- 借助 Spectral，可以在開源許可下使用新的屏幕優先襯線字體。
- John Moore Williams 分享了他在網站搜索設計方面的最佳實踐。 如果您想為您的用戶提供有影響力的、強大的搜索體驗，重要提示。
網絡性能
- Michael Scharnagl 解釋了我們如何使用 Service Worker（基本上是一個 Web 代理）來基於網絡信息 API 加載圖像。
- 哈里·羅伯茨經常找到合適的詞來發現對很多人來說並不明顯的問題。 他的文章“分佈式計算的謬誤（應用於前端性能）”是關於為用戶做出假設以及主動忽視或過度思考網絡性能等問題。
- “最好的請求是沒有請求，重溫”是 Stefan Baumgartner 的一篇新文章，它解釋了您現在可以使用 HTTP/2 做什麼，以及理論上可行但尚未付諸實踐的更改。
- Samuel Parkinson 解釋了當您訪問 ft.com 時會發生什麼。 從 DNS 開始的深入見解，並通過金融時報的完整請求工作流程繼續旅程。
安全
- 身份保護公司 4iQ 在暗網中發現了一個洩露的數據庫，其中包含 14 億個明文憑據。 它可能是迄今為止最大的已知資源，並再次表明為每項服務使用唯一密碼的重要性。
- HSTS 是一種告訴瀏覽器僅通過安全 HTTPS 協議連接到某些主機名的方法。 然而，正如研究顯著表明的那樣，它目前在瀏覽器中實現的方式幾乎已經被破壞並且容易受到攻擊。
- Tobias Tom 分享了他們如何在 Colloq 實施密碼檢查，以防止用戶選擇在公共數據洩露中暴露的密碼。 它基於 Troy Hunt 的驚人數據集，並分享了一些關於如何在不影響站點性能的情況下檢查 40GB Postgres 數據集的有趣數據。
- 您可能已經聽說過瀏覽器中的加密挖掘。 一個新發現的腳本檢查 WebAssembly 支持以充分利用硬件的功能，然後啟動一個在後台挖掘加密貨幣的彈出窗口。 唯一的緩解措施是手動強制關閉瀏覽器的所有任務進程。 但是，也有一些可用的瀏覽器擴展程序可以直接阻止最常見的挖掘腳本。
可訪問性
- 設計和編碼適合所有人的表格的最佳方法是什麼？ Adrian Roselli 分享瞭如何創建響應式、可訪問的表格。
- 這是 Marcy Sutton 重視為可訪問性編寫自動化測試的價值，以及為什麼擁有這樣的測試並不意味著我們不再需要進行手動可訪問性工作。
CSS
- Jonathan Snook 解釋了我們如何使用 CSS Grid 構建日曆佈局。
- 隨著即將到來的 CSS 選擇器 4 級規範，我們將獲得一個類似於
:matches的:is偽選擇器，但不會增加特異性。
JavaScript
- Brian Kardell 寫了一篇重要的文章，介紹了我們如何能夠很快使用自定義元素作為通用原生元素的擴展。 這特別棒，因為我們不需要從頭開始構建所有內容，而是能夠通過自定義擴展原生元素，同時仍然繼承原生元素的完整可訪問性和可用性。 除此之外，此功能允許構建逐步增強的自定義元素。
- 使用 JavaScript 中的現代工具實現容器查詢？ Ali Alaa 與 MutationObserver 分享了我們如何做到這一點。
- Safari 在預覽版本中已經支持動態 JavaScript
import()，Chrome 63 也將支持它。 Mathias Bynens 解釋了這意味著什麼以及我們如何使用它。import()基本上是即時import，讓您僅在真正需要它們時才動態加載整個 JavaScript 模塊。 - Jake Archibald 解釋了
await、return和return await之間微妙但至關重要的區別，並給出了何時使用的提示。
工作生活
- “曾經有一段時間，你可以寫幾首詩，死於肺結核，並稱其為過上美好的生活。” Quinn Norton 發表了一篇名為“反對生產力”的思想，講述了我們所有人為提高生活生產力而進行的奇怪努力。
- 詹姆斯·克利爾解釋了為什么生活似乎總是變得更加複雜，以及我們可以做些什麼來不感到不知所措。
- 據《衛報》報導，許多雇主已經在使用一系列技術來監控員工的網絡瀏覽模式、擊鍵、社交媒體帖子甚至私人消息應用程序。 工作監督表明了公司對其員工的絕對不信任。 但是，如果您的雇主也這樣做，您該怎麼辦？ 最好的辦法可能是和你的老闆談談，你認為他們不重視你的工作，如果他們監視你，就好像他們不信任你一樣。
- Ryan Singer 分享了為什麼只做敏捷是行不通的。 問題在於做錯事、按照規範構建以及分心。 找到正確的事情來做，小心翼翼地做這些事情是真正的敏捷工作。 不要被數字和術語分散注意力，而是專注於重要的事情。
- Alida Miranda-Wolff 提出了為什麼“快速行動並打破事物”對人來說是一個壞主意的問題，因為那樣被打破的“事物”就是一個人。 工作時間、工作中的快樂、成長的才能以及為什麼容易追隨有害模式的問題。
- Dan Kim 分享了為什麼他認為是時候結束定期會議，以便以一種不浪費時間但專注於需要討論的重要事情的方式進行合作。 請求合理考慮定期會議。
超越……
- Scott Berkun 解釋了為什麼正確的改變常常讓人感覺不對。 如果你能理解它，我建議你閱讀這篇文章，因為它可以幫助你理解為什麼我們會有這種感覺以及為什麼這是自然的。
- 偉大的 Do Lectures 系列背後的人們分享了他們推薦我們閱讀的 2017 年的 100 本書。 雖然我無法閱讀所有一百本書，但列表中有一些很棒的提示，可以作為一個不錯的年終讀物。
- 在過去的幾個月裡，我閱讀了越來越多來自社交媒體公司或曾經為社交媒體公司工作過的人的文章，現在談論這些服務如何極大地促進了我們社會的分裂。 這是另一個顯示錯誤信息問題的問題，受人工智能影響的匯總“時間表”只會讓事情變得更糟，而不是統一社會和幫助人們。 雖然社交媒體有很大的價值，但大多數大型服務都存在一個潛在問題：為了爭取更多收入和新功能，這些服務試圖將人們的興趣與人們的興趣相匹配，但由於它們很好地匹配了興趣而不是提供眼球——向用戶開放、中立和客觀的內容，使他們反映他們的觀點和興趣。
我們希望您喜歡這個 Web 開發更新。 下一個計劃於 1 月 19 日舉行。 敬請關注！
