小小白的前端實踐感悟

2021-08-17 12:23:11 字數 1090 閱讀 9634

哎,練習了一天的前端布局,加上上一周週末練的,總共有兩個前端實戰的練習了。  

志不在前端工程師,只是為了彌補平時做專案時前端的空缺,方便自己做乙個不是那麼醜的頁面。    更深層次的是希望能找到乙個框架適合自己的,以後好用。  不過很可惜,練的時候沒想那麼多,埋頭苦幹去了,也就沒想。 

跟著練習速度自然是很快的,效果也是顯著的。   但是越是這樣,越顯得知識來的過快,怕自己吃不了兜著走。  哈哈哈。

因此,對於這些實踐來乙個簡單的反思總結是十分有必要的。  

先上兩個圖,方便自己以後回憶。 

圖一是今天練習的,圖二是上週練習的,我想以後應該不會怎麼練習前端了。   因為他畢竟是乙個針對性很強的職業,我的精力也有限,何況還有一大串的後端基礎等著我去專研,哎   真是要累死。 

圖一針對的是  h5響應式開發。   其實說白了就是反覆使用  position的  relative 和  absolute屬性。  怪自己上課的時候不認真聽,現在都還是暈乎暈乎的。 

圖一是那種比較花哨的,頁面主要由構成,主要為背景圖,幾乎沒有用img標籤的,因為據說那樣好控制。   因此,頁面中散落的那些文字控制項就很考技術了,基本都是通過定位,通過布局計算而達到想要的效果。 

從中了解到了 bem設計模式,一種針對css和html的命名方法,對於比較花哨的頁面,可以考慮採用css的定位方法,設計時,採用從大到小自頂向下的思想。 

對於圖二,感悟也差不多,還有就是常見的調整布局的方法,頁尾的設計原來是採用巢狀的無序列表做的。 

總體而言,現在對文件流還是比較蒙。  只能停留在這了,如果以後有幸從事了前端工程師的工作再了解吧。 

行級元素 和 塊級元素 也是比較神奇的一點。   舉個例子, div盒子是乙個塊級元素,它預設佔一行,但是如果不設定高度的話,它就隨內容撐開,而且它的寬也是隨內容撐開。   背景不算作元素內的內容。 

總之吧,堅持乙個原則,自頂向下,逐步求精,應付一般的頁面應該也是沒什麼問題了。 

小小白學python Part3 If 條件

key point 等於 ygs bigbang 2ne1 winner ikon blackpink for yg in ygs if yg 2ne1 print yg else print yg.upper key point 不等於 for yg in ygs if yg 2ne1 print...

適合小小白的完整建設流程

時常有中小企業建站的客戶問到我要自己建 應該怎麼開始?建站有一定的技術門檻,首先要明白建站要做的哪些事情,裡面有哪些坑,把流程弄清楚了才能避免入坑,半途而廢!下面總結了建站的流程還有裡面的坑。第一步 購買網域名稱 網域名稱都不陌生,就是位址列裡面輸入的那一串字母,網域名稱是需要註冊購買的,建議網域名...

Linux小小白的學習經歷那點事

不知道大家知不知道linux,或者說對於linux了解有多少,曾經的我連計算機都不會操作,更別說linux系統了,可以說完全是乙個小白,上了大學後才知道原來電腦除了windows系統外還有別的,而且用處多多,於是開始了linux學習之旅,學習過程也是故事多多。首先,從我認識linux說起,那是上大學...