原创 探究React-Router的本質
此文章，緣起，點擊路由標籤時，發現在渲染之前的組件，打印日誌沒有出來，但組件以及渲染了。 import React from "react"; import { BrowserRouter as Router, Route, Link }
2019-07-04 23:14:58
原创 前端報錯，檢查指南
JavaScript報錯即代碼報錯 語法報錯 比如語法錯誤 - 邏輯報錯 邏輯錯誤，是說你腦袋中預想與現實結果不符，這時重新思考自己的邏輯。
2019-07-03 20:45:00
原创 自我學習Apollo-client、graphQL搭配React
瞭解技術前提：一種技術的出現，定是解決了某個問題，去官網或Github或NPM找答案。 Apollo-client解決了什麼問題？ 什麼是Apollo-client？ Apollo-client是使用GraphQL構建客戶端應用程序最好的方
2019-05-23 10:05:16
6
原创 什麼是虛擬DOM？
虛擬DOM的內涵和外延？ 內涵 虛擬DOM它是真實DOM的內存表示,一種編程概念，一種模式。它會和真實的DOM同步，比如通過ReactDOM這種庫，這個同步的過程叫做調和(reconcilation)。 虛擬DOM更多是一種模式，不是一種特
2019-05-20 10:25:04
4
原创 梳理自己所寫瀏覽器工作原理
瀏覽器工作原理 網上有一篇已經寫得很好了，瀏覽器工作原理。那我自己寫，是爲了看看自己學會多少。輸入和輸出還是兩回事。 瀏覽器做了什麼？ 瀏覽器解析我們在html編輯器所寫的代碼有html、css、js。關鍵HTML怎麼解析爲DOM、CSS解
2019-05-09 13:25:02
1
原创 反思搭建博客時出現的emacs問題
第一個問題 本地執行bundle exec jekyll serve命令時，本地啓了一個服務器，只要在瀏覽器上訪問localhost:4000就可以顯示，博客文章。之後使用git命令，更新到個人github倉庫後。使用username.gi
2019-05-07 08:55:08
原创 前端性能優化是怎麼回事？
前端性能優化 話說回來，使用HTML、CSS、JS開發網站，誰會把我們寫好的代碼拿去運行呢？是瀏覽器呀。 那麼性能優化是怎麼回事呢？ 優化誰的性能？如果我們沒有開發網站，那麼什麼也不需要優化，但開發了，就要優化了。現在不考慮後端，只考慮前端
2019-05-04 16:05:00
原创 React-Router實現原理，解決了什麼問題？
React-Router解決了什麼問題？ 首先，它搭配React組件，可以組織React組件結構代碼，授權路由的控制。應該展示什麼樣的組件，通過React-Router去匹配它。 React-Router如何使用？ 首先，應該下載該npm包
2019-05-02 15:55:03
3
原创 Redux解決了什麼問題
忽略此文 Redux是什麼？ Redux是Facebook提出一個數據狀態管理的庫，也可以說框架。它搭配React解決了組件之間通信問題，這個通信問題，是組件和其它組件之間也可以跨層通信，不需要一層一層的把，父組件的數據往下傳遞。這會增加代
2019-05-01 13:55:04
原创 React知識梳理
React解決了什麼問題？ 首先React是單頁應用時期出現的框架，它適合開發單頁應用，隨之配套的構建工具webpack、node環境。 傳統UI操作關注太多DOM的API細節。React幫助我們不必過多關注DOM的API實現細節，Reac
2019-05-01 01:03:29
原创 Node的邊界
2009年，Node誕生了 Node是什麼，官網都做出瞭解釋，Node是基於谷歌V8引擎運行的JavaScript運行環境。它能做什麼呢，官網首頁也給出了答案，Node使用了事件驅動，非租塞I/O的模式。 Node可以做什麼？ Node.j
2019-04-26 19:35:08
原创 前端技術發展史
如果你檢索到了，忽略此文章，只是一個草稿。 既然做前端這個職業，那麼對於它的來龍去脈，得了解，算稱職點吧。查閱了四個人的技術博客，維基百科查找資料，前端技術發展，以前不叫前端，只是頁面工程師。 起源 當瀏覽器還沒有時候，一個叫伯納斯李的人，
2019-04-26 11:35:00
3