前端精髓
0获赞0粉丝0关注
贝塞尔曲线
缓动函数有三种类型：1. 线性，2. 三次贝塞尔，3. 阶跃贝塞尔曲线贝塞尔曲线（读作 [bezje]）是一种使用数学方法描述的曲线，被广泛用于计算机图形学和动画中。在矢量图中，贝塞尔曲线用于定义可无限放大的光滑曲线。贝塞尔曲线由至少两个控制点进行描述。Web 技术中使用的是三次贝塞尔曲线，即使用四
前端精髓
0
UUID 通用唯一标识符
UUID 通用唯一标识符（UUID）是用于在所有其他同类资源中唯一标识资源的标签。计算机系统在本地使用非常大的随机数生成 UUID。理论上，这些 ID 可能不是全局唯一的，但重复的概率非常小。如果系统确实需要绝对唯一的 ID，则这些 ID 可能由中央机构分配。UUID 是 128 位值，通常表示为
前端精髓
0
计算图片占据的内存大小
Q1：一张 png 格式的图片，图片文件大小为 55.8KB，那么它加载进内存时所占的大小是多少？图片的分辨率是 1080*452，而我们在电脑上看到的这张 png 图片大小仅有 55.8KB，那么问题来了：我们看到的一张大小为 55.8KB 的 png 图片，它在内存中占有的大小也是 55.8KB
前端精髓
0
使用 IndexedDB
IndexedDB 是一种底层 API，用于在客户端存储大量的结构化数据（也包括文件/二进制大型对象（blobs））。该 API 使用索引实现对数据的高性能搜索。虽然 Web Storage 在存储较少量的数据很有用，但对于存储更大量的结构化数据来说力不从心。而 IndexedDB 提供了这种场景的
前端精髓
0
了解 Fabric.js 库
Fabric.js是一个用于创建交互式的Canvas元素的JavaScript库。它提供了一种简单而强大的方式来处理Canvas元素上的图形对象，使得在Canvas上绘制、编辑和操作图形变得更加容易。基本使用Fabric.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 提供的一种组件格式，允许开发者在一个文件中编写组件的模板、脚本和样式。SFC 通常以 .vue 文件为扩展名。以下是 SFC 的工作原理和其各个部分的详细解释：SFC 文件结构一个典
前端精髓
0
判断元素是否滚动到底
Element.scrollHeight 只读属性是一个元素内容高度的度量，包括由于溢出导致的视图中不可见内容。scrollHeight 的值等于该元素在不使用滚动条的情况下为了适应视口中所用内容所需的最小高度。高度的度量方式与 clientHeight 相同：包括元素的内边距，但不包括元素的边框、
前端精髓
0
URLSearchParams 处理 URL 的查询字符串
URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。一个实现了 URLSearchParams 的对象可以直接用在 for...of 结构中，以键/值对在查询字符串中出现的顺序对它们进行迭代，例如下面两行是等价的：for (const [key, value] of
前端精髓
0
new URL() 创建并返回一个URL对象
URL 接口用于解析，构造，规范化和编码 URL。它通过提供允许你轻松阅读和修改 URL 组件的属性来工作。通常，通过在调用 URL 的构造函数时将 URL 指定为字符串或提供相对 URL 和基本 URL 来创建新的 URL 对象。然后，你可以轻松读取 URL 的已解析组成部分或对 URL 进行更改
前端精髓
0
性能重要衡量指标-百分位数
在性能监控中什么是最好的度量—平均数还是百分位数?百分位数和平均值是用于描述数据集中趋势和分布的统计量，它们之间的主要区别在于：1.平均值（均值）：•平均值是数据集中所有数值的总和除以数据点的数量。•平均值...
前端精髓
0
原生 JS 实现移动端 Picker 组件
Picker 是指提供多个选项集合供用户选择其中一项的控件。Picker 展示区域有限，部分选项会被隐藏，最好是当用户对所有选项都比较熟悉、有预期的时候，才使用 Picker。<!DOCTYPE html><html lang="en"> &...
前端精髓
0
object-fit CSS 属性
object-fit CSS 属性指定可替换元素（例如：<img> 或 <video>）的内容应该如何适应到其使用高度和宽度确定的框。<div class="box"> <img class="pic" src="https://interactive-exam...
前端精髓
0