前端編碼表 前端編碼時如何優化時間

2021-10-07 23:37:54 字數 1385 閱讀 8343

前端編碼表

最近,我花了一些時間來提高我在前端html和css方面的技能。

我以前的程式設計師背景主要是後端,在cobol方面有5年以上的經驗(花哨的設計大聲笑並不知道大型機),您可能會正確地猜想前端不是我的強項。 我一直熱衷於後端,可以使用資料庫,sql,演算法,事務...因此,在我開始的第一年,我對這種知識有了更深入的了解。 然後,在加入microverse後,我花了比我更多的時間忽略了前端材料新手訓練營來更新自我,我被迫使用html / css設計前端,出於學習目的,我正在轉殖一些受歡迎的**。

我必須學習的第一件事是如何使用帶有如下標記的語義html:

大多數標籤具有其含義,並向瀏覽器顯示這些標籤中的內容。 它還可以幫助搜尋引擎,使其可以實現針對不同查詢返回的頁面。 在不知道這一點之前,我曾經在每個地方都使用了一堆標籤來設定樣式,從而使html變得毫無意義(現在我知道這是乙個壞習慣)。

之後,我還花了很多時間在css樣式表上進行設計。 直到我掌握了定位和樣式,並開始使用css對flexboxgridmedia查詢的使用

我意識到理解這些概念的重要性,但常常覺得我花了很多時間編寫泛型類,僅將css類濃縮為一兩個樣式規則,而原本應該是有組織的樣式表最終會變成一堆泛型**很簡單,以後就不用在樣式表上重複**了。

我幾乎在想,它應該是前端的一部分,是其中的乙個無聊但必不可少的部分。

轉折點

但是後來我開始介紹設計css的框架。 在新手訓練營中,他們向我們展示了bootstrap和foundation之類的東西。 我花了很多時間建立的幾乎所有通用類都已經存在,並準備在html上新增預定義的類來使用! 它並不總是那麼花錢,我開始使用bootstrap進行設計,一開始,我感到很奇怪。

我覺得自己失去了進行精細調整的能力,並花了一些時間來理解這些課程的定位機制。 另外,由於大多數情況下都有很多類,因此我花了很長時間瀏覽bootstrap文件,以查詢具有所需屬性的類。

但是一旦克服了這些問題,並且在使用框架一段時間後,最常使用的屬性便被發自內心地意識到,我意識到框架的流暢和快速使用使我的工作變得如此。 不僅如此,我的樣式表也變得更整潔,更易於閱讀!

如果您有時間,並且會推薦我現在正在做的當前新手訓練營,那麼microverse會提供出色的學習程式,而您在與編碼合作夥伴的所有時間都在進行大多數時間的編碼,這種方法特別是在有人支援下為您提供了很大幫助當掙扎。

並且,如果您覺得自己遇到了與我同樣的問題,我強烈建議您花幾個星期的時間,全神貫注於掌握這些css框架中的乙個,並親自觀察一下更改。

翻譯自:

前端編碼

前端 前端編碼規範小記

定位 position left right top bottom z index 盒子模型 display float width height margin padding border border radius 排印 font color background line height tex...

前端編碼規範

從一篇文章上 前端編碼規範 摘取了自己還沒形成習慣的點 好的規範寫法 html語法 1.用兩個空格來代表製表符 tab 這是唯一能保證在所有 環境下獲得一致展現的方法 2.對於屬性的定義,確保全部使用雙引號,絕不要使用單引號 3.不要在自閉合元素的尾部新增斜線 屬性順序 html屬性應當按照以下給出...

前端url編碼

為什麼要編碼 http協議中引數的傳輸是 key value 這種簡直對形式的,如果要傳多個引數就需要用 符號對鍵值對進行分割如 name1 value1 name2 value2 這樣在服務端在收到這種字串的時候,會用 分割出每乙個引數,然後再用 來分割出引數值。針對 name1 value1 n...