個人六月更文挑戰總結

一些內心話

初時看到掘金的這個更文挑戰活動,以爲挺有挑戰的,我也喜歡作有挑戰的事情,因而便立了個 flag,我要更滿 30 天挑戰那個滿勤獎,一個是想完成這個挑戰;第二個是經過輸出來倒逼輸入,經過系統的整理輸出來加深本身對知識點的理解。面試

一開始的時候我是以爲更滿 30 天是沒什麼難度的,由於平時也有積累,在語雀知識庫上面都有一百多篇的知識文檔了,因此在第一天的時候就準備了 3 天的存稿,後來是以爲零零散散的發佈文章不夠好,不能把相關知識點系統地串起來,因而就有了專欄 《Node.js 入門之旅》《瀏覽器知識點整理》編程

經過專欄系列地輸出文章,把知識點串起來,我在語雀也是這麼整理知識點,可是語雀是給本身看的知識庫,直接搬過來到掘金怕是不行的,因此仍是得作一些處理,給代碼加註釋,添加圖片說明,查閱資料給文章添加一些深度,期間還學會了用 PPT 作動畫效果。因而存稿從一開始到還有3、四篇,到後來剩1、兩篇,最後幾天的文章都得當天整理輸出。瀏覽器

不過還好,算上這篇文章,我算是達到滿勤的目標了。另外經過輸出,我也算是加深了對相關知識點的理解了,也但願個人文章能對你有所幫助,覺好留贊,哈哈。安全

六月更文目錄

專欄目錄

《JS基礎知識》服務器

《Node.js 入門之旅》markdown

《瀏覽器知識點整理》網絡

JS 基礎知識收錄文章

《JS 的原型和原型鏈》:從原型和原型鏈所涉及的專業名詞開始,帶你一步一步去理解原型和原型鏈。session

《JS 的 new 作了哪些事情呢?》:介紹了 new 一個對象的過程當中作了哪些事情,最後還手寫實現了一個 new 的功能。架構

《JS 的繼承方式》:本篇文章介紹了五種繼承方式:原型鏈繼承、藉助構造函數繼承、組合繼承、寄生組合繼承、Class 繼承,相信你還知道其它的繼承方式。app

Node.js 的入門系列收錄文章

這個專欄是在極客時間學習楊浩老師的《Node.js 開發實戰》的成果,讓我對 Node.js 有了一個初步的總體概念,對個人幫助是很是大的。

《Node.js 入門系列(一)初識 Node》:Node.js 並不難學,它是運行在服務端的 JavaScript,若是你熟悉 Javascript,那麼你將會很容易的學會 Node.js。

《Node.js 入門系列(二)Node 模塊》:模塊規範是構建一個大型 Node.js 應用的基礎,因此很是重要。

《Node.js 入門系列(三)Node 異步》:關於 Node.js 異步,繞不開兩點:非阻塞 I/O 和事件循環。也正是由於這兩點,Node.js 才能被稱爲高性能並運用到線上環境中。

《Node.js 入門系列(四)HTTP 服務》:能夠利用 Node.js 搭建一個簡單的 HTTP 服務器來試着操縱計算機資源。

《Node.js 入門系列(五)石頭剪刀布小遊戲》:利用 Node.js 開發一個石頭剪刀布小遊戲。

《Node.js 入門系列(六)網頁版石頭剪刀布小遊戲》:把石頭剪刀布遊戲改形成網頁版本。

《Node.js 入門系列(七)Express 框架》:來了解 Node.js 的中間件概念,瞭解 Express 框架,並用該框架改造這個石頭剪刀布遊戲。

《Node.js 入門系列(八)Koa 框架》:來看看 Koa 框架和 Express 框架有什麼不一樣,而後用 Koa 框架對石頭剪刀布遊戲進行改造。

《Node.js 入門系列(九)階段總結》:對 Node.js 入門系列作一個階段總結,劃重點。

瀏覽器系列收錄文章

《瀏覽器的兼容問題及解決方案整理》:對瀏覽器的兼容問題及解決方案整理,瞭解瀏覽器、瞭解兼容問題,提供解決兼容問題的思路,並提供一些關於 JS 兼容、CSS 兼容的介紹及解決方案!文章很是長,強烈建議收藏,可是不但願你用到這份方案。

《瀏覽器知識點整理(一)開篇》:這篇文章是對瀏覽器知識點整理的開篇概述,帶着問題去思考、去整理。

