博客 / 列表

德來 - 我的編程之路：從好玩到玩好

先解釋下標題吧：好玩 指的是愛好、覺得有趣，玩好 指的是把事情搞定、讓事物變得更好。 第一次接觸電腦 我最早接觸電腦是小學四年級的時候，一九九幾年，那是一個秋天，有一位老人在中國的南海邊寫下詩篇，我坐在學校機房的386電腦前照着一張A4紙上的代碼敲入一連串的命令，經過若干次失敗、重啓後，成功進入了DOS系統並開啓一個練習軟件 —— 開始五筆打字練習。雖然教電腦的女老師很美，那時候上電腦課對我

我的編程之路

德來 - 預加載系列二：讓File Prefetching絲絲潤滑無痛無癢

所謂 File Prefetching 就是在一個頁面加載成功後，默默去預加載後續可能會被訪問到的頁面的資源。 前端資源預加載其實沒啥新鮮的，我們倒騰這個事情的過程卻是很有有意思也很有啓發性。 第一個版本，簡單粗暴有點痛 1、建一個獨立的頁面，裏面索引了各種需要預加載的css、js，代碼類似下面這樣。 html head link rel="stylesheet" hre

prefetch , web性能優化 , 緩存 , 前端

德來 - JS 一定要放在 Body 的最底部麼？聊聊瀏覽器的渲染機制

説明： 本文提到的瀏覽器均是指Chrome。 “script標籤“指的都是普通的不帶其他屬性的外聯javascript。 web性能優化的手段並不是非黑即白的，有些手段過頭了反而降低性能，所以在討論條件和結論的時候，雖然很多條件本身會帶來其他細微的負面或正面影響，為了不使論述失去重點，不會擴展太開。 一、從一個面試題説起 面試前端的時候我喜歡問一些看上去

瀏覽器原理 , web性能優化 , Javascript

德來 - 預加載系列一：DNS Prefetching 的正確使用姿勢

發現 很多人都知道現代瀏覽器都支持 DNS 的預解析，學名：DNS Prefetching。用法也很簡單，就是在html代碼里加入這樣的 link 標籤 link rel="dns-prefetch" href="//delai.me" 我們之前的用法是在 Head 為2個 靜態資源服務器的域名 和 日誌圖片的域名 建了3條 dns-prefetch link。 link rel="dns-pre

prefetch , dns , web性能優化 , 前端