苦苦掙扎著繞過Redux?別擔心,你並不孤單。

我從許多人那裡聽說,Redux是編寫他們想要的React應用程序的最大障礙。

到本文結束時,您將了解Redux的用途,以及如何知道何時將其添加到您自己的應用程序中。

為什麼?

最好的問題是,我們為什麼要使用Redux?

答案並非“因為互聯網上的其他人都在使用它。”(我不懷疑這就是為什麼很多人都在使用它,但讓我們更深入。)

Redux有用的原因是它解決了一個問題。

不,它解決的問題不是“國家管理”。這是非常模糊的。哎呀,React已經做了國家管理。Redux確實幫助管理狀態,但這不是它解決的問題。

這是關於數據流

如果你使用React超過幾分鐘,你可能知道道具和單向數據流。數據傳遞下來通過道具組件樹。給定這樣的組件:

的count,存儲在App的狀態,將被傳遞下來的道具:

Comment

在這篇文章中,我們將揭開Redux 如何使用向後方法以及一個非常簡單的React + Redux示例的神秘面紗,我認為這將有助於您的理解。正如Redux發布的內容一樣,在解決術語之前,我將嘗試用簡單的術語解釋Redux。

如果你還不確定Redux的用途或者為什麼要使用它,請閱讀Redux的這個解釋然後再回到這裡。

第一:簡單的反應狀態

我們將從一個簡單的舊React狀態的例子開始,然後逐個添加Redux。

Comment

Demo | 官網

經常能見到單頁式使用選單滑動區塊的網站,我們稱為全屏滾動網站(也稱為單頁網站),尤其是國外網站。這些網站用幾幅很大的圖片或色塊做背景,再添加一些簡單的內容,顯得格外的高端大氣上檔次。比如iPhone 5C的介紹頁面(查看)。如果你也希望你的網站能設計成全屏的,顯得更上檔次,你可以試試fullPage.js。

Comment

window.location.href轉跳連結

自己網域轉跳網址

window.location.href='sethost.php';

轉跳到其他網域,加入網頁http://

window.location.href='http://www.google.com';

window.open連結另開頁面

window.open(' 新視窗的網址 ', '新視窗的名稱', config='height=高度,width=寬度');

Comment

本教程中,我們將看看如何創建一個具有視差動畫效果的jQuery滑塊。在這個例子中,只用幾行代碼就實現了視差滑塊(少於40行和3kb)。jQuery庫中眾所周知和使用最廣泛的函數編寫了這個例子。很容易理解代碼流並根據您的需要進行定制。

在這個例子中,我使用init()函數一個接一個地定位幻燈片。幻燈片縮略圖列在滑塊圖像下方。幻燈片和縮略圖將添加到滑塊容器中。在點擊該縮略圖圖像時,通過改變幻燈片的位置向用戶顯示相應的幻燈片。在更換滑塊位置時,滑塊容器也會以不同的級別和速度來回滑動,從而產生視差效果。

Demo

jquery

Comment

Copyright © 2018 ucamc