原创 HTTP Headers Content-Type 詳解
Content-Type 實體頭部用於指示資源的 MIME 類型 media type 。 語法 Content-Type: text/html; charset=utf-8 Content-Type: multipart/form-dat
2021-03-22 18:35:25
原创 vue-echarts 拖動地圖後重置數據散點顯示錯位
vue-echarts: v5.0.0 問題描述 原始地圖： 拖動地圖後重置散點數據，散點被重置到原始位置，地圖位置沒變，顯示錯位： 原因 代碼裏使用 computed 生成的 options ，每次生成的都是新的 options vu
2021-01-23 13:16:43
原创 Iframe 父子頁面數據傳遞
發送消息 otherWindow.postMessage(message, targetOrigin, [transfer]); 字段 說明 otherWindow 其他窗口的引用 message 將要發送到其他 win
2021-01-15 13:16:46
原创 CSS3 animation 實現無限循環滾動
內容區域重複一份，使用 animation 平移，平移結束後瞬間切回原始狀態。達到無線循環滾動的效果。 預覽 在線預覽 實現 <div class="father"> <div class="son"> <div>123</di
2021-01-05 13:16:55
原创 CSS命名規範 - BEM
CSS 命名規範推薦使用 BEM 命名規範。 規範 BEM的意思就是塊（block）、元素（element）、修飾符（modifier）,是由Yandex團隊提出的一種前端命名方法論。這種巧妙的命名方法讓你的CSS類對其他開發者來說更加透明
2020-12-29 13:16:49
原创 深入理解 Vue Scope CSS 以及深度作用選擇器
當 style 標籤有 scoped 屬性時，它的 CSS 只作用於當前組件中的元素。編譯後代碼如下： <style> .example[data-v-f3f3eg9] { color: red; } </style> <templa
2020-12-25 13:19:19
1
原创 使用 requestAnimationFrame 實現定時器，解決 setInterval 執行次數丟失問題
來看這樣一個場景：使用 setInterval 定時器倒計時，突然來了一個長達三秒的任務，定時器會有一次不準，兩次丟失回調，導致少兩次計算時間。 // 在控制檯上輸入下面四行 var second = 0 setInterval(funct
2020-12-25 13:19:19
原创 樹莓派-相機入門
啓用相機 插入相機 打開配置 啓用相機 然後按提示重啓樹莓派 使用命令行控制相機 # 拍照 $ raspistill -o Desktop/image.jpg # 錄視頻 $ raspivid -o Desktop
2020-12-25 13:19:19
原创 樹莓派-傳感器 HC-SR04 超聲波測距
HC-SR04 介紹 電器參數 電器參數 HC-SR04超聲波模塊 工作電壓 DC5V 工作電流 15mA 工作頻率 40Hz 最遠射程 4m 最近射程 2cm 測量角度 15度 輸入觸發信號 10u
2020-12-25 13:19:19
原创 樹莓派-首次啓動與配置
version: 4B 下載和燒錄系統 下載系統 https://www.raspberrypi.org/software/operating-systems/ 系統有三種：系統+桌面+軟件，系統+桌面，系統。 我們下載最完整的：系統+桌面
2020-12-25 13:19:19
原创 Linux 下 MongoDB 的安裝和使用
mongoDB 官網地址 安裝 下載地址 $ wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.4.1.tgz # 下載 $ tar -zxvf
2020-10-01 13:10:52
原创 React源碼之組件的實現與首次渲染
react: v15.0.0 本文講 組件如何編譯 以及 ReactDOM.render 的渲染過程。 babel 的編譯 babel 將 React JSX 編譯成 JavaScript. 在 babel 官網寫一段 JSX 代碼編譯結
2020-07-02 12:57:15
原创 使用 promise 封裝 xlsx（包含表頭數據）
xlsx: v0.15.6 目的 根據業務需求，在處理 xlsx 文件數據前，要先檢查一下表頭（第一行數據）是否正確。但 xlsx.utils.sheet_to_json 有個小 bug，如果表頭對應列無數據，則表頭對應的 key 也不存在
2020-06-30 13:40:53
原创 爲什麼叫 React Hooks
React Hooks 概念 爲什麼叫 React Hooks. 阮一峯解釋 React Hooks React Hooks 的意思是，組件儘量寫成純函數，如果需要外部功能和副作用，就用鉤子把外部代碼"鉤"進來。 React Hooks
2020-06-30 13:40:53
原创 基於 Fetch 的請求封裝
原生 fetch 請求失敗後（如無網絡）狀態會變成 reject 走 .catch 。絕大多數情況下業務場景只需要給個 toast 等簡單處理。每個請求都 .catch 會顯得格外繁瑣，並且如果不 .catch, .then 裏面的後續處理
2020-06-30 13:40:52