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

2021-07-29 21:47:58 字數 675 閱讀 9563

昨天卡在backgroundimg未按預想的呈現。今天調整了下,position用錯了,也沒有設定高度。所以就跑錯了位置,今天重新設定下,勉強好看些了

這裡用乙個大div包裹中間三排要顯示的元件,這個div距左右兩邊的距離在js中處理,使其居中

//容器物件

var maincontainer=document.getelementbyid("maincontainer");

maincontainer.style.left = (document.body.clientwidth - maincontainer.clientwidth)/2 +"px";

緊接著的三排div要用position:abslute進行定位,不然會跑不見。我寫的時候中間黃色和黑色的三角形就不見了,最終把滑動門的幾張注釋掉才找到這個div在**。具體的**實現可參照github上css微調這次提交。

至此,大的框架差不多了,剩下的就是慢慢填充內容,接下來實現右上角滑鼠到達會員位置事會彈出下拉列表,這裡有坑:

幾個巢狀div沒有id。還在摸索的路上,實現後接著更新。

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

這一篇是在webpack完成之後開始的,其實內容並不多,不過也卡了一下。從2開始,發現react和react dom是我們需要的,應該加上,按照他的來,新增一下。webpack我們已經安裝了,但是看他的配置裡有乙個外掛程式項 外掛程式項 plugins new webpack.hotmodulere...

一步一步寫演算法(開篇)

演算法是計算機的生命。沒有演算法,就沒有軟體,計算機也就成了乙個冰冷的機器,沒有什麼實用價值。很多人認為,演算法是數學的內容,學起來特別麻煩。我們不能認為這種觀點是錯誤的。但是我們也知道,軟體是一種復合的技術,如果乙個人只知道演算法,但是不能用程式語言很好地實現,那麼再優秀的演算法也不能發揮作用。乙...

一步一步寫演算法(開篇)

演算法是計算機的生命。沒有演算法,就沒有軟體,計算機也就成了乙個冰冷的機器,沒有什麼實用價值。很多人認為,演算法是數學的內容,學起來特別麻煩。我們不能認為這種觀點是錯誤的。但是我們也知道,軟體是一種復合的技術,如果乙個人只知道演算法,但是不能用程式語言很好地實現,那麼再優秀的演算法也不能發揮作用。乙...