了解 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
接口防止重复请求实现方案
在前端开发中,防止重复请求是一个常见的需求,可以通过以下几种方式来实现:1、 请求队列:维护一个请求队列,每次发送请求前检查队列中是否已经存在相同的请求。如果存在相同请求,则不再发送,直接使用队列中的请求结果。这种方法可以确保相同请求只发送一次。2、 请求取消:在发送请求前,记录
前端精髓
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