原创 JS 模擬 循環隊列
Loop Array 代碼（基於JS原生數組） /** * 循環隊列 */ var ALoopQueue = (function () { /** * @type {Array} */ let ar
2023-06-28 13:28:15
原创 Vite執行build操作時報錯：Invalid value for option "output.dir" - you must set either "output.file"
Vite對項目進行build（庫）打包時報錯，具體信息如下： 致錯配置代碼： export default defineConfig({ build: { lib: { // ...
2023-06-16 13:32:55
1
原创 JS 模擬 隊列 結構
Code： /** * 隊列（基於動態數組） * @class */ var AQueue = (function() { /** * 棧容器 * @type {DArray} */ let arr;
2023-06-08 13:27:57
原创 JS 模擬 棧結構
Code： /** * 棧結構（基於動態數組） * @class */ var AStack = (function() { /** * 棧容器 * @type {DArray} */ let arr;
2023-06-08 13:27:57
原创 JS 模擬 Java 動態數組（類）
Code： /** * 動態數組 * @class */ var DArray = (function() { /** * 數據數組 * @type {*[]} */ let data; /**
2023-06-08 13:27:57
原创 一道Promise面試題，並對比向其代碼中添加await關鍵字後的變化
標準代碼： (function() { console.log(1); window.setTimeout(() => { console.log(2); }, 100); new
2023-05-10 13:27:55
原创 未知大小的圖片適應（保持寬高比且不超出）圖片容器的CSS屬性
假設我們本地代碼中有一個寬*高爲100px*100px的圖片的容器元素 <div class="img-wrapper" style="width: 100px; height: 100px;"> <img src="..." al
2023-05-09 13:27:48
原创 獲取以特定字符爲起始點的字符的序號索引（ascii碼值）
Code: /** * 返回目標字符在特定範圍內（有特定起始點）的序號索引 * @param {string} target - 目標字符 * @param {string} startChar - 起始字符（可以傳入一個字符串，但只
2023-05-06 13:27:54
原创 CSS animation (animation-timing-function) 測試腳本
代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
2023-04-29 13:27:42
原创 IndexedDB 基礎操作入門
IndexedDB 打開數據庫、建立連接、建表、加索引字段、添加、更新、刪除、查詢等操作介紹。 示例代碼： /** * 1. 鍵值對存儲 * 內部採用對象倉庫（object store）存放數據，支持所有類型數據的存入。 * 在數據倉
2023-04-19 13:28:21
2
原创 關於 css 僞元素 content屬性值 爲中文字符時出現亂碼問題的處理
更多關於 css content屬性 的介紹 點我 場景： 需要在右箭頭（點擊該箭頭是可以跳轉到詳情頁）的左側補充一個“更多”的文字描述 在一些場景下，使用CSS去做改動會是最優的，比如無源碼等 易出現亂碼的代碼示例
2023-04-15 13:27:55
原创 【異步加載JS腳本（script標籤）至html文檔中】的輔助函數
Code： /** * 'asyncLoadScript'方法的配置項'options'的類型定義 * @typedef {Object} IOptions * @prop {string} id - script標籤的ID *
2023-04-14 13:28:34
原创 文字下劃線hover穿梭特效 - CSS
Code： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=
2023-04-02 13:27:46
原创 localStorage和sessionStorage的5M存儲的單位是什麼
答案： web storage 的5M存儲的單位是 字符的長度值（或者utf16的編碼單元） 注：字符的長度 不等於 字符的個數 localStorage和sessionStorage採用的UTF-16字符編碼 'a'.length; //
2023-03-27 13:28:38
原创 簡易封裝document.cookie輔助函數
MDN官網提供的cookie操作的輔助函數： document.cookie MDN document.cookie讀寫器函數（源碼）： /*\ |*| |*| :: cookies.js :: |*| |*| A complete c
2023-03-27 13:28:38