前端題目雜記

2021-09-24 18:42:38 字數 1067 閱讀 2535

更多情況

參考:

(1)單行文字垂直居中

#child
(2)多行文字垂直居中

父元素使用display:table和子元素使用display:table-cell屬性來模擬**,子元素設定vertical-align:middle即可垂直居中

html:

多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字  多行文字

css:

.bg_box

.span_box

.words_span

(3)垂直居中

#parent 

#parent img

(4)基於絕對定位的pc端實現

.box

(5)其他

**:html

1

23

content here

css

123

45

#parent 

#child

低版本 ie fix bug:

1

23

#child

塊級元素
css

123

4567

89

#parent 

#child

總結:關於垂直居中,有很多大佬都總結了好多,我看了也沒記住,所以我選了自己用到的幾個~~

前端優化雜記

1 每個請求都需要經過解析,連線等過程,也是相當耗時的,所以儘量減少請求,該合併的合併。2 不要出現404,請求乙個不存在的資源,可能會導致較長時間的等待和阻塞,直到伺服器返回錯誤的資訊。3 不要出現重定向,重定向相當於發起雙倍請求,耗時又耗資源。4 指令碼一定放在樣式後面,最後放在body結束標籤...

前端框架雜記

一 vue公共元件的理想狀態是什麼樣子的?1.黑盒性,即除了你自己以外,其他的開發者在快速閱讀使用文件之後可以立刻上手,而不用關心你的內部實現 2.獨立性,即做好解耦,不與父元件有過多關聯 3 自定義性,適當地暴露一些輸入介面或者方法給外部用於自定義,同時也要設定好這些屬性在外部未輸入時的預設值。二...

搭建前端私有npm雜記

隨著前端隊伍越來越壯大,專案間共享 就變得尤為重要。常用的框架 類庫沒必要在每個專案都放乙份,團隊內部產出的公共模組也需要有合理的共享機制。現在,用npm管理前端 已經是業界趨勢。樓主嘗試用私有npm 資源管理系統的方式搭建起一套前端資源倉庫,用以在公司內部託管公共 並為開發環境提供 源。本文記錄一...