原创 React學習筆記(八) 虛擬DOM與Diff算法
1、虛擬 DOM （1）什麼是虛擬 DOM 我們先來回顧一下什麼是 DOM？DOM 是一個 用於表示 HTML 文檔結構 的樹，實際上它是一個 JavaScript 對象 樹上的每一個節點代表一個 HTML 元素，每個 HTML
2020-06-25 13:51:39
原创 CSS學習筆記(十二) 顯示方式
元素的顯示方式由 CSS display 屬性控制 如果 display 屬性的值爲 block，那麼該元素被稱爲 塊級元素，它們表現出來的特點如下： 獨佔一行，前後都有換行符 width 和 height 都能生效 如果
2020-06-25 13:51:39
原创 Node.js學習筆記(六) express模塊
Express 是一個 Web 應用框架，可以幫助我們快速搭建一個 Web 應用 1、Hello World 下面我們先來搭建一個簡單的小型應用，熟悉 Express 的基本使用方法 首先創建一個新文件夾作爲項目的根目錄，然後在
2020-06-25 13:51:39
原创 Vue學習筆記(十三) 響應式原理
1、外在表現 響應式系統是 Vue 的核心特性之一，它的實質其實就是 當數據模型發生變化時，視圖將會自動更新 這樣可以避免開發人員直接操作 DOM，大大降低開發難度，這也是 Vue 提倡 數據驅動 的原因，我們看一個例子 <!DO
2020-06-25 13:51:39
原创 CSS實戰筆記(十一) 自適應三欄佈局
自適應三欄佈局是常見的佈局之一，一般實現爲兩邊定寬而中間自適應 1、通過 Float 實現 <div class="wrap"> <div class="left"> <p>Hello World</p>
2020-06-25 13:51:39
原创 CSS實戰筆記(十) 自適應雙欄佈局
自適應雙欄佈局是常見的佈局之一，頁面上有兩列內容，一欄由內容撐開，另一欄自動撐滿剩餘寬度 1、通過 BFC 實現 <div class="wrap"> <div class="left"> <p>Hello
2020-06-25 13:51:39
原创 JavaScript學習筆記(十五) 事件模型
0、DOM 標準 在開始學習 JavaScript 事件模型前，我們首先來了解一下什麼是 DOM（Document Object Model） 簡單來說，DOM 是 W3C 定義的訪問 HTML 和 XML 文檔的標準 按照不同
2020-06-25 13:51:39
原创 JavaScript學習筆記(十六) XMLHttpRequest
1、介紹 （1）AJAX（Asynchronous JavaScript and XML） AJAX 原來是指通過異步 JavaScript 從服務器 XML 文檔獲取數據，然後更新網頁的對應部分，避免刷新整個網頁 後來，這個詞語
2020-06-25 13:51:39
原创 數據結構與算法複習(一) 排序算法
這篇文章將會介紹常見的排序算法（使用 C++ 實現） 1、冒泡排序 將數組分爲有序區（左邊）和無序區（右邊），在初始化時有序區爲空，無序區包含數組所有元素 每次從無序區的最後一個元素開始，一直向前冒泡到無序區的第一個位置，使其變成
2020-06-25 13:51:39
原创 計算機網絡複習(一) 基本介紹
1、因特網與協議 （1）因特網 因特網 (Internet) 將空間上分離的主機連接起來，使得不同主機之間可以共享資源和交換信息 （2）協議 協議 (protocol) 定義網絡設備之間的通信規則，相當於設備之間的交流方式（類比人
2020-06-25 13:51:39
原创 JavaScript學習筆記(十三) ES6新特性
這篇文章我們將會介紹 ES2015 / ES6 中一些常用的新特性 1、變量定義 在 ES6 之前，定義變量只能使用 var 關鍵字，而在 ES6 中新增 let 和 const 關鍵字，它們之間的區別如下： 關鍵字 作用域
2020-06-25 13:51:39
原创 JavaScript實戰筆記(六) 日期格式化
我們知道，在 JavaScript 中沒有日期格式化的相關接口，因此使用起來很不方便 下面我們自己來封裝一個函數，整體邏輯也很簡單，就是使用正則表達式去替換 /** * 格式化日期 * @param { Date } d
2020-06-12 17:46:47
原创 JavaScript實戰筆記(五) 預覽本地圖片
一般情況下，實現本地圖片預覽有兩種方法，一種是 DataURL，一種是 Blob 在正式開始介紹之前，我們先來了解一下什麼是 DataURL 和 Blob 1、DataURL （1）介紹 DataURL 就是以 data: 開頭的
2020-06-12 17:46:47
原创 CSS實戰筆記(九) BFC
1、基本介紹 BFC（Block Formatting Context）的中文名稱是塊級格式化上下文，它是一個獨立渲染的區域 在這個區域的內部有自己的佈局規則，內部的元素對外部的元素沒有任何影響，反之亦然 2、佈局規則 BFC 的
2020-03-31 03:13:58
原创 CSS實戰筆記(八) 元素隱藏
在 CSS 中，隱藏一個元素有很多種方法，下面我們來一一介紹 1、設置不透明度 opacity: 0; 將元素的不透明度設置爲 0，但是這個元素還是會佔據原來的位置，只是在視覺上不可見而已 它不會改變頁面的佈局，還能夠響應用戶的
2020-03-17 15:40:23