幾種 JavaScript 動(dòng)畫庫推薦

JavaScript 庫對(duì)設(shè)計(jì)師和開發(fā)人員來說，都是非常有用的工具。它們可以為你的網(wǎng)站添加一些超級(jí)強(qiáng)大的功能，給用戶帶來更好的體驗(yàn)。

2017年8月前端開發(fā)者超實(shí)用干貨大合集

在過去的幾年當(dāng)中，網(wǎng)絡(luò)上所流傳的各種設(shè)計(jì)和開發(fā)資源，在素質(zhì)上有明顯的提升。其中有一些已經(jīng)幾乎成為了設(shè)計(jì)師和開發(fā)者必備的工具，但是其中絕大多數(shù)由于其應(yīng)用范疇的局限，或者傳播不夠廣，導(dǎo)致它們大多并廣為人知。將這些素材集中到一起，很大程度上是希望它們的目標(biāo)用戶能夠明白，需要這些工具的時(shí)候，上哪兒找。 這次的前端干貨合集內(nèi)容也很齊全，仔細(xì)看看，總能找到幾款你所需要的。

深度好文 | JavaScript 疲勞終極指南：我們行業(yè)的真相

上周我在 NebraskaJS 2017 會(huì)議上做了一個(gè)和這個(gè)話題極其類似的演講，我也收到了許多積極的反饋，所以我就想這個(gè)演講也可以寫成一篇文章發(fā)表出來，讓更多的人知道，并幫助他們應(yīng)對(duì) JS 疲勞，理解我們行業(yè)的真相。 這篇文章的目的是希望改變你對(duì)軟件工程行業(yè)的普遍的看法，助你在你可能工作的領(lǐng)域上一臂之力。

JavaScript數(shù)據(jù)結(jié)構(gòu)和算法

數(shù)據(jù)結(jié)構(gòu)和算法對(duì)于很多前端工程師來說，一直覺得是可有可無的，但其實(shí)不然，個(gè)人覺得，前端工程師其實(shí)是最需要重視數(shù)據(jù)結(jié)構(gòu)和算法的人，因?yàn)榍岸怂龅臇|西是用戶訪問網(wǎng)站第一眼看到的東西，特別在移動(dòng)浪潮到來之后，對(duì)用戶體驗(yàn)越來越高，對(duì)前端提出了更高的要求，面對(duì)越來越復(fù)雜的產(chǎn)品，需要堅(jiān)實(shí)的數(shù)據(jù)結(jié)構(gòu)和算法基礎(chǔ)才能駕馭。 如果沒有學(xué)習(xí)過計(jì)算機(jī)科學(xué)的程序員，當(dāng)我們?cè)谔幚硪恍﹩栴}時(shí)，比較熟悉的數(shù)據(jù)結(jié)構(gòu)就是數(shù)組，數(shù)組無疑是一個(gè)很好的選擇。但很多時(shí)候，對(duì)于很多復(fù)雜的問題，數(shù)組就顯得太過簡(jiǎn)陋了，當(dāng)學(xué)習(xí)了數(shù)據(jù)結(jié)構(gòu)和算法之后，對(duì)于很多編程問題，當(dāng)想到一個(gè)合適的數(shù)據(jù)結(jié)構(gòu)后，設(shè)計(jì)和實(shí)現(xiàn)解決這些問題的算法就手到擒來。

Vue.js數(shù)據(jù)綁定原理

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

從刪庫到跑路！IT工程師離職后刪雇主網(wǎng)站源碼判刑五年

軟件工程師徐某離職后因公司未能如期結(jié)清工資，便利用其在所設(shè)計(jì)的網(wǎng)站中安插的后門文件將網(wǎng)站源代碼全部刪除。最終徐某破壞計(jì)算機(jī)信息系統(tǒng)罪成立，獲刑五年。

HTTP緩存機(jī)制詳解

Http 緩存機(jī)制作為 web 性能優(yōu)化的重要手段，對(duì)于從事 Web 開發(fā)的同學(xué)們來說，應(yīng)該是知識(shí)體系庫中的一個(gè)基礎(chǔ)環(huán)節(jié)，同時(shí)對(duì)于有志成為前端架構(gòu)師的同學(xué)來說是必備的知識(shí)技能。 但是對(duì)于很多前端同學(xué)來說，僅僅只是知道瀏覽器會(huì)對(duì)請(qǐng)求的靜態(tài)文件進(jìn)行緩存，但是為什么被緩存，緩存是怎樣生效的，卻并不是很清楚。 在此，我會(huì)嘗試用簡(jiǎn)單明了的文字，像大家系統(tǒng)的介紹HTTP緩存機(jī)制，期望對(duì)各位正確的理解前端緩存有所幫助。

如何監(jiān)聽頁面DOM變動(dòng)并響應(yīng)

最近在做 chrome 插件開發(fā)，既然是插件那就難免不對(duì)現(xiàn)有頁面做一些控制，比如事件監(jiān)聽、調(diào)整布局、對(duì) DOM 元素的增刪改查等等。其中有一個(gè)需求比較有意思，便整理一下順便把涉及到的知識(shí)點(diǎn)復(fù)習(xí)一遍。

立即表達(dá)式的多種寫法與注意點(diǎn)以及in操作符的作用

立即表達(dá)式，在javascript中非常常見， 采用立即表達(dá)式可以形成一個(gè)局部作用域， 常配合閉包實(shí)現(xiàn)模塊化編程等其他用途，接下來我們看看，在大多數(shù)的框架中，立即表達(dá)式都有哪些寫法，以及需要注意的點(diǎn)，另外再介紹下in操作符的用法。

常見 CSS 布局方式

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

我們動(dòng)手來封裝一個(gè)JS的發(fā)布訂閱組件

提及發(fā)布訂閱，我們都知道是一種比較經(jīng)典的設(shè)計(jì)模式。比如像redux等比較流行的一些庫或者一些前端框架底層都會(huì)用來作為通訊機(jī)制，那么我們今天就來封裝一個(gè)基于發(fā)布訂閱的組件。

HTML5 indexedDB 前端本地存儲(chǔ)數(shù)據(jù)庫實(shí)例教程

HTML5 indexedDB和Web SQL Database都是本地?cái)?shù)據(jù)庫數(shù)據(jù)存儲(chǔ)，Web SQL Database數(shù)據(jù)庫要出來的更早，然并卵。從2010年11月18日W3C宣布舍棄Web SQL database草案開始，就已經(jīng)注定Web SQL Database數(shù)據(jù)庫是明日黃花。

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

總結(jié)

以上是生活随笔為你收集整理的20170822 前端开发日报的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。