20170822 前端開發日報

幾種 JavaScript 動畫庫推薦

JavaScript 庫對設計師和開發人員來講，都是很是有用的工具。它們能夠爲你的網站添加一些超級強大的功能，給用戶帶來更好的體驗。

2017年8月前端開發者超實用乾貨大合集

在過去的幾年當中，網絡上所流傳的各類設計和開發資源，在素質上有明顯的提高。其中有一些已經幾乎成爲了設計師和開發者必備的工具，可是其中絕大多數因爲其應用範疇的侷限，或者傳播不夠廣，致使它們大多並廣爲人知。將這些素材集中到一塊兒，很大程度上是但願它們的目標用戶可以明白，須要這些工具的時候，上哪兒找。 此次的前端乾貨合集內容也很齊全，仔細看看，總能找到幾款你所須要的。

深度好文 | JavaScript 疲勞終極指南：咱們行業的真相

上週我在 NebraskaJS 2017 會議上作了一個和這個話題極其相似的演講，我也收到了許多積極的反饋，因此我就想這個演講也能夠寫成一篇文章發表出來，讓更多的人知道，並幫助他們應對 JS 疲勞，理解咱們行業的真相。 這篇文章的目的是但願改變你對軟件工程行業的廣泛的見解，助你在你可能工做的領域上一臂之力。

JavaScript數據結構和算法

數據結構和算法對於不少前端工程師來講，一直以爲是無關緊要的，但其實否則，我的以爲，前端工程師實際上是最須要重視數據結構和算法的人，由於前端所作的東西是用戶訪問網站第一眼看到的東西，特別在移動浪潮到來以後，對用戶體驗愈來愈高，對前端提出了更高的要求，面對愈來愈複雜的產品，須要堅實的數據結構和算法基礎才能駕馭。 若是沒有學習過計算機科學的程序員，當咱們在處理一些問題時，比較熟悉的數據結構就是數組，數組無疑是一個很好的選擇。但不少時候，對於不少複雜的問題，數組就顯得太過簡陋了，當學習了數據結構和算法以後，對於不少編程問題，當想到一個合適的數據結構後，設計和實現解決這些問題的算法就手到擒來。

Vue.js數據綁定原理

Vue.js是一款MVVM框架，上手快速簡單易用，經過數據綁定在修改數據的時候更新視圖。Vue.js的數據綁定原理依賴於Object.defineProperty，尤大大在Vue.js文檔中就已經提到過，這也是Vue.js不支持E8 以及更低版本瀏覽器的緣由。Vue經過設定對象屬性的 setter/getter 方法來監聽數據的變化，經過getter進行依賴收集，而每一個setter方法就是一個觀察者，在數據變動的時候通知訂閱者更新視圖。

從刪庫到跑路！IT工程師離職後刪僱主網站源碼判刑五年

軟件工程師徐某離職後因公司未能如期結清工資，便利用其在所設計的網站中安插的後門文件將網站源代碼所有刪除。最終徐某破壞計算機信息系統罪成立，獲刑五年。

HTTP緩存機制詳解

Http 緩存機制做爲 web 性能優化的重要手段，對於從事 Web 開發的同窗們來講，應該是知識體系庫中的一個基礎環節，同時對於有志成爲前端架構師的同窗來講是必備的知識技能。 可是對於不少前端同窗來講，僅僅只是知道瀏覽器會對請求的靜態文件進行緩存，可是爲何被緩存，緩存是怎樣生效的，卻並非很清楚。 在此，我會嘗試用簡單明瞭的文字，像你們系統的介紹HTTP緩存機制，指望對各位正確的理解前端緩存有所幫助。

如何監聽頁面DOM變更並響應

最近在作 chrome 插件開發，既然是插件那就不免不對現有頁面作一些控制，好比事件監聽、調整佈局、對 DOM 元素的增刪改查等等。其中有一個需求比較有意思，便整理一下順便把涉及到的知識點複習一遍。

當即表達式的多種寫法與注意點以及in操做符的做用

當即表達式，在javascript中很是常見， 採用當即表達式能夠造成一個局部做用域， 常配合閉包實現模塊化編程等其餘用途，接下來咱們看看，在大多數的框架中，當即表達式都有哪些寫法，以及須要注意的點，另外再介紹下in操做符的用法。

常見 CSS 佈局方式

詳見： 一些常見的 CSS 佈局方式梳理，涉及 Flex 佈局、Grid 佈局、聖盃佈局、雙飛翼佈局等。

咱們動手來封裝一個JS的發佈訂閱組件

說起發佈訂閱，咱們都知道是一種比較經典的設計模式。好比像redux等比較流行的一些庫或者一些前端框架底層都會用來做爲通信機制，那麼咱們今天就來封裝一個基於發佈訂閱的組件。

HTML5 indexedDB 前端本地存儲數據庫實例教程

HTML5 indexedDB和Web SQL Database都是本地數據庫數據存儲，Web SQL Database數據庫要出來的更早，然並卵。從2010年11月18日W3C宣佈捨棄Web SQL database草案開始，就已經註定Web SQL Database數據庫是明日黃花。

原文：http://caibaojian.com/fe-dail...