1. Performance API 的用处 Performance API 是浏览器中内置的一组工具，用于测量和记录页面加载和执行过程中的各类性能指标。它的主要用处包括： 监控页面资源加载：跟踪页面中的资源（如 CSS、JavaScript、图片）的加载时间。 分析页面加载时间：从导航到页面完全渲 ...

此教程适应于以webpack，vue-cli，vite等脚手架构建的vue项目。当然，vue2和vue3都是可以滴。 1. 前提：你的代码库已经提交到Github上 如果没有的话，请到GitHub上新建仓库，并把你本地的项目提交到GitHub上新建的仓库里。 具体方法，可以参考我的博客 Git使用记 ...

一、解构 如图所示，手机浏览器的效果。代码就是简单的html语言加上一个JavaScript脚本，界面主要分3部分，功能实现主要分3个函数。 （一）显示样式 在头里定义了居中显示的CSS样式，将来在浏览器中居中显示倒计时X分XX秒。 <style type="text/css"> .center { ...

我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：霁明 什么是CORS CORS（跨域资源共享）是一种基于HTTP头的机制，可以放宽浏览器的同源策略，实现不同域名网站之间的通信。 前置知识 同源定义：协议、域 ...

1、使用 Object.entries() 和 Object.fromEntries() // 将对象转换为数组并转换回来，以便于操作 const person = { name: 'jack', age: 20 }; const entries = Object.entries(person); ...

安装vite npm create vite@latest 你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如，要构建一个 Vite + Vue + ts 项目，运行: # npm 7+，需要添加额外的 --： npm create vite@latest my-vue-app - ...

codecv —— 一款制作简历的工具，帮助你以 Markdown 的简洁语法快速编写生成专业的简历，并支持转为 PDF 保存，还提供了海量模板。 ...

前言 在欧阳的上一篇 这应该是全网最详细的Vue3.5版本解读文章中有不少同学对Vue3.5新增的onWatcherCleanup有点疑惑，这个新增的API好像和watch API回调的第三个参数onCleanup功能好像重复了。今天这篇文章来讲讲新增的onWatcherCleanup函数的使用场景 ...

一、飞线效果 功能说明：支持设置点的个数，飞线速度、起始和终止颜色值、线宽、线的大小 原理： 1. 首先绘制一条与线长度相同的线，线中各点的大小逐渐变小 2. 如何让线动起来？假设点的个数总共为num个，传入的点的下标为a，通过变化的时间计算出移动的下标b，如果a+b>=num则代表，该点可见，否则 ...

在 Web 开发中，我们经常需要区分用户是否通过刷新操作重新加载了页面。这一操作可能是由用户手动刷新（如按下 F5 键或点击浏览器刷新按钮）或通过浏览器自动重新加载。判断页面是否刷新有助于开发者优化用户体验，例如在使用 vue 的时候需要进行权限控制，就需要判断在刷新后根据登录者的权限去添加对应的路 ...

问题描述： 今天在写vue项目时，用到了element plus中的el-upload组件，发现这么一个问题： 组件各个功能都是正常的，也可以上传图片，但是 虚线框里那么大一片区域只有中间那个十字是可以点击的 点击查看代码 <el-upload class="ImageUpload" :action ...

函数柯里化 含义: 可以大概理解为: 将fn(a,b,c)转换为fn(a)(b)(c) 原函数: function sum(a,b){ return a+b } console.log(sum(1,2)) 柯里化后: function sum(a) { return function (b) { r ...

JavaScript速查表 本手册绝大部分内容是从Airbnb JavaScript Style Guide精简整理，将开发者们都明确的操作去掉，目的为了就是更快的速查。 此处为源地址。 译制：HaleNing 目录 基础知识 类型 引用 对象 数组 解构 字符串 变量 属性 测试 公共约束 注释 ...

受 LabelImg 启发的基于 web 的图像标注工具，基于 Vue 框架 哟，网友们好，年更鸽子终于想起了他的博客园密码。如标题所述，今天给大家带来的是一个基于 vue2 的图像标注工具。至于它诞生的契机呢，应该是我导 pass 掉了我的提议（让甲方使用 LabelImg 进行数据标注），说是要 ...

element-ui 的组件库中没有图片下拉选择组件，基于 el-select 组件做的改动并不能完全满足需求，因此决定重写一个。 从头到尾做下来收获很多，我决定把实现过程中遇到的问题记录一下。 效果图 在线试用地址 设计要点 接下来将上面代码中的关键部分拆分介绍 1. 回显选中的图片和 label ...

Vue3.5正式版在这两天发布了，网上已经有了不少关于Vue3.5版本的解读文章。但是欧阳发现这些文章对3.5中新增的功能介绍都不是很全，所以导致不少同学有个错觉，觉得Vue3.5版本不过如此 ...

问题描述： element-plus组件库中的el-table组件有一个show-overflow-tooltip属性，设置为true时如果表格中数据过长就会显示一个浮动窗口就像这样 而有时这个小浮窗会有错位的问题 像是这样，会导致靠上的列浮窗直接越界不显示 问题原因 table 下的 toolti ...

第一步：安装 npm 使用以下命令安装npm install vue-grid-layout --save yarn 使用以下命令安装yarn add vue-grid-layout 第二步：配置全局变量 import { createApp } from 'vue' import App from ...

前言 前端导出表格有很多种方案，但是表格样式一旦复杂了，那么就得用代码写excel的样式，还是比较麻烦的。每次样式不一样，就得重新写，这时使用表格模板的优势就体现出来了，想导出不同样式的表格直接修改表格模板即可。 方案 我找了两种方案： 1、使用xlsx-template，利用模板语法在xlsx中占 ...

前言 vue3中想要访问DOM和子组件可以使用ref进行模版引用，但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素？还有template中ref属性的值明明是一个字符串，比如ref="inputEl"，怎么就和script中同名的inputEl变量绑到一块了 ...