1. 程式人生 > 其它 >我的前端自學之路2020/12/21

我的前端自學之路2020/12/21

技術標籤:自學

作業寫了兩天了,只寫了個首頁,還沒寫完( ̄▽ ̄)",單純學知識點的時候感覺挺簡單的 ,實際上手做起來真的有種無從下手的感覺,今天寫寫這兩天遇到的問題。
1.結構,由於還沒有學互動,所以就不知道結構怎麼才能方便之後寫互動,暫時就怎麼能拼出樣子來怎麼寫了ε=ε=ε=( ̄▽ ̄)
2.類名…起類名真是個麻煩事啊,這時候是真後悔自己當初沒有好好學英語了,為了不至於寫拼音,只能常備百度翻譯。
3.還是結構,對相關性理解的不透徹,寫著寫著就開始扣細節了,比如登入和註冊,根據相關性應該放在同一個父元素li裡包含兩個a就可以了,自己寫的時候卻是兩個li。因為這個問題,在頁面中我使用了大量的絕對定位,也不知道以後會不會有問題。

4.多餘的文字顯示省略號,寫的時候怎麼都不生效,卡在這浪費很長時間,最後發現元素必須有準確的寬度,繼承的不行,百分比也不行。
5.現在寫的頁面所有的元素大小都是固定寫死的,翻了翻資料發現後面還有響應式、flex、rem…是可以根據頁面或者裝置大小自適應的,瞬間對後面的學習充滿了期待啊,同時看到還有巨量的知識要學,壓力又是蠻大的。
6.前面學了CSS寫三角形,自己寫的時候要用上了,但是發現要寫一個非等邊的倒立的直角三角形…結果沒寫出來,後來索性照抄某東原版程式碼了,但是仔細研究了人家的程式碼,總算是領會了,所以知識點真不是死記硬背的,要活學活用。
吶,就是這種三角形:
在這裡插入圖片描述
程式碼如下:

/* 倒立的直角三角形 */
.slider-biglogo { position: absolute; top: 0; left: 82px; width: 0; height: 0; border-color: #e1251b transparent transparent transparent ; border-style: solid; border-width: 23px 10px 0 0; }

7.還有個漸變的線,始終沒搞懂怎麼寫
在這裡插入圖片描述
不知道能不能看清,是一條從中間到上下兩部顏色漸淺的豎線,用寬度為1的偽元素寫的,線我會寫,但是漸變沒寫出來,可能還沒學到應該用的知識?暫時寫的沒漸變的實線( ̄▽ ̄)"

暫時就這麼多,最後,自學是真的難。