redpeanuts

基于vue-cli3的項目，改造成SSR。服務(wù)端渲染會提取組件的樣式內(nèi)聯(lián)到html中，與link標(biāo)簽中的重復(fù)壹置，使得頁面體積變大，導(dǎo)致響應(yīng)時間很慢。原因是ssr會自動進(jìn)行資源注...

redpeanuts

先說結(jié)論 flex:1 === flex:1 1 0px flex的含義 flex是 flex-grow 、flex-shrink 搓扯、flex-basis屬性的縮寫flex:...

redpeanuts

使用未經(jīng)驗證的ssl證書检痰，會導(dǎo)致chrome忽略所有緩存指令，重新加載資源https://bugs.chromium.org/p/chromium/issues/detail...

redpeanuts

lambda expression是功能型接口（functional interface：有且僅有一個抽象方法的接口）的實例,類似于 Anonymous Classes锨推。 創(chuàng)...

redpeanuts

壓縮原始圖片 將原始圖片壓縮至1~2kb甚至更小的圖片nature.jpg 壓縮 java 圖片壓縮nature1.jpg 添加高斯模糊natureBlur.png 效果...

redpeanuts

原理 圓環(huán)構(gòu)成 整個環(huán)有一大一小兩個圓組成铅歼，內(nèi)層較小的作為遮蓋層，利用顏色不同遮住較大的圓换可，從而構(gòu)成一個環(huán)椎椰。background-image屬性和linear-gradien...

redpeanuts

如何讓一個資源可緩存 HTTP 1.1 風(fēng)格的Cache-Control 響應(yīng)頭中的 max-age指令HTTP 1.0 風(fēng)格的 Expires 響應(yīng)頭Last-Modifi...

redpeanuts

當(dāng)你和面試官吹逼，或者面試官和你吹逼的時候可以拿來一用 1沾鳄、2慨飘、6、7用的較多 1.絕對定位 需要指定子元素高度,不然會占滿容器 2.transform 可能會妨礙其他的動畫...

redpeanuts

虛擬dom document.createDocumentFragment()創(chuàng)建虛擬dom译荞，然后再將虛擬dom替換掉原dom 直接操作dom 直接利用innerHTML或者...

redpeanuts

源碼 原理 1.監(jiān)聽window scroll事件，利用debounce處理滾動事件2.獲取所有card元素3.遍歷card元素吞歼，找出centerline所在的card元素

redpeanuts

robot只能向右圈膏、向下。計算出所有到達(dá)右下角的路徑之和篙骡。 1.backtrack回溯 公式法-組合 從開始到終點總共需要走m-1+n-1步稽坤，即c(N,k)在這些步驟中找出所...

redpeanuts

個人用的是win10系統(tǒng)win+x選擇powershell管理員模式 1.獲取網(wǎng)關(guān)及網(wǎng)絡(luò)地址 連接內(nèi)網(wǎng)丈甸，斷開外網(wǎng)，ipconfig查看本地連接狀態(tài) 2.添加路由 輸入如下命令...

redpeanuts

在做移動端的時候尿褪，會有從手機(jī)底部彈出菜單這樣的需求睦擂。彈入比較好做，修改display屬性再加個動畫即可茫多，但是彈出卻不太好做祈匙。一是修改display屬性為none后無法再執(zhí)行動...

redpeanuts

判斷一棵二叉樹是noneTree，還是circleTree noneTree：一個節(jié)點有多個父節(jié)點 circleTree：節(jié)點之間形成一個單向的環(huán)

redpeanuts

以下操作，均在centos7系統(tǒng) 1.域名注冊蓄喇、解析 阿里云申請需要備案等一系列耗時的工作食绿，我僅僅是為了個人玩耍，所以用的是下面這個公罕，它同時提供域名解析服務(wù)，30分鐘即可搞定...

redpeanuts

語義化標(biāo)簽 ：頁面主體內(nèi)容耀销。<hn>：h1~h6楼眷，分級標(biāo)題铲汪， 與 協(xié)調(diào)有利于搜索引擎優(yōu)化。 ：無序列表罐柳。 ：有序列表掌腰。 ：頁眉通常包括網(wǎng)站標(biāo)志、主導(dǎo)航张吉、全站鏈接以及搜索...