BetterFE 前端技術週刊 – 2019/01/02

BetterFE發表於2019-03-02

祝大家2019年新年快樂?,新的一年,加油加油!

## 深閱讀

瀏覽器如何獲知頁面編碼

推薦理由:相信很多現在的前端同學根本不會關注到頁面的編碼問題,但這卻是jsp時代人人都要面對的問題,jsp頁面的編碼、讀取的資料庫的編碼、html模板的編碼,一個對不上就要出問題。這篇文章從編碼原理說起,講到現在我們如何知會瀏覽器頁面編碼,甚至應該出現在什麼位置。不妨作為你深入瞭解編碼問題的入門文章。

一文讀懂前端快取

推薦理由:你的cache發音正確嗎?此文全面性地講解了前端快取,從幾個角度上對快取進行了分類,可以說包括了前端的絕大部份快取,讓我們瞭解平時為什麼這樣使用快取,可以在之後考慮到效能優化的時候合理利用快取。

Vue.js 父子元件通訊的十種方式

推薦理由:本文簡要介紹了vuejs中父子元件通訊的十種方式,不同場景不同對待。看到的同學或多或少有點收穫。

深入理解 React 高階元件

推薦理由:React HOC能夠抽象出很多公用的無依賴的公用元件,在元件化和複用性上有很大的提升

## 新鮮貨

以下是NPM準備如何在2019年提高安全性和可靠性的計劃

推薦理由:在2018年發生了幾起重大事故後,NPM正在努力提高其安全性和可靠性

另附:npm package permissions — an idea

我是如何將頁面載入時間從6S降到2S的? | DOM 操作成本到底高在哪兒?

推薦理由:之前已經推薦過骨架屏、Quicklink預載入,但效能優化想更邁進一步,僅僅這兩個優化肯定滿足不了,第一篇文章會從dns、cdn 、服務端方面來提高響應速度。第二篇文章主要從DOM渲染的細節上分析,減少頁面重繪來提高頁面渲染速度。

短視訊寶貝=慢?阿里巴巴工程師這樣秒開短視訊

推薦理由:閒魚技術出品的文章一般都比較幹,本次他們分享的是如何優化短視訊的播放,從視訊本身的編碼格式入手到實現視訊秒開方案的實戰解決方案,非常實用

## 職業發展 && 工作效率

打造 10000 Star 的前端開源專案

推薦理由:作者從自己的角度介紹瞭如何打造一個10000 star的專案,這個專案我們也經常使用,就是dayjs。高 Star 不僅是衡量開源專案可靠程度的一個重要依據,這樣專案維護者的 Github 也能在招聘中讓公司提前瞭解候選人的開源貢獻、技術熱情和程式設計習慣等,獲得面試官的加分

GitHub – sdras/vue-vscode-snippets

推薦理由:Vue的程式碼片段外掛,可以在VsCode裡面使用,全面而便捷

如何在vscode裡面除錯js和node.js – 掘金

推薦理由:除錯技巧,vsc是當之無愧的前端開發神器,但是其實它有很多功能我們在日常基本開發中可能並不會去了解,這篇文章就講了如何在VSC去除錯你的JS程式碼(包括瀏覽器環境和Node)

相關文章