原创 HTML學習筆記(九) Web Socket
WebSocket 是一個建立在 TCP 之上進行全雙工通訊的應用層協議 我們知道，HTTP 協議採用的是請求/響應模式，服務端是不能主動向客戶端推送數據的 若要實現推送功能，一般都是採用 Ajax 輪詢，但這樣頻繁的請求會給服務
2020-03-15 08:49:18
原创 HTML學習筆記(七) Web Storage
Web Storage 允許在瀏覽器保存用戶數據，具體分爲兩種，一種是 localStorage，一種是 sessionStorage 對於客戶端的存儲方式，類似的還有早期乃至現在還廣泛使用的 cookie，它們之間的區別如下：
2020-03-15 08:49:18
原创 HTML學習筆記(八) Web Worker
Web Worker 爲 JavaScript 創建多線程環境 主線程可以創建 Worker 線程，並將一些高延遲的任務分配給 Worker 線程在後臺運行 而主線程只會負責渲染和交互，從而保證頁面的流暢性 Web Worker
2020-03-15 08:49:18
原创 HTML學習筆記(五) SVG
<svg> 標籤用於聲明一個 SVG 文檔片段，它內置許多標籤幫助開發者繪製圖形 0、基本介紹 SVG 是一種基於 XML 語法的圖像格式，全稱是可縮放矢量圖（Scalable Vector Graphics） 它的本質其實就是對
2020-03-13 07:02:07
原创 HTML學習筆記(六) 元素拖放
在 HTML5 中，任何元素都能夠被拖放 要使得一個元素是可拖動的，必須將它的 draggable 屬性設置爲 true <div draggable="true">我是可以被拖動的</div> 在拖動元素的過程中，會觸發相關的
2020-03-13 07:02:07
原创 HTML學習筆記
HTML 是一種標記語言，目前多應用於編寫網頁文檔，主要用於定義文檔規則和描述文檔結構 HTML 系列文章整理如下，有不足之處還請多多指正： HTML學習筆記(一) 基本介紹 HTML學習筆記(二) 常用標籤 HTML學習筆記(
2020-03-11 04:49:45
原创 HTML學習筆記(四) Canvas
<canvas> 標籤用於定義圖形容器，容器本身是沒有畫圖能力的，但我們可以使用腳本來繪製圖形 1、創建畫布 在 HTML 中，使用 <canvas> 標籤可以創建一個矩形畫布，這個畫布的默認寬高爲 300*150 如果要改變畫布
2020-03-11 04:49:45
原创 JavaScript實戰筆記(四) 選中文本高亮
以下代碼可以實現用戶選中文本之後點擊高亮按鈕，高亮選中文本，支持多種顏色高亮 由於博主最近事情比較多，所以只是稍微寫了個例子，有不足之處，請多多見諒 <!DOCTYPE html> <html> <head> <title
2020-03-09 06:54:37
1
原创 JavaScript實戰筆記(三) 文本搜索
借鑑 pdf.js 源碼，實現文本搜索功能，包含大小寫敏感和全字匹配選項，話不多說，直接上碼 var CharacterType = { SPACE: 0, ALPHA_LETTER: 1, PUNCT:
2020-03-09 06:54:37
原创 計算機網絡延申(一) HTTPS
這篇文章，我們將從 HTTP 明文傳輸開始，一步步講解 HTTPS 是怎麼在 HTTP 的基礎上實現加密通信的 1、明文傳輸（HTTP） 一開始的時候，HTTP 設計的初衷只是解決了通信的問題，所以數據是明文傳輸的 在這種情況下
2020-03-02 10:22:23
原创 JavaScript學習筆記(十四) 繼承
這篇文章將會介紹在 JavaScript 中經常使用的六種繼承方式 1.1 原型繼承 方法：將子類的原型指向父類的實例 原理：子類在訪問屬性或調用方法時，往上查找原型鏈，能夠找到父類的屬性和方法 function SuperTyp
2020-02-29 15:33:19
原创 JavaScript學習筆記(十) call、apply、bind
call、apply、bind 都是定義在函數原型上的，也就是說每個函數都能調用這些方法 那麼它們都有什麼作用呢？它們之間存在什麼異同呢？下面讓我們一起來探討一下 1、call call 可以用於改變函數的執行環境，簡單來說就是可
2020-02-25 11:03:02
1
原创 Python實戰筆記(三) 多線程
Python 提供 threading 模塊用於控制線程，使我們處理多線程更加方便 1、線程模塊的常用屬性和方法 active_count()：返回當前存活的線程對象的數量 enumerate()：返回當前存活的線程對象的列表
2020-02-25 11:03:02
1
原创 JavaScript學習筆記(四) BOM 與 DOM
這篇文章我們將會簡單的介紹 BOM 和 DOM 常用的屬性與方法，權且當作是一篇速查手冊吧 一、瀏覽器對象模型 瀏覽器對象模型（Browser Object Model，BOM）使 JavaScript 可以與瀏覽器進行交互 1、
2020-02-25 11:03:02
原创 CSS實戰筆記(四) 抖動效果
1、懸浮抖動 （1）效果演示 （2）完整代碼 <!DOCTYPE html> <html> <head> <style> .shape { margin: 50px;
2020-02-25 11:03:02