本文是對本週的簡書文章以及學習進行的合併總結。
12月4日,週二 -服務端渲染
我在掘金購買了一本小冊,《前端性能優化原理與實踐》,其中有一篇《渲染篇1:服務端渲染的探索與實踐》,在我寫服務端渲染一文的時候,主要的內容是抄襲掘金內容加一點自己的理解而寫成的。
本文主要從三個方便進行了學習總結:服務端渲染是什麼?爲什麼時候服務端渲染?什麼情況下使用服務端渲染?
本文首先對客戶端渲染與服務端渲染的概念與區別以及各自的利弊做了一個介紹,然後介紹了服務端渲染主要解決的兩個問題:
首屏加載塊
、利於SEO
,最後簡單概述了一下使用服務端渲染的背景。通過本文可以對服務端渲染有一個基本瞭解。
12月5日,週三 -瀏覽器背後的運行機制-瀏覽器端性能優化
文章寫作背景同上。
本文首先對瀏覽器的內核概念進行了總結,然後對渲染過程以及解析進行了一個算是詳細的說明-捋了一下這個過程重要的概念(樹),引出了給予渲染流程的CSS優化【避免使用通配符、避免重複定義、少用標籤選擇器、減少嵌套等】,以及關於CSS與JS的阻塞優化【需要將CSS儘早、儘快地下載到客戶端,以便縮短首次渲染的時間。通過審時度勢地向 script 標籤添加 async/defer】。最後對關於CSS的迴流(Reflow)和重繪(Repaint)埋下伏筆,哇咔咔。
12月6日,週四-webSocket最簡單實踐--最簡單聊天功能
本篇文章的寫作開始是在週二晚上,起因是在公司說到一個關於TCP/UDP的協議時,說到了關於網頁的長刷新,下班跟aliya談論起了WebSocket的相關,於是想起之前在慕課網看到過一個視頻,視頻地址:https://www.imooc.com/learn/861 一邊敲代碼,一邊截圖總結完成。
先在阮大神的博客對Websocket的簡單知識進行了一個小小的儲備,然後通過各個demo小例子進行學習:首先使用webscoket的server對四個命令.
onopen
、.onclose
、.onmessage
、.send
進行熟悉,然後通過使用node搭建一個自己的websocket_server進行替換,緊接着對着視頻進行了簡單聊天功能的代碼實現與優化,最後使用socket.io進行代碼管理。
還有一篇短小的文章-ES6總結第一彈,是看阮大神博客進行的一點摘抄總結。並引出了一個小知識點 npm intsall -save 和-save-dev
12月7日,週五-攝影機不要停
看了一部電影,爲了湊一下簡書的日更活動。
12月8日,週六-搭建個人博客--極簡
之前看過很多別人的博客,居然不知道博客是有現成可以直接搭建的,還一度糾結自己要寫個H5頁面,加個數據庫,放到服務器上。
HEXO
個人博客搭建:只要一個github賬號,安裝下git,node,搭建一個靜態博客只需要五個命令即可,我的主要時間都花費在了找主題上,糾結了一段時間,終於博客初見成效,當然clone下來的代碼還需要進行修改。
總結
本週的日更,多少堅持了下來,只是不敢想象,這樣的日更記錄可以保持幾天。
給自己洗洗腦,繼續安利一下喬幫主的箴言:如果你做了一件事,並且做好了,那就應該去做一些其它美好的事情。不要拖延太久,只要弄清楚接下來要做什麼
。