Web 開發閱讀清單 #156：瀏覽器新聞、Webpack 2 以及從 HPKP 中學到的教訓

一個人獨自坐在房間裡嗎？ 從外部的角度來看，似乎是這樣，但人腦在這些方面更有趣。 我們內心有一張關係圖，這個人是否真的感到孤獨取決於這張圖。

我剛讀了《壓力與社會自我：人際關係如何影響我們的免疫系統》，我覺得我們可以從中學到很多東西。 事實上，我現在可能會從不同的角度看待社交媒體。 我們是社會人，我喜歡和你分享好的內容，所以，不用多說，這是本週的網絡開發閱讀清單。

關於 SmashingMag 的進一步閱讀：

• Webpack 詳細介紹
• 害怕 HTTP 公鑰固定 (HPKP)
• 無需簡單地工作更多時間即可完成更多工作
• DNS 簡介：解釋可怕的 DNS 延遲

消息

• Opera 41 和 Chrome 54 已經發布，它們帶有一些有趣的新功能。 這些更新現在支持自定義元素 v1 以及一些新的和方便的 JavaScript 方法，如ParentNode.prototype.append()或無前綴 ​​CSS user-select 。 另一方面，他們刪除TouchEvent.prototype.initTouchEvent （從現在開始您需要使用構造函數），並且KeyboardEvent.prototype.keyIdentifier已被KeyboardEvent.prototype.key取代。
• 根據其他主要瀏覽器供應商的建議，Mozilla 將從 2017 年 1 月 1 日起不信任 WoSign 和 StartCom 證書，原因是證書過時以及未披露和拒絕收購這兩家公司。 提高 CA 安全性的重要一步。
• Node.js v6 本週過渡到當前的 LTS 版本，Node.js v7 也已發布。 它涵蓋了 98% 的 ES6，帶來了新的 V8 引擎、改進的可靠性和性能，以及基於 WHATWG URL 標準的新 URL 解析器。

一般的

• 隨著即將到來的 Chrome 55（現在處於測試階段），瀏覽器最終將獲得對指針事件的支持。 它還將支持 JavaScript async / await -functions 並在 Chromium 瀏覽器中缺席多年後恢復 CSS hyphens屬性。 還將添加once事件偵聽器選項，為了縮短加載時間並防止導航失敗，使用document.write()注入的跨域和解析器阻塞腳本將不再通過 2G 連接加載（這也意味著第 3 方HTML5Boilerplate 使用的回退在即將推出的 Chrome 版本中不再起作用）。

工具和工作流程

• Jack Franklin 解釋瞭如何從當前的 Webpack 1 遷移到即將推出的 Webpack 2 以及兩者之間的差異所在。
• 與已經展示的 Boxy SVG 編輯器類似，Vectr 是一個新的在線/桌面矢量圖形編輯器，具有實時共享功能。
  

安全

• Paragon Initiative Enterprises 為 PHP 開發人員分享了一份全面的自動安全更新指南，每個使用 PHP 開發的人都應該知道。
• 上週，Smashing Magazine 不得不處理即將到期的 SSL 證書。 雖然這通常很容易更新，但如果您啟用了 HTTP 公鑰固定 (HPKP) 並將其設置為較長的到期日期（通常是有意的），則可能會出現問題。 Mathias Biilmann Christensen 現在寫了關於從中吸取的教訓以及為什麼您應該了解（並且害怕！）HPKP 以及如何使用舊密鑰頒發新證書，以便啟用 HPKP 的用戶不會破壞該站點。

隱私

• Mattias Geniar 分享瞭如何使用 Pi-Hole（一個基於 DNS 的 Raspberry Pi 黑名單）輕鬆阻止整個家庭網絡中的廣告和跟踪器。

網絡性能

• 來自 Canopy 的 Brian Armstrong 解釋了為什麼不應該依賴默認 DNS 設置，正如最近的 Dyn DNS 中斷所顯示的那樣。 他介紹瞭如何以正確的方式配置 DNS，為什麼更長的 TTL 很重要，以及為什麼擁有來自不同提供商的不同名稱服務器可以節省服務的正常運行時間。

JavaScript

• Fuse.js 是一個新的輕量級 JavaScript 模糊搜索庫。

CSS/薩斯

• Roman Komarov 在 CSS 自定義屬性中寫了關於條件的文章，關於解決方案、挑戰，以及當涉及到更複雜的條件時如何從預處理器中受益。 這篇文章還提到了一些關於如何擴展 Web 標準的有趣想法。

工作生活

• Cal Newport 分享了他對工作中的深度休息如何幫助您的大腦充電，從而提高您的工作效率的想法。

超越……

• 看到這種背景故事真的很有趣：Katie Singer 揭示了用於為互聯網提供動力的真實能源量，並通過比較我們每個人需要產生多少電力來為網站提供動力，從而對這些數據進行了透視。

有了這個，我將在本週關閉。 如果您喜歡我每週寫的內容，請通過捐款支持我或與其他人分享此資源。 您可以在此處了解有關項目成本的更多信息。 它可以通過電子郵件、RSS 和在線獲得。