當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

MMKV集成与原理，轻松拿下offer

發(fā)布時(shí)間：2023/11/30 编程问答 35 豆豆

生活随笔收集整理的這篇文章主要介紹了 MMKV集成与原理，轻松拿下offer 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

從事前端開發(fā)工作差不多3年了，自己也從一個(gè)什么都不懂的小白積累了一定的理論和實(shí)踐經(jīng)驗(yàn)，并且自己也對(duì)這3年來的學(xué)習(xí)實(shí)踐歷程有一個(gè)梳理，以供后面來細(xì)細(xì)回憶品味。

1、為什么選擇學(xué)習(xí)前端開發(fā)？

你可能是因?yàn)榕d趣，完成一個(gè)網(wǎng)站、頁面、功能的成就感。你也可能是因?yàn)楝F(xiàn)在前端崗位火爆，就業(yè)率高。不管是因?yàn)槭裁?#xff0c;只要找準(zhǔn)了目標(biāo)，學(xué)就是了！

問：BFC 與 IFC 區(qū)別

BFC 是塊級(jí)格式上下文，IFC 是行內(nèi)格式上下文：

內(nèi)部的 Box 會(huì)水平放置
水平的間距由 margin，padding，border 決定

問：BFC會(huì)與float元素相互覆蓋嗎？為什么？舉例說明

不會(huì)，因?yàn)?BFC 是頁面中一個(gè)獨(dú)立的隔離容器，其內(nèi)部的元素不會(huì)與外部的元素相互影響，比如兩個(gè) div，上面的 div 設(shè)置了 float，那么如果下面的元素不是 BFC，也沒有設(shè)置 float，會(huì)形成對(duì)上面的元素進(jìn)行包裹內(nèi)容的情況，如果設(shè)置了下面元素為 overflow：hidden；屬性那么就能夠?qū)崿F(xiàn)經(jīng)典的兩列布局，左邊內(nèi)容固定寬度，右邊因?yàn)槭?BFC 所以會(huì)進(jìn)行自適應(yīng)。

問：了解box-sizing嗎？

box-sizing 屬性可以被用來調(diào)整這些表現(xiàn):

content-box? 是默認(rèn)值。如果你設(shè)置一個(gè)元素的寬為100px，那么這個(gè)元素的內(nèi)容區(qū)會(huì)有100px 寬，并且任何邊框和內(nèi)邊距的寬度都會(huì)被增加到最后繪制出來的元素寬度中。
border-box 告訴瀏覽器：你想要設(shè)置的邊框和內(nèi)邊距的值是包含在width內(nèi)的。也就是說，如果你將一個(gè)元素的width設(shè)為100px，那么這100px會(huì)包含它的border和padding，內(nèi)容區(qū)的實(shí)際寬度是width減去(border?+ padding)的值。大多數(shù)情況下，這使得我們更容易地設(shè)定一個(gè)元素的寬高。

（2）什么是 BFC

BFC（Block Formatting Context）格式化上下文，是 Web 頁面中盒模型布局的 CSS 渲染模式，指一個(gè)獨(dú)立的渲染區(qū)域或者說是一個(gè)隔離的獨(dú)立容器。

形成 BFC 的條件

五種：

浮動(dòng)元素，float 除 none 以外的值
定位元素，position（absolute，fixed）
display 為以下其中之一的值 inline-block，table-cell，table-caption
overflow 除了 visible 以外的值（hidden，auto，scroll）
HTML 就是一個(gè) BFC

BFC 的特性：

內(nèi)部的 Box 會(huì)在垂直方向上一個(gè)接一個(gè)的放置。
垂直方向上的距離由 margin 決定
bfc 的區(qū)域不會(huì)與 float 的元素區(qū)域重疊。
計(jì)算 bfc 的高度時(shí)，浮動(dòng)元素也參與計(jì)算
bfc 就是頁面上的一個(gè)獨(dú)立容器，容器里面的子元素不會(huì)影響外面元素。

（2）問：了解盒模型嗎？

CSS盒模型本質(zhì)上是一個(gè)盒子，封裝周圍的HTML元素，它包括：外邊距（margin）、邊框（border）、內(nèi)邊距（padding）、實(shí)際內(nèi)容（content）四個(gè)屬性。 CSS盒模型：標(biāo)準(zhǔn)模型 + IE模型

標(biāo)準(zhǔn)盒子模型：寬度=內(nèi)容的寬度（content）+ border + padding

低版本IE盒子模型：寬度=內(nèi)容寬度（content+border+padding），如何設(shè)置成 IE 盒子模型

問：說一下你知道的position屬性，都有啥特點(diǎn)？

static：無特殊定位，對(duì)象遵循正常文檔流。top，right，bottom，left等屬性不會(huì)被應(yīng)用。 ?relative：對(duì)象遵循正常文檔流，但將依據(jù)top，right，bottom，left等屬性在正常文檔流中偏移位置。而其層疊通過z-index屬性定義。 ?absolute：對(duì)象脫離正常文檔流，使用top，right，bottom，left等屬性進(jìn)行絕對(duì)定位。而其層疊通過z-index屬性定義。 ?fixed：對(duì)象脫離正常文檔流，使用top，right，bottom，left等屬性以窗口為參考點(diǎn)進(jìn)行定位，當(dāng)出現(xiàn)滾動(dòng)條時(shí)，對(duì)象不會(huì)隨著滾動(dòng)。而其層疊通過z-index屬性定義。 sticky：具體是類似 relative 和 fixed，在 viewport 視口滾動(dòng)到閾值之前應(yīng)用 relative，滾動(dòng)到閾值之后應(yīng)用 fixed 布局，由 top 決定。

問：兩個(gè)div上下排列，都設(shè)margin，有什么現(xiàn)象？

都正取大
一正一負(fù)相加

問：為什么會(huì)有這種現(xiàn)象？你能解釋一下嗎

是由塊級(jí)格式上下文決定的，BFC，元素在 BFC 中會(huì)進(jìn)行上下排列，然后垂直距離由 margin 決定，并且會(huì)發(fā)生重疊，具體表現(xiàn)為同正取最大的，同負(fù)取絕對(duì)值最大的，一正一負(fù)，相加

BFC 是頁面中一個(gè)獨(dú)立的隔離容器，內(nèi)部的子元素不會(huì)影響到外部的元素。

問：清除浮動(dòng)有哪些方法？

不清楚浮動(dòng)會(huì)發(fā)生高度塌陷：浮動(dòng)元素父元素高度自適應(yīng)（父元素不寫高度時(shí)，子元素寫了浮動(dòng)后，父元素會(huì)發(fā)生高度塌陷）

clear清除浮動(dòng)（添加空div法）在浮動(dòng)元素下方添加空div,并給該元素寫css樣式：{clear:both;height:0;overflow:hidden;}
給浮動(dòng)元素父級(jí)設(shè)置高度
父級(jí)同時(shí)浮動(dòng)（需要給父級(jí)同級(jí)元素添加浮動(dòng)）
父級(jí)設(shè)置成inline-block，其margin: 0 auto居中方式失效
給父級(jí)添加overflow:hidden 清除浮動(dòng)方法
萬能清除法 after偽類清浮動(dòng)（現(xiàn)在主流方法，推薦使用）

總結(jié)

以上是生活随笔為你收集整理的MMKV集成与原理，轻松拿下offer的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

上一篇：成都欢乐谷摩天轮多带带收费吗
下一篇：电视是电视远扬语音好或是遥控器语音好?