一、前言 緩存可以說是性能優(yōu)化中簡(jiǎn)單高效的一種優(yōu)化方式了。一個(gè)優(yōu)秀的緩存策略可以縮短網(wǎng)頁(yè)請(qǐng)求資源的距離，減少延遲，并且由于緩存文件可以重復(fù)利用，還可以減少帶寬，降低網(wǎng)絡(luò)負(fù)荷。...
發(fā)簡(jiǎn)信
IP屬地：北京
-
深入理解瀏覽器的緩存機(jī)制
-
Taro ScrollView 大列表的性能問題相信大家對(duì)這種選擇城市列表都不陌生，這次的性能瓶頸出現(xiàn)在當(dāng)這個(gè)城市列表數(shù)據(jù)量較大，達(dá)到1000+時(shí)，通過拖動(dòng)右側(cè)的字母定位，對(duì) ScrollView 進(jìn)行快速的錨點(diǎn)定位，同時(shí)...
-
umi3 使用 hard-source-webpack-plugin 插件提升構(gòu)建速度
umi3 的打包速度實(shí)屬感人，在 umi2 默認(rèn)使用了 hard-source-webpack-plugin 插件提升構(gòu)建速度，不知道為啥在 umi3 干掉了這一功能，那我們...
-
vscode 插件 — json2interface，JSON 轉(zhuǎn)好久沒發(fā)文章了，今天推薦一個(gè)近期自己寫的 vscode 插件：json2interface[https://marketplace.visualstudio.com/item...
-
移動(dòng)端還真沒試過，能說啥具體問題？可以幫著看看
react 移動(dòng)端簡(jiǎn)單實(shí)現(xiàn)圖片上傳
隨著組件庫(kù)越來越成熟，像圖片上傳這樣的功能組件庫(kù)已經(jīng)封裝好了不用再造輪子，但是在移動(dòng)端，至少ant-desgn-mobile還沒有集成圖片上傳的功能，所以還是需要我們自己手寫...
-
50個(gè)好用的前端框架
19年，又是新的一年，“前端屆”，又出了哪些新的“玩意”，今天向你推薦目前比較熱門新鮮度靠前的50款前端工具，希望在新的一年里，對(duì)你有所幫助。 一、構(gòu)建工具 1、 Parce...
-
tcb-routertcb-router基于 koa 風(fēng)格的小程序·云開發(fā)云函數(shù)輕量級(jí)類路由庫(kù)，主要用于優(yōu)化服務(wù)端函數(shù)處理邏輯基于tcb-router 一個(gè)云函數(shù)可以分很多路由來處理業(yè)務(wù)環(huán)境，避...
-
CSS中可以和不可以繼承的屬性
一、無(wú)繼承性的屬性 1、display：規(guī)定元素應(yīng)該生成的框的類型 2、文本屬性： vertical-align：垂直文本對(duì)齊 text-decoration：規(guī)定添加到文本...
-
世界頂級(jí)公司的前端面試都問些什么
免責(zé)聲明：本文的目的并不是為你列出在前端面試中可能會(huì)被問到的問題，但是可以將其視為知識(shí)儲(chǔ)備。面試是一件很難的事情。作為候選人，通常會(huì)給你45分鐘的時(shí)間來讓你展示自己的技能。 ...
-
使用 vscode 實(shí)現(xiàn)寫代碼雙手不用離開鍵盤一、shell code 操作首先從 vscode 中安裝 code 命令：打開命令面板(shift+command+P)輸入 shell code 會(huì)展示下圖中的選項(xiàng)： c...
-
配置vscode支持webpack的alias
vscode確實(shí)是比較好的編輯器其中一個(gè)比較好的插件就是path autocomplete，但是這里有個(gè)問題，當(dāng)通過webpack的alias引用的時(shí)候，path autoc...
-
年輕有為
CSS-當(dāng)前主流的三種預(yù)編譯器比較
CSS預(yù)處理器用一種專門的編程語(yǔ)言，進(jìn)行Web頁(yè)面樣式設(shè)計(jì)，然后再編譯成正常的CSS文件，以供項(xiàng)目使用；讓你的CSS更加簡(jiǎn)潔、適應(yīng)性更強(qiáng)、可讀性更佳，更易于代碼的維護(hù)等諸多好...
-
CSS-當(dāng)前主流的三種預(yù)編譯器比較
CSS預(yù)處理器用一種專門的編程語(yǔ)言，進(jìn)行Web頁(yè)面樣式設(shè)計(jì)，然后再編譯成正常的CSS文件，以供項(xiàng)目使用；讓你的CSS更加簡(jiǎn)潔、適應(yīng)性更強(qiáng)、可讀性更佳，更易于代碼的維護(hù)等諸多好...
-
使用Sinopia搭建私有npm倉(cāng)庫(kù)不能下載帶有@符號(hào)的包
前言 這篇文章主要記錄自己在項(xiàng)目中搭建好npm倉(cāng)庫(kù)后遇到的坑，并不是講如何搭建私有npm倉(cāng)庫(kù) 1、為什么要搭建私有npm倉(cāng)庫(kù)？ 并非每一個(gè)公司都需要搭建私有npm倉(cāng)庫(kù)來管理代...
-
愛前端的妹紙，更愛生活！
-
利用 postMessage 實(shí)現(xiàn)父子頁(yè)面通信
下面介紹一種 postMessage 方式實(shí)現(xiàn)父子頁(yè)面通信的方法，首先先了解一個(gè)應(yīng)用場(chǎng)景： 父頁(yè)面有一個(gè)列表，每一個(gè)列有一個(gè)"編輯"按鈕，點(diǎn)擊按鈕打開一個(gè)新的 tab 頁(yè)面為...
-
Charles抓HTTPS包步驟一：將Charles的根證書(Charles Root Certificates)安裝到Mac上。 Help -> SSL Proxying -> Install Cha...
-
react 移動(dòng)端簡(jiǎn)單實(shí)現(xiàn)圖片上傳隨著組件庫(kù)越來越成熟，像圖片上傳這樣的功能組件庫(kù)已經(jīng)封裝好了不用再造輪子，但是在移動(dòng)端，至少ant-desgn-mobile還沒有集成圖片上傳的功能，所以還是需要我們自己手寫...
