原创 淺談 瀏覽器 頁面渲染
靈魂拷問：瀏覽器是如何將 HTML、CSS 和 JavaScript 在屏幕上渲染的呢？ 其實，大致的過程是先構建 DOM 和 CSSOM 樹； 因此，我們需要確保儘快 ( 爲頁面優化留了口子 ) 將 HTML 和 CSS 都
2020-07-01 13:49:19
原创 DOM 簡單小結
DOM Node 類型 整個 HTML 文檔由各種各樣節點組成，這些節點（共 12 種）都繼承自 Node 類型，所以它們擁有一些共用的屬性和方法。 屬性： nodeType nodeName nodeValue 節點
2020-06-21 06:19:03
原创 JS 異步新標準 -- Promise
JavaScript 的異步事件背景： 事件處理 // 當元素被點擊時，會觸發對應事件處理函數 <div onclick="handleClick"> <script> function handleClick() {
2020-06-21 06:19:03
原创 淺談 JavaScript 作用域 & 閉包
作用域 什麼是作用域 一套用於存儲和查找變量的規則 例如 const a = 2;，首先編譯器會詢問 當前作用域 是否有名稱爲 a 的變量，若沒有則聲明一個； 接着編譯器會爲引擎生成運行時需要的代碼，用來處理 a = 2 的賦值
2020-06-21 06:19:03
原创 Javascript作用域和變量提升
首先大家看一下下面的代碼，判斷下會輸出什麼結果： var foo = 1; function bar() { if(!foo) { var foo = 10; } alert(foo); } bar
2018-08-30 11:21:42
原创 談談 Vue.js 裏 v-if 與 v-show 的區別
在 Vue 項目中，v-if 和 v-show 算是兩個用得很頻繁的指令，很巧的是它倆在表現上也相似，都是動態顯示 DOM 元素。不過既然是兩個不同指令，肯定會有不同的適用場景，帶着好奇，讓我們在 Vue 官方文檔裏一探究竟吧～ 對於v-
2018-08-30 11:21:42