BetterFE 前端技術週刊 - 2019/01/28

這是今年最後一篇週刊了，提早給你們拜個早年，祝你們假期愉快～😊

## 深閱讀

利用CSS3實現3D旋轉效果

推薦理由：首先推薦兩款咱們團隊作的很是炫酷的系統：

1. 瓜子東莞車場車位可視化
2. 圖片畫廊

這其中都用到了若干CSS3動畫，而其中最加分的莫過於3D旋轉效果了，推薦文章短而概要的介紹了3D旋轉所需技能點，足矣！讀完以後謹記住一點 3D旋轉的父級容器 必定不能有 overflow: hidden 特性，不然父級容器的 transform 屬性設置，子元素將再也不繼承。這是咱們在作的時候的一個深坑、坑、坑。

一圖秒懂函數防抖和函數節流

推薦理由：在咱們開發的過程當中，常常會忽略防抖和節流的操做，可能嫌麻煩。這篇文章簡單易懂的講述瞭如何防抖和節流，以及函數防抖（debounce）和函數節流（throttle）的一些區別。趕忙get此技能吧。

九種跨域方式實現原理（完整版）

推薦理由：跨域，先後端數據交互常常會碰到的問題。做者對跨域的原理、解決方式作了很是全面和用心的整理。看完這篇文章，相信你之後遇到跨域問題，必定能夠快速並自信的告訴服務端同窗，跨域是...，咱們這樣子解決就行了。

99%的程序都沒有考慮的網絡異常

推薦理由：絕大多數程序只考慮了接口正常工做的場景，而用戶在使用咱們的產品時遇到的各種異常，全都丟在看似 ok 的 try catch 中。若是沒有作好異常的兼容和兜底處理，會極大的影響用戶體驗，嚴重的還會帶來安全和資損風險

記一次網頁內存溢出分析及解決實踐

推薦理由：網頁內存是咱們很容易忽視的一塊，若是頁面出現卡頓，咱們很難定位問題出如今哪裏，這篇文章給出了一個vue項目中內存溢出事件的完整覆盤過程，給出背景 -> 驗證猜想 -> 問題分析 -> 定位問題 -> 修復 -> 驗證，過程清晰，定位精準，咱們能夠從中學到如何利用chrome的調試工具，打造一個徹底純淨可控的分析環境。

另外：vue的手動解綁是個大坑，不少地方不少人在編寫代碼的時候，真不必定有這個好習慣。咱們能夠根據業務給出不一樣的處理方案，對平臺接口進行改造，支持事件的基於組件的自動解綁等。

## 新鮮貨

經過HTML5 Video來優化動態GIF

推薦理由：講較大致積的gif動圖如何用video來優化，手把手教你具體實現，存在的潛在的問題文末有解決方案，快來試試把本身網站的動圖優化起來吧！

Electron構建跨平臺應用Mac/Windows/Linux

推薦理由：從上週的前端生態圈整年總結中，咱們能夠知道，electron在最受歡迎的20個項目榜上有名，git上有13.6k的star，其收歡迎程度可見一斑。這篇文章是做者精心整理的electron入門基礎筆記，感興趣的同窗，可做爲入門材料學習～

## 工具 && 見聞

Zeu.js

推薦理由: 用於作數據監控看板的基於canvas實現的widget集合，體積很小，效果不錯

拼多多技術事故覆盤，程序員應該學到什麼？

推薦理由: 拼多多優惠券事件是互聯網近期比較大的一塊兒失誤事件，在創業初期，無論是淘寶仍是京東都有過相似的事件發生，本文對其進行復盤，簡述身爲一名程序員能夠作些什麼來規避此類事件的發生