發(fā)簡信
IP屬地：上海
-
解決vue ssr css內(nèi)聯(lián)樣式和link標簽重復問題
基于vue-cli3的項目，改造成SSR。服務端渲染會提取組件的樣式內(nèi)聯(lián)到html中，與link標簽中的重復，使得頁面體積變大，導致響應時間很慢。原因是ssr會自動進行資源注...
-
flex:1是啥意思？
先說結(jié)論 flex:1 === flex:1 1 0px flex的含義 flex是 flex-grow 、flex-shrink 、flex-basis屬性的縮寫flex:...
-
https下cache-control不生效問題
使用未經(jīng)驗證的ssl證書，會導致chrome忽略所有緩存指令，重新加載資源https://bugs.chromium.org/p/chromium/issues/detail...
-
lambda expression
lambda expression是功能型接口（functional interface：有且僅有一個抽象方法的接口）的實例,類似于 Anonymous Classes。 創(chuàng)...
-
圖片懶加載之高斯模糊
壓縮原始圖片 將原始圖片壓縮至1~2kb甚至更小的圖片nature.jpg 壓縮 java 圖片壓縮nature1.jpg 添加高斯模糊natureBlur.png 效果...
-
css3與js實現(xiàn)環(huán)形百分比加載
原理 圓環(huán)構(gòu)成 整個環(huán)有一大一小兩個圓組成，內(nèi)層較小的作為遮蓋層，利用顏色不同遮住較大的圓，從而構(gòu)成一個環(huán)。background-image屬性和linear-gradien...
-
http緩存
如何讓一個資源可緩存 HTTP 1.1 風格的Cache-Control 響應頭中的 max-age指令HTTP 1.0 風格的 Expires 響應頭Last-Modifi...
-
css垂直居中的13種方式
當你和面試官吹逼，或者面試官和你吹逼的時候可以拿來一用 1、2、6、7用的較多 1.絕對定位 需要指定子元素高度,不然會占滿容器 2.transform 可能會妨礙其他的動畫...
-
虛擬dom與直接操作dom
虛擬dom document.createDocumentFragment()創(chuàng)建虛擬dom，然后再將虛擬dom替換掉原dom 直接操作dom 直接利用innerHTML或者...
-
VUE實現(xiàn)HTML頁面滾動，標題實時刷新
源碼 原理 1.監(jiān)聽window scroll事件，利用debounce處理滾動事件2.獲取所有card元素3.遍歷card元素，找出centerline所在的card元素
-
矩陣尋找路徑
robot只能向右、向下。計算出所有到達右下角的路徑之和。 1.backtrack回溯 公式法-組合 從開始到終點總共需要走m-1+n-1步，即c(N,k)在這些步驟中找出所...
-
筆記本win10同時使用內(nèi)外網(wǎng)
個人用的是win10系統(tǒng)win+x選擇powershell管理員模式 1.獲取網(wǎng)關(guān)及網(wǎng)絡地址 連接內(nèi)網(wǎng)，斷開外網(wǎng)，ipconfig查看本地連接狀態(tài) 2.添加路由 輸入如下命令...
-
css3實現(xiàn)彈入彈出效果
在做移動端的時候，會有從手機底部彈出菜單這樣的需求。彈入比較好做，修改display屬性再加個動畫即可，但是彈出卻不太好做。一是修改display屬性為none后無法再執(zhí)行動...
-
深度優(yōu)先搜索算法dfs深度優(yōu)先，亦稱回溯算法。先沿著某一線路進行搜索，達到條件時返回，切換另一條線路。 該算法可以涵蓋所有情況，對于搜索比較適合。如數(shù)組，tree搜索 Find all possi...
-
二叉樹變異之noneTree、circleTree
判斷一棵二叉樹是noneTree，還是circleTree noneTree：一個節(jié)點有多個父節(jié)點 circleTree：節(jié)點之間形成一個單向的環(huán)
-
修復canvas移動端高分屏模糊更新（2020-10-29） 現(xiàn)在發(fā)現(xiàn)一種新的解決辦法，即先設置canvas的css中的width、height，然后再通過js設置canvas元素的width、height...
-
vue基于原生js、canvas實現(xiàn)折線圖替換echart項目中需要一個簡單的折線圖，引入echarts，但是打包后體積增大了很多差不多2M，覺得成本劃不來，所以自己做了一個，效果也還行?；舅枷胧抢胏anvas畫出靜態(tài)的坐標軸、...
-
域名注冊、解析與https證書獲取
以下操作，均在centos7系統(tǒng) 1.域名注冊、解析 阿里云申請需要備案等一系列耗時的工作，我僅僅是為了個人玩耍，所以用的是下面這個，它同時提供域名解析服務，30分鐘即可搞定...
-
前端語義化
語義化標簽 ：頁面主體內(nèi)容。<hn>：h1~h6，分級標題， 與 協(xié)調(diào)有利于搜索引擎優(yōu)化。 ：無序列表。 ：有序列表。 ：頁眉通常包括網(wǎng)站標志、主導航、全站鏈接以及搜索...
