一、節流 概念：在規定的間隔時間範圍內不會重覆觸發回調，只有大於這個時間間隔才會觸發回調，把頻繁觸發變為少量觸發。 類似於技能CD。 應用：點擊按鈕，輪播圖點擊左右箭頭。 插件lodash.js，它裡面封裝了函數的防抖與節流業務。 <p>計數器：<span>0</span></p> <button> ...
一、在Bootstra5中使用媒體對象 Bootstrap 媒體對象在版本 5 中已經停止支持了。但是，我們仍然可以使用 flex 和 margin 創建包含左對齊或右對齊媒體對象（如圖像或視頻）以及文本內容（如博客評論、推文等）的佈局 。 <!doctype html> <html lang="z ...
#背景 webpack構建過程中的hooks都有什麼呢？除了在網上看一些文章，還可以通過更直接的辦法，結合官方文檔快速讓你進入webpack的hook世界 寫一個入口文件 //index.js const webpack = require("webpack"); const path = requ ...
此博客主要介紹JavaScript中sort()排序的使用方法，也進一步講述了：當排序的值存在null、undefined、0這三個特殊值時，解決排序混亂的方法，並結合自己的理解來闡述解決方法的原理。 JavaScript排序 — sort()方法 ——解決null、undefined、0之間的排序 ...
vue組件中最常見的數據傳遞就是父子組件之間的傳遞，父組件可以通過 props 向下傳數據給子組件，子組件可以通過 $emit 事件攜帶數據給父組件。然而當兩個頁面沒有任關係，該如何通信？這就引出了 EventBus ( 事件匯流排 ) 這個概念 初始化 方法一：新建文件 首先需要初始化一個 Even ...
效果 之前： 之後 Code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <div class="rect"> <img src="https: ...
一、常見的圖片格式 BMP 是無損的、既支持索引色也支持直接色的點陣圖。這種圖片格式幾乎沒有對數據進行壓縮，所以BMP格式的圖片通常是較大的文件。 GIF 是無損的、採用索引色的點陣圖。採用LZW壓縮演算法進行編碼。文件小，是GIF格式的優點，同時，GIF格式還具有支持動畫以及透明的優點。但是GIF格 ...
這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 一.需求來源 今天碰到了一個需求，需要在頁面里，用水平瀑布流的方式，將一些圖片進行載入，這讓我突然想起我很久以前寫的一篇文章《JS兩種方式實現水平瀑布流佈局》 但是有個問題，這個需求是Vue項目的，那沒辦法，這裡給大家分享下我的開發過程， ...
React Or Taro 項目配置Eslint校驗 一、下載Eslint相關deps依賴項； npm install --save-dev eslint-plugin-prettier eslint-plugin-jsx-a11y eslint-config-airbnb 註意：由於eslint- ...
語言基礎-變數 前言 從本篇博客開始 博主個人認為重要的知識點都會在在行前添加 ⭐ 來進行標識 變數 ECMASCRIPT變數是鬆散類型，意思是變數可以用於保存任何類型的數據。ECMASCRIPT中有三個關鍵字可以來聲明變數：var、let和const。 值得註意的是let和const只能在ES6以 ...
#背景 webpack構建過程中的hooks都有什麼呢？除了在網上看一些文章，還可以通過更直接的辦法，結合官方文檔快速讓你進入webpack的hook世界 寫一個入口文件 //index.js const webpack = require("webpack"); const path = requ ...
一、項目優化 1.去掉列印console 需求：在開發環境中，保留列印console；在生產上線環境，自動去掉列印console 使用步驟： 第一步：在項目根目錄下，創建如下圖兩個配置文件 在.env.development中(開發環境變數) NODE_ENV=development 在.env.p ...
NullPointerException在開發過程中經常遇到，稍有不慎小BUG就出現了，如果避免這個問題呢，Optional就是專門解決這個問題的類，那麼Optional如何使用呢？讓我們一起探索一下吧！ ...
隨著NFC讀寫器在BS架構下的需求越來越多,使用JS語言在web瀏覽器下操作NFC讀寫器就變得尤其重要.但是web瀏覽器不允許其顯示內容直接操作硬體,所以我們必須使用IC卡讀卡器web插件來實現這個功能.作為web前端工程師,我們首先要瞭解在web中實現操作NFC讀寫器的步驟:1、下載友我科技IC卡 ...
這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 第一問：安全類型檢測——typeof和instanceof 區別以及缺陷，以及解決方案 這兩個方法都可以用來判斷變數類型 區別：前者是判斷這個變數是什麼類型，後者是判斷這個變數是不是某種類型，返回的是布爾值 （1）typeof 缺陷： 1 ...
語法&關鍵字與保留字 本章篇幅較長故分成幾個小節來講 語法 區分大小寫 這個沒啥好講的，a和A是兩個變數。 標識符 標識符，就是變數、函數、屬性或函數參數的名稱。 標識符的組成規範，如下： 第一個字元必須是一個字母、下劃線（ _ ）或者美元符號（ $ ）; 剩下的其他字元可以使字母、下劃線、美元符號 ...
一、前言 前段時間碰到了一個 Keybinding 相關的問題，於是探究了一番，首先大家可能會有兩個問題：Monaco Editor 是啥？Keybinding 又是啥？ Monaco Editor： 微軟開源的一個代碼編輯器，為 VS Code 的編輯器提供支持，Monaco Editor 核心代 ...
LRU 是 Least Recently Used 的縮寫，即最近最少使用。作為一種經典的緩存策略，它的基本思想是長期不被使用的數據，在未來被用到的幾率也不大，所以當新的數據進來時我們可以優先把這些數據替換掉。 一、基本要求 固定大小：限制記憶體使用。 快速訪問：緩存插入和查找操作應該很快，最好是 O ...