一、解构 如图所示，手机浏览器的效果。代码就是简单的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); ...

title: Nuxt Kit 的使用指南：从加载到构建 date: 2024/9/12 updated: 2024/9/12 author: cmdragon excerpt: 摘要：本文详细介绍了Nuxt Kit的使用方法，包括如何使用loadNuxt加载配置、buildNuxt进行项目构建、l ...

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

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

title: Nuxt Kit 的使用指南：模块创建与管理 date: 2024/9/11 updated: 2024/9/11 author: cmdragon excerpt: 摘要：本文是关于Nuxt Kit的使用指南，重点介绍了如何使用defineNuxtModule创建自定义模块及inst ...

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

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

title: 使用 nuxi upgrade 升级现有nuxt项目版本 date: 2024/9/10 updated: 2024/9/10 author: cmdragon excerpt: 摘要：本文介绍了如何使用nuxi upgrade命令升级Nuxt 3项目，包括打开终端、运行升级命令、使用 ...

在 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 ...

title: 如何在 Nuxt 3 中有效使用 TypeScript date: 2024/9/9 updated: 2024/9/9 author: cmdragon excerpt: 摘要：本文详细介绍了如何在Nuxt 3项目中有效使用TypeScript，包括创建新项目、安装TypeScrip ...

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

title: 使用 nuxi preview 命令预览 Nuxt 应用 date: 2024/9/8 updated: 2024/9/8 author: cmdragon excerpt: 摘要：本文介绍了如何使用nuxi preview命令预览Nuxt.js应用，包括安装和准备环境、启动预览服务器 ...

title: 使用 nuxi prepare 命令准备 Nuxt 项目 date: 2024/9/7 updated: 2024/9/7 author: cmdragon excerpt: 摘要：本文介绍nuxi prepare命令在Nuxt.js项目中的使用，该命令用于创建.nuxt目录并生成类型 ...

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

title: 使用 nuxi init 创建全新 Nuxt 项目 date: 2024/9/6 updated: 2024/9/6 author: cmdragon excerpt: 摘要：本文介绍了如何使用nuxi init命令创建全新的Nuxt.js项目，包括安装所需环境、命令使用方法、指定模板 ...

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