一步一步寫web之react實戰(二)

2021-07-30 03:03:46 字數 1091 閱讀 4772

這一篇是在webpack完成之後開始的,其實內容並不多,不過也卡了一下。

從2開始,發現react和react-dom是我們需要的,應該加上,按照他的來,新增一下。webpack我們已經安裝了,但是看他的配置裡有乙個外掛程式項

//外掛程式項

plugins: [

new webpack.hotmodulereplacementplugin(),

new webpack.noerrorsplugin()

]

這個不知道有沒有用,看下面介紹覺得應該會需要,用不用得著先加上。

再往下看,babel,es6到es5轉換的東西,按照他的教程,一步一步都安裝了。再往下看就是他的**嵌入部分,這裡我們就可以不用參考他的了。

webpack的入口是entry.js我們最先應該也在這裡加**,那我們就加乙個

剛吐槽要這裡的樣式太醜還會自動跳整要重新找個安身之所就給我玩消失,哎,在寫一遍吧,還好給我留了半篇文章,不然真的就沒心思寫了。其實上面的**是我試驗成功後的產物,真正寫的時候沒這麼順利。

首先我想到的是在index.html裡加一行

然後看剛才的教程他的index.html裡script引用還有type,於是我也加了。執行webpack,然後悲劇了,頁面一篇空白!什麼資料都沒!也沒報錯!然後我想是不是jsx編譯出問題了呀,不認jsx語法?參考的index.html head裡還有一行

在接著排查,發現index.html中的

一步一步寫web之初識web(二)

昨天卡在backgroundimg未按預想的呈現。今天調整了下,position用錯了,也沒有設定高度。所以就跑錯了位置,今天重新設定下,勉強好看些了 這裡用乙個大div包裹中間三排要顯示的元件,這個div距左右兩邊的距離在js中處理,使其居中 容器物件 var maincontainer docu...

一步一步寫演算法(之查詢)

無論是資料庫,還是普通的erp系統,查詢功能資料處理的乙個基本功能。資料查詢並不複雜,但是如何實現資料又快又好地查詢呢?前人在實踐中積累的一些方法,值得我們好好學些一下。我們假定查詢的資料唯一存在,陣列中沒有重複的資料存在。1 普通的資料查詢 設想有乙個1m的資料,我們如何在裡面找到我們想要的那個資...

一步一步寫演算法(之 A 演算法)

在前面的部落格當中,其實我們已經討論過尋路的演算法。不過,當時的示例圖中,可選的路徑是唯一的。我們挑選乙個演算法,就是說要把這個唯一的路徑選出來,怎麼選呢?當時我們就是採用窮盡遞迴的演算法。然而,今天的情形有點不太一樣了。在什麼地方呢?那就是今天的路徑有n條,這條路徑都可以達到目的地,然而我們在挑選...