前端精髓
0獲贊0關(guān)注0粉絲
貝塞爾曲線
緩動函數(shù)有三種類型：1. 線性，2. 三次貝塞爾，3. 階躍貝塞爾曲線貝塞爾曲線（讀作 [bezje]）是一種使用數(shù)學(xué)方法描述的曲線，被廣泛用于計算機(jī)圖形學(xué)和動畫中。在矢量圖中，貝塞爾曲線用于定義可無限放大的光滑曲線。貝塞爾曲線由至少兩個控制點進(jìn)行描述。Web 技術(shù)中使用的是三次貝塞爾曲線，即使用四
前端精髓
0
UUID 通用唯一標(biāo)識符
UUID 通用唯一標(biāo)識符（UUID）是用于在所有其他同類資源中唯一標(biāo)識資源的標(biāo)簽。計算機(jī)系統(tǒng)在本地使用非常大的隨機(jī)數(shù)生成 UUID。理論上，這些 ID 可能不是全局唯一的，但重復(fù)的概率非常小。如果系統(tǒng)確實需要絕對唯一的 ID，則這些 ID 可能由中央機(jī)構(gòu)分配。UUID 是 128 位值，通常表示為
前端精髓
0
計算圖片占據(jù)的內(nèi)存大小
Q1：一張 png 格式的圖片，圖片文件大小為 55.8KB，那么它加載進(jìn)內(nèi)存時所占的大小是多少？圖片的分辨率是 1080*452，而我們在電腦上看到的這張 png 圖片大小僅有 55.8KB，那么問題來了：我們看到的一張大小為 55.8KB 的 png 圖片，它在內(nèi)存中占有的大小也是 55.8KB
前端精髓
0
使用 IndexedDB
IndexedDB 是一種底層 API，用于在客戶端存儲大量的結(jié)構(gòu)化數(shù)據(jù)（也包括文件/二進(jìn)制大型對象（blobs））。該 API 使用索引實現(xiàn)對數(shù)據(jù)的高性能搜索。雖然 Web Storage 在存儲較少量的數(shù)據(jù)很有用，但對于存儲更大量的結(jié)構(gòu)化數(shù)據(jù)來說力不從心。而 IndexedDB 提供了這種場景的
前端精髓
0
了解 Fabric.js 庫
Fabric.js是一個用于創(chuàng)建交互式的Canvas元素的JavaScript庫。它提供了一種簡單而強大的方式來處理Canvas元素上的圖形對象，使得在Canvas上繪制、編輯和操作圖形變得更加容易?；臼褂肍abric.js的步驟如下：1、 引入Fabric.js庫：首先，在HTML文件
前端精髓
0
編寫一個 Vue 插件
插件 (Plugins) 是一種能為 Vue 添加全局功能的工具代碼。下面是如何安裝一個插件的示例：import { createApp } from 'vue'const app = createApp({})app.use(myPlugin, { /* 可選的選項 */})一個插件可以是一個擁
前端精髓
0
Vue 單文件組件 SFC
Vue 單文件組件 (Single File Components, SFC) 是 Vue.js 提供的一種組件格式，允許開發(fā)者在一個文件中編寫組件的模板、腳本和樣式。SFC 通常以 .vue 文件為擴(kuò)展名。以下是 SFC 的工作原理和其各個部分的詳細(xì)解釋：SFC 文件結(jié)構(gòu)一個典
前端精髓
0
判斷元素是否滾動到底
Element.scrollHeight 只讀屬性是一個元素內(nèi)容高度的度量，包括由于溢出導(dǎo)致的視圖中不可見內(nèi)容。scrollHeight 的值等于該元素在不使用滾動條的情況下為了適應(yīng)視口中所用內(nèi)容所需的最小高度。高度的度量方式與 clientHeight 相同：包括元素的內(nèi)邊距，但不包括元素的邊框、
前端精髓
0
URLSearchParams 處理 URL 的查詢字符串
URLSearchParams 接口定義了一些實用的方法來處理 URL 的查詢字符串。一個實現(xiàn)了 URLSearchParams 的對象可以直接用在 for...of 結(jié)構(gòu)中，以鍵/值對在查詢字符串中出現(xiàn)的順序?qū)λ鼈冞M(jìn)行迭代，例如下面兩行是等價的：for (const [key, value] of
前端精髓
0
new URL() 創(chuàng)建并返回一個URL對象
URL 接口用于解析，構(gòu)造，規(guī)范化和編碼 URL。它通過提供允許你輕松閱讀和修改 URL 組件的屬性來工作。通常，通過在調(diào)用 URL 的構(gòu)造函數(shù)時將 URL 指定為字符串或提供相對 URL 和基本 URL 來創(chuàng)建新的 URL 對象。然后，你可以輕松讀取 URL 的已解析組成部分或?qū)?URL 進(jìn)行更改
前端精髓
0
性能重要衡量指標(biāo)-百分位數(shù)
在性能監(jiān)控中什么是最好的度量—平均數(shù)還是百分位數(shù)?百分位數(shù)和平均值是用于描述數(shù)據(jù)集中趨勢和分布的統(tǒng)計量，它們之間的主要區(qū)別在于：1.平均值（均值）：?平均值是數(shù)據(jù)集中所有數(shù)值的總和除以數(shù)據(jù)點的數(shù)量。?平均值...
前端精髓
0
原生 JS 實現(xiàn)移動端 Picker 組件
Picker 是指提供多個選項集合供用戶選擇其中一項的控件。Picker 展示區(qū)域有限，部分選項會被隱藏，最好是當(dāng)用戶對所有選項都比較熟悉、有預(yù)期的時候，才使用 Picker。<!DOCTYPE html><html lang="en"> &...
前端精髓
0
object-fit CSS 屬性
object-fit CSS 屬性指定可替換元素（例如：<img> 或 <video>）的內(nèi)容應(yīng)該如何適應(yīng)到其使用高度和寬度確定的框。<div class="box"> <img class="pic" src="https://interactive-exam...
前端精髓
0