在移動端空厌，我們?yōu)榱私鉀Q帶寬限制或者網(wǎng)絡緩慢等問題孤个，常常會使用http協(xié)議緩存靜態(tài)文件（http緩存簡介）伊约，從而減少網(wǎng)絡請求骇笔，加快首屏加載時間闲询。緩存雖然給我們帶來了性能上的優(yōu)化...
發(fā)簡信
IP屬地：廣東
-
移動端index.html被緩存問題
-
vue中使用節(jié)流函數(shù)踩坑記錄前言 一個常見的業(yè)務場景竭望，我們要在input搜索框輸入結束后怖辆，發(fā)送相關請求是复，獲取搜索數(shù)據(jù)删顶。頻繁的事件觸發(fā)會導致接口請求過于頻繁。所以需要我們對此加以限制淑廊，來禁止不必要的請求逗余，...
-
使用SVG實現(xiàn)圓環(huán)loading動畫
畫圓 用SVG畫一個圓先。 效果是這樣的： 動畫 定義一個動畫并使用蒋纬。 效果變成這樣： 旋轉 最后給動畫添加上旋轉的效果猎荠。 最終的效果： 原理 主要利用 SVG 繪制一個圓形...
-
深入理解瀏覽器的緩存機制
一、前言 緩存可以說是性能優(yōu)化中簡單高效的一種優(yōu)化方式了蜀备。一個優(yōu)秀的緩存策略可以縮短網(wǎng)頁請求資源的距離关摇，減少延遲，并且由于緩存文件可以重復利用碾阁，還可以減少帶寬输虱，降低網(wǎng)絡負荷。...
-
webpack CommonsChunkPlugin與SplitChunksPlugin基礎 commons-chunk-pluginsplit-chunks-plugin即webpack的分包插件脂凶。CommonsChunkPlugin于4.0及以后被移除宪睹，使用...
-
H5直播系列二 MSE(Media Source Extensions)參考w3c media-sourceMedia Source 系列 - 使用 Media Source Extensions 播放視頻全面進階 H5 直播無 Flash 時代...
-
【PWA學習與實踐】(1) 2018，開始你的PWA學習之旅PWA作為今年最火熱的技術概念之一蚕钦，對提升Web應用的安全亭病、性能和體驗有著很大的意義，非常值得我們?nèi)チ私馀c學習嘶居。 本系列文章《PWA技術學習與實踐》會逐步拆解PWA背后的各項...
-
vue 多級嵌套數(shù)組渲染性能優(yōu)化最近遇見一個問題罪帖，移動端一個頁面展示折疊展示數(shù)據(jù)，具體要展示多個區(qū)域邮屁，每個區(qū)域下面有不同業(yè)務人員整袁，每個業(yè)務人員有自己的客戶，每個客戶又有不同的記錄佑吝，即這個頁面要渲染一個4層的...
-
搜羅一切webpack的好文章好工具
如有好文, 請到此issue里提交文章芋忿，或者直接發(fā)pull request. ??webpack入門 ??webpack1.x webpack指南|TooBug| 2015 we...
-
知乎：<a href="https://links.jianshu.com/go?to=https%3A%2F%2Fwww.zhihu.com%2Fpeople%2Fthzt" target="_blank">https://www.zhihu.com/people/thzt</a><br>博客：<a href="https://links.jianshu.com/go?to=https%3A%2F%2Fthzt.github.io" target="_blank">https://thzt.github.io</a><br>文檔：<a href="https://links.jianshu.com/go?to=https%3A%2F%2Fyuque.com%2Fthzt" target="_blank">https://yuque.com/thzt</a>
-
基于koa的前后端分離的socket.io使用1戈钢、websocket websocket是html5出的協(xié)議嚷量，它是基于TCP協(xié)議，利用http協(xié)議建立連接逆趣，實現(xiàn)了客戶端和服務器端的雙向通信，對http協(xié)議是個很好的補充嗜历。...
-
nodejs深入學（1）概述前言 最開始只是想寫一個簡單的筆記，后來發(fā)現(xiàn)痕囱，在記筆記的過程中田轧，我會不斷的將書中一筆帶過的地方補充全，對于書中說的一些做法鞍恢，我也會提供一些其他思路傻粘，于是，寫著寫著就不像是一本...
-
移動端頁面適配———多方案解析
在移動互聯(lián)網(wǎng)快速發(fā)展的今天稽莉，手機的種類和尺寸越來越多，作為前端的小伙伴們可能會越來越頭疼涩搓，但又不得不去適配一款又一款的新機型污秆。對于移動端適配，不同的公司昧甘、不同的團隊有不同的解...
-
webpack中的代碼分割代碼分割（code splitting）是webpack相當重要的一個特性良拼。它可以讓代碼分割到不同的文件（bundle）中，以便按需或者并行加載這些文件充边。代碼分割可以得到更小...
-
談談觀察者模式和發(fā)布訂閱模式在網(wǎng)上看到許多關于觀察者模式和發(fā)布訂閱模式的博文庸推，發(fā)現(xiàn)很多人都認為觀察者模式即發(fā)布訂閱模式，經(jīng)過進一步的學習和理解痛黎，我認為觀察者模式和發(fā)布訂閱模式還是有一些區(qū)別的予弧，下面談談我...
