摘要:垂直方向的距離由決定。根據(jù)布局規(guī)則第四條的區(qū)域不會(huì)與重疊。因此會(huì)根據(jù)包含塊的寬度,和的寬度,自動(dòng)變窄。效果如下清除內(nèi)部浮動(dòng)根據(jù)布局規(guī)則第六條計(jì)算的高度時(shí),浮動(dòng)元素也參與計(jì)算。 概念 BFC(Block formatting context)直譯為塊級(jí)格式化上下文。它是一個(gè)獨(dú)立的渲染區(qū)域,只有Block-level box參與, 它規(guī)定了內(nèi)部的Block-level Box如何布局,并且...
摘要:學(xué)習(xí)建議在學(xué)習(xí)其中一種跨域方法的時(shí)候,建議邊運(yùn)行項(xiàng)目里的,邊在網(wǎng)上搜索博客文章學(xué)習(xí)這種跨域方法,這樣有助于快速并且深入理解跨域。鑒于網(wǎng)上有很多文章詳細(xì)講述跨域知識(shí),只是少了可以本地運(yùn)行的,所以這里就不再贅述跨域知識(shí)。 前言 因?yàn)閷W(xué)習(xí)跨域需要配置本地服務(wù)器,可能會(huì)比較麻煩,所以自己根據(jù)網(wǎng)上的博客寫(xiě)了大多數(shù)跨域的簡(jiǎn)單demo,可以自己在本地運(yùn)行,而且不用配置服務(wù)器。自己對(duì)于跨域的理解剛開(kāi)始...
摘要:菱形圖片在網(wǎng)頁(yè)設(shè)計(jì)中,把圖片裁切成菱形主要有兩種方法。圖片需要擴(kuò)大倍去填滿整個(gè)菱形區(qū)域裁切路徑在線編輯使用元素嵌套方案雖然可以實(shí)現(xiàn)目的,但是兼容性并不好,如果圖片不是正方形,結(jié)果就會(huì)嚴(yán)重變形。 菱形圖片 在網(wǎng)頁(yè)設(shè)計(jì)中,把圖片裁切成菱形主要有兩種方法。一種是基于元素嵌套方案,另外一種是裁切路徑方案 元素嵌套方案 在線編輯 將圖片用一個(gè)包裹起來(lái),對(duì)這個(gè)變形,然后對(duì)圖片應(yīng)用相反的變形。 ....
摘要:今天將手寫(xiě)一個(gè),詳細(xì)講解遍歷鏈的實(shí)現(xiàn)方式。可以看到循環(huán)的結(jié)束條件是當(dāng)前處理的節(jié)點(diǎn)等于根節(jié)點(diǎn)。下面再來(lái)看看怎么結(jié)合,實(shí)現(xiàn)漸進(jìn)式遍歷。 歡迎關(guān)注我的公眾號(hào)睿Talk,獲取我最新的文章:showImg(https://segmentfault.com/img/bVbmYjo); 一、前言 之前寫(xiě)的一篇文章,React Fiber 原理介紹,介紹了 React Fiber 的實(shí)現(xiàn)原理,其中的關(guān)...
摘要:的調(diào)用者,將會(huì)指向這個(gè)對(duì)象。此外,還可以擴(kuò)展自己的其他方法。的使用最后來(lái)說(shuō)說(shuō)。不同的是,方法的返回值是函數(shù),并且需要稍后調(diào)用,才會(huì)執(zhí)行。而和則是立即調(diào)用。總結(jié)和的主要作用,是改變對(duì)象的執(zhí)行上下文,并且是立即執(zhí)行的。 前言 上一篇文章 《「前端面試題系列4」this 的原理以及用法》 中,提到了 call 和 apply。 它們最主要的作用,是改變 this 的指向。在平時(shí)的工作中,除了...