《瀏覽器知識點整理(二)事件機制》:這篇文章主要介紹了 DOM 是什麼,怎麼查找 DOM 元素,瞭解事件是怎麼觸發的,怎麼去註冊事件和怎麼實現事件代理。

《瀏覽器知識點整理(三)存儲》:這篇文章整理瀏覽器的存儲知識,主要是 Cookie、localStorage、sessionStorage、indexedDB 等存儲方式的介紹。

《瀏覽器知識點整理(四)網絡協議》:主要介紹一些相關的網絡協議,主要是 IP 協議、UDP 協議、TCP 協議、HTTP 協議和其它協議,還介紹了數據包傳輸的流程。

《瀏覽器知識點整理(五)多進程架構》:瀏覽器有不少功能,好比網絡請求、頁面渲染、JavaScript 執行和 Web 安全防範等等,而這些功能是分散在瀏覽器的各個功能組件中的,比較多也比較散,那麼經過學習瀏覽器的多進程架構來把這些知識點串起來是頗有必要的。

《瀏覽器知識點整理(六)導航流程》:瞭解了瀏覽器的 導航流程,就能夠來回答 「從輸入 url 按下回車到頁面展現的過程當中發生了什麼?」這道經典問題的前半部分了,即 從用戶發出 url 請求到頁面開始解析的這個過程,也就是網絡請求部分。

《瀏覽器知識點整理(七)渲染流程》:從輸入 url 按下回車到頁面展現的過程當中發生了什麼?這個問題的後半部分,瀏覽器詳細的渲染流程:構建 DOM 樹、樣式計算、獲取佈局樹、生成圖層樹、圖層繪製、柵格化處理、合成顯示。

《瀏覽器知識點整理(八)DOM 和 JS、CSS 不得不說的故事》:這篇文章帶你瞭解 DOM、JS、CSS 三者的愛恨情長:DOM樹是怎麼生成的?解析 HTML 時遇到了 JS 會怎麼樣?JS 遇到了 CSS 又會怎麼樣?爲何要把 CSS 放頭部和把 JS 放尾部?

《瀏覽器知識點整理(九)重排、重繪、合成是怎麼回事?》:這篇文章來看看在渲染流水線視角下面的重排、重繪和合成是怎麼一回事,而後來了解怎麼經過減小重排和重繪來提升性能。

《瀏覽器知識點整理(十)咱們常說的 JS 引擎是什麼?》:這篇文章簡單的介紹了 JS 引擎是什麼,以及簡單的介紹了 V8 執行一段 JavaScript 代碼的過程,但願可讓你對 JS 引擎這個黑盒子有必定的瞭解。

《瀏覽器知識點整理(十一)JavaScript 的垃圾數據是怎麼回收的?》:這篇文章的重點是 JavaScript 引擎的垃圾回收機制,先了解數據存放在哪裏,而後帶你瞭解在不一樣的存放位置的垃圾數據是怎麼回收的。

《瀏覽器知識點整理(十二)事件循環機制(Event Loop)》:Event Loop 是一個很重要的概念,指的是計算機系統的一種運行機制,JavaScript 語言就採用這種機制,來解決單線程運行帶來的一些問題。

《瀏覽器知識點整理(十三)不一樣的回調執行時機:宏任務和微任務》:這篇文章主要介紹了在頁面循環角度下異步回調的兩個執行時機的區別,深刻淺出的帶你去理解宏任務和微任務這兩個任務的區別。

《異步編程 Promise:從使用到手寫實現(4200字長文)》:這篇文章介紹了 Promise 如何解決回調地獄的問題,瞭解 Promise 和微任務的淵源,而後帶你一步一步的解構手寫實現一個簡單的 Promise,最後簡單介紹並手寫實現了一些 Promise 的 API,包括 Promise.allPromise.allSettledPromise.racePromise.finally 等API。

《異步編程的終極解決方案 async/await:用同步的方式去寫異步代碼》:這篇文章介紹了異步編程的發展過程,經過詳細解析 Generator 生成器和協程來幫助理解 async/await 內部的實現原理,但願能對你有所幫助。

《Event Loop :你知道它們的打印順序嗎?》:這篇文章收集了一些關於 Event Loop 的打印面試題,在瀏覽器和在不一樣版本的 Node.js 都打印看了看,結果是有些出乎意料喔。

寫在最後

今天是六月的最後一天,也是上半年的最後一天,終因而結束了上半年的單身生活,準備開始下半年的單身生活,只有代碼願意一直陪着我,哭!

明天會更好,加油,諸君共勉!

相關文章
相關標籤/搜索