用戶中心USER CENTER
摘要：測(cè)試文字若子元素定高，結(jié)合絕對(duì)定位的盒模型屬性，實(shí)現(xiàn)居中效果測(cè)試文字關(guān)于增加層級(jí)的說(shuō)明在水平居中對(duì)齊中，元素外層套一層并設(shè)置，元素設(shè)置負(fù)或者的負(fù)屬性，可以實(shí)現(xiàn)水平居中的效果。 行高line-height實(shí)現(xiàn)單行文本垂直居中 以前一直認(rèn)為單行文本垂直居中要將高度和行高設(shè)置成相同的值，但高度其實(shí)沒(méi)必要設(shè)置。實(shí)際上，文本本身就在一行中居中顯示。在不設(shè)置高度的情況下，行高撐開(kāi)高度。 .tes...
摘要：任何方向上都不重復(fù)只讓背景圖片顯示一次。，背景圖片就會(huì)以段落的中心點(diǎn)為起點(diǎn)。第一個(gè)值表示水平位置，第二個(gè)值表示垂直位置。拉大圖片，使其完全填滿背景區(qū)保持寬高比。提示漸變是幫我們生成的背景圖片。 在CSS里面，每個(gè)元素盒子都可以想象成由兩個(gè)圖層組成。 前景層：內(nèi)容（如文本或圖片）和邊框。 背景層：用實(shí)色填充（使用 background-color 屬性），也可以包含任意多個(gè)背景圖片（...
前言 在學(xué)習(xí)前端的過(guò)程中，大家都會(huì)對(duì)瀏覽器這個(gè)神秘的盒子感到好奇從輸入一串url到頁(yè)面解析渲染完成，瀏覽器都干了些啥？ 直觀展示 為了更好的理解這個(gè)過(guò)程，我們使用一個(gè)工具來(lái)幫助我們Chrome自帶的開(kāi)發(fā)工具中的performance（老版本和其他瀏覽器為timeline） showImg(https://segmentfault.com/img/bVbswbe?w=1338&h=920); 點(diǎn)擊錄...
Pikachu
發(fā)布于JavaScript
摘要：中一共有五種數(shù)組遍歷迭代方法，它們都會(huì)對(duì)數(shù)組中每個(gè)元素執(zhí)行一些業(yè)務(wù)，且都不會(huì)修改原數(shù)組，這些方法包括如果該函數(shù)任意一項(xiàng)返回，則返回，如果全部返回則最終返回如果該函數(shù)每一項(xiàng)都返回，則返回，否則返回會(huì)返回一個(gè)新數(shù)組，該數(shù)組是由滿足條件的任意項(xiàng)組 ES5中一共有五種數(shù)組遍歷（迭代）方法，它們都會(huì)對(duì)數(shù)組中每個(gè)元素執(zhí)行一些業(yè)務(wù)，且都不會(huì)修改原數(shù)組，這些方法包括： 1、some() 如果該函數(shù)任意...
Pikachu
發(fā)布于JavaScript
摘要：今天我們來(lái)聊聊前端的監(jiān)控我們?yōu)槭裁葱枰岸吮O(jiān)控為了獲取用戶行為以及跟蹤產(chǎn)品在用戶端的使用情況，并以監(jiān)控?cái)?shù)據(jù)為基礎(chǔ)，指明產(chǎn)品優(yōu)化方向前端監(jiān)控分為三類性能項(xiàng)目數(shù)據(jù)監(jiān)控異常監(jiān)控性能監(jiān)控衡量前端的性能的指標(biāo)是時(shí)間那么如何監(jiān)測(cè)時(shí)間呢，瀏覽器給我們提 今天我們來(lái)聊聊前端的監(jiān)控 我們?yōu)槭裁葱枰岸吮O(jiān)控 ？ 為了獲取用戶行為以及跟蹤產(chǎn)品在用戶端的使用情況，并以監(jiān)控?cái)?shù)據(jù)為基礎(chǔ)，指明產(chǎn)品優(yōu)化方向 前端監(jiān)控...
Pikachu
發(fā)布于JavaScript
