业界 - 第38页程序园

牛逼！Vue3.5的useTemplateRef让ref操作DOM更加丝滑 New

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

撵延兵 3 天前

9 0 0

使用 nuxi analyze 命令分析 Nuxt 应用的生产包 New

title: 使用 nuxi analyze 命令分析 Nuxt 应用的生产包 date: 2024/8/29 updated: 2024/8/29 author: cmdragon excerpt: 使用 nuxi analyze 命令可以帮助你深入了解生产包的结构和大小，从而做出针对性的优化。通过定期分析生产包，你 ...

旌磅箱 3 天前

211 0 0

JS脚本批量处理TS数据类型 New

在TS开发中，经常会遇到后台数据字段比较多的情况，这时候需要一个个复制字段然后给他手动配置数据类型来完成我们的TS类型定义，相当麻烦。有什么快速的方法呢，我就目前遇到的两种情况分别写了JS脚本来处理后台数据，直接生成我们需要的 ...

国瑾瑶 3 天前

816 0 0

使用 nuxi info 查看 Nuxt 项目详细信息 New

title: 使用 nuxi info 查看 Nuxt 项目详细信息 date: 2024/9/5 updated: 2024/9/5 author: cmdragon excerpt: 摘要：文章介绍了nuxi info命令的使用方法，这是一个Nuxt.js命令行工具，用于查看当前或指定Nuxt项目的详细信息，包括版本 ...

骆贵 3 天前

762 0 0

Vue 实现图片下拉选择控件 New

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

赶塑坠 3 天前

427 0 0

el-upload点击问题 New

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

吕梓美 3 天前

590 0 0

使用 nuxi build 命令构建你的 Nuxt 应用程序 New

title: 使用 nuxi build 命令构建你的 Nuxt 应用程序 date: 2024/8/30 updated: 2024/8/30 author: cmdragon excerpt: nuxi build 命令是构建 Nuxt 应用程序的核心工具，它将你的应用程序打包成适合生产环境的格式。通过理解和使用不同 ...

董绣梓 3 天前

17 0 0

给Hexo博客安排上Github Action自动化部署 New

我不是换hexo了吗，一直是使用Spck Editor写文章，每次写好文章都要push一次，非常麻烦，最近在群友那了解到有Github Action自动化部署，可以写好文章自动部署到github pages，而且github的编辑器也是非常好用的，写好提交就能自动发送， ...

橘芜 3 天前

892 0 0

使用 Nuxt 的 showError 显示全屏错误页面 New

title: 使用 Nuxt 的 showError 显示全屏错误页面 date: 2024/8/26 updated: 2024/8/26 author: cmdragon excerpt: 摘要：本文介绍Nuxt.js中的showError方法用于显示全屏错误页面，包括其参数类型及使用方式，并演示了如何在页面中捕获 ...

笃扇 3 天前

710 0 0

使用 nuxi add 快速创建 Nuxt 应用组件 New

title: 使用 nuxi add 快速创建 Nuxt 应用组件 date: 2024/8/28 updated: 2024/8/28 author: cmdragon excerpt: 通过使用 nuxi add 命令，你可以快速创建 Nuxt 应用中的各种实体，如组件、页面、布局等。这可以极大地提高开发效率，减 ...

屋稷删 3 天前

486 0 0

JavaScript速查表 New

JavaScript速查表 [*]本手册绝大部分内容是从Airbnb JavaScript Style Guide精简整理，将开发者们都明确的操作去掉，目的为了就是更快的速查。此处为源地址。 [*]译制：HaleNing 目录 [*]基础知识 [*]类型 [*]引用 [*]对象 [*]数组 ...

眩疝诺 3 天前

566 0 0

受 LabelImg 启发的基于 web 的图像标注工具，基于 Vue 框架 New

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

蔺蓉城 3 天前

775 0 0

关于博客园装修教程 New

首页样式图以下是关于装修的选择 [*]博客侧边栏公告 [*]首页html代码 [*]页脚html代码 [code][/code] 来源：程序园用户自行投稿发布，如果侵权，请联系站长删除免责声明：如果侵犯了您的权益，请联系站长，我们会及时删 ...

董绣梓 3 天前

971 0 0

一套通用的企业级中后台前端设计解决方案 New

大家好，我是 Java陈序员。今天，给大家介绍一套企业级中后台前端/设计解决方案！关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍 AntdvPro —— 一个基于 Vue3、Vite4、Ant- ...

孩负范 3 天前

559 0 0

[vue3] vue3更新组件流程与diff算法 New

在Vue3中，组件的更新通过patch函数进行处理。 patch函数源码位置：core/packages/runtime-core/src/renderer.ts at main · vuejs/core (github.com) patch函数用来挂载或者更新vnode。 patch的大致流程： [*]n1和n2如果相等，则表示 ...

忙贬 3 天前

943 0 0

jQuery（六）jQuery实现瀑布分页 New

一、瀑布流分页案例分析 1.1) 功能分析：　　鼠标下拉，加载分页数据(10条) ，如下图： 1.2) 如何确定当前显示的数据已经浏览完毕？公式：(滚动条距底部的距离 + 滚动条上下滚动的距离 + 当前窗口的高 ...

羔迪 3 天前

229 0 0

Vite+Vue3 项目华仔待办 New

此“华仔”，不是彼“华仔”，你懂的！先来了个截图紧跟着，实现步骤也来了 1. 安装 Node.js，终端运行 npm create vue@latest，项目名 vue-to-do，后面的选项全选 No； 2. cd vue-to-do 进入项目目录，npm install 安装依赖，npm r ...

撙仿 3 天前

989 0 0

使用 nuxi dev 启动 Nuxt 应用程序的详细指南 New

title: 使用 nuxi dev 启动 Nuxt 应用程序的详细指南 date: 2024/9/2 updated: 2024/9/2 author: cmdragon excerpt: 摘要：本文介绍了使用 nuxi dev 命令启动 Nuxt 应用程序的方法，包括安装 Nuxt.js、启动开发服务器及配置选项等详细 ...

赘暨逢 3 天前

236 0 0

ECharts实现雷达图详解 New

ECharts 是一款由百度开源的数据可视化工具，它提供了丰富的图表类型，如折线图、柱状图、饼图、散点图、雷达图、地图、K线图、热力图、仪表盘等，以及丰富的交互功能。ECharts 组件的核心功能实现原理主要包括以下几个方面： [*]数据驱 ...

冷晓晴 3 天前

926 0 0

[js] 页面可见性API 监测用户切屏 New

Page Visibility API 在做考试系统或者网课系统的时候，通常需要监测用户是否隐藏了当前标签页在看其它页面。 Page Visibility API提供了一个事件和两个状态来监测页面可见性，可以用它来判断用户是否切屏。 visibilitychange 这个事件 ...

郜庄静 3 天前

991 0 0

5284

本版主题

收藏人数

账号		自动登录	找回密码
密码			立即注册

	牛逼！Vue3.5的useTemplateRef让ref操作DOM更加丝滑 New 前言 vue3中想要访问DOM和子组件可以使用ref进行模版引用，但是这个ref有一些让人迷惑的地方。比如定义的ref变量到底是一个响应式数据还是DOM元素？还有template中ref属性的值明明是一个字符串，比如ref="inputEl"，怎么就和script中同 ... 撵延兵 3 天前 9 0 0
	使用 nuxi analyze 命令分析 Nuxt 应用的生产包 New title: 使用 nuxi analyze 命令分析 Nuxt 应用的生产包 date: 2024/8/29 updated: 2024/8/29 author: cmdragon excerpt: 使用 nuxi analyze 命令可以帮助你深入了解生产包的结构和大小，从而做出针对性的优化。通过定期分析生产包，你 ... 旌磅箱 3 天前 211 0 0
	JS脚本批量处理TS数据类型 New 在TS开发中，经常会遇到后台数据字段比较多的情况，这时候需要一个个复制字段然后给他手动配置数据类型来完成我们的TS类型定义，相当麻烦。有什么快速的方法呢，我就目前遇到的两种情况分别写了JS脚本来处理后台数据，直接生成我们需要的 ... 国瑾瑶 3 天前 816 0 0
	使用 nuxi info 查看 Nuxt 项目详细信息 New title: 使用 nuxi info 查看 Nuxt 项目详细信息 date: 2024/9/5 updated: 2024/9/5 author: cmdragon excerpt: 摘要：文章介绍了nuxi info命令的使用方法，这是一个Nuxt.js命令行工具，用于查看当前或指定Nuxt项目的详细信息，包括版本 ... 骆贵 3 天前 762 0 0
	Vue 实现图片下拉选择控件 New element-ui 的组件库中没有图片下拉选择组件，基于 el-select 组件做的改动并不能完全满足需求，因此决定重写一个。从头到尾做下来收获很多，我决定把实现过程中遇到的问题记录一下。效果图在线试用地址设计要点接下来将上面代码 ... 赶塑坠 3 天前 427 0 0
	el-upload点击问题 New 问题描述：今天在写vue项目时，用到了element plus中的el-upload组件，发现这么一个问题：组件各个功能都是正常的，也可以上传图片，但是虚线框里那么大一片区域只有中间那个十字是可以点击的点击查看代码在查看官方文档后发现el-upl ... 吕梓美 3 天前 590 0 0
	使用 nuxi build 命令构建你的 Nuxt 应用程序 New title: 使用 nuxi build 命令构建你的 Nuxt 应用程序 date: 2024/8/30 updated: 2024/8/30 author: cmdragon excerpt: nuxi build 命令是构建 Nuxt 应用程序的核心工具，它将你的应用程序打包成适合生产环境的格式。通过理解和使用不同 ... 董绣梓 3 天前 17 0 0
	给Hexo博客安排上Github Action自动化部署 New 我不是换hexo了吗，一直是使用Spck Editor写文章，每次写好文章都要push一次，非常麻烦，最近在群友那了解到有Github Action自动化部署，可以写好文章自动部署到github pages，而且github的编辑器也是非常好用的，写好提交就能自动发送， ... 橘芜 3 天前 892 0 0
	使用 Nuxt 的 showError 显示全屏错误页面 New title: 使用 Nuxt 的 showError 显示全屏错误页面 date: 2024/8/26 updated: 2024/8/26 author: cmdragon excerpt: 摘要：本文介绍Nuxt.js中的showError方法用于显示全屏错误页面，包括其参数类型及使用方式，并演示了如何在页面中捕获 ... 笃扇 3 天前 710 0 0
	使用 nuxi add 快速创建 Nuxt 应用组件 New title: 使用 nuxi add 快速创建 Nuxt 应用组件 date: 2024/8/28 updated: 2024/8/28 author: cmdragon excerpt: 通过使用 nuxi add 命令，你可以快速创建 Nuxt 应用中的各种实体，如组件、页面、布局等。这可以极大地提高开发效率，减 ... 屋稷删 3 天前 486 0 0
	JavaScript速查表 New JavaScript速查表 []本手册绝大部分内容是从Airbnb JavaScript Style Guide精简整理，将开发者们都明确的操作去掉，目的为了就是更快的速查。此处为源地址。 []译制：HaleNing 目录 []基础知识 []类型 []引用 []对象 []数组 ... 眩疝诺 3 天前* 566 0 0
	受 LabelImg 启发的基于 web 的图像标注工具，基于 Vue 框架 New 受 LabelImg 启发的基于 web 的图像标注工具，基于 Vue 框架哟，网友们好，年更鸽子终于想起了他的博客园密码。如标题所述，今天给大家带来的是一个基于 vue2 的图像标注工具。至于它诞生的契机呢，应该是我导 pass 掉了我的提议（ ... 蔺蓉城 3 天前 775 0 0
	关于博客园装修教程 New 首页样式图以下是关于装修的选择 []博客侧边栏公告 []首页html代码 []页脚html代码 [code][/code] 来源：程序园用户自行投稿发布，如果侵权，请联系站长删除免责声明：如果侵犯了您的权益，请联系站长，我们会及时删 ... 董绣梓 3 天前* 971 0 0
	一套通用的企业级中后台前端设计解决方案 New 大家好，我是 Java陈序员。今天，给大家介绍一套企业级中后台前端/设计解决方案！关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍 AntdvPro —— 一个基于 Vue3、Vite4、Ant- ... 孩负范 3 天前 559 0 0
	[vue3] vue3更新组件流程与diff算法 New 在Vue3中，组件的更新通过patch函数进行处理。 patch函数源码位置：core/packages/runtime-core/src/renderer.ts at main · vuejs/core (github.com) patch函数用来挂载或者更新vnode。 patch的大致流程： []n1和n2如果相等，则表示 ... 忙贬 3 天前* 943 0 0
	jQuery（六）jQuery实现瀑布分页 New 一、瀑布流分页案例分析 1.1) 功能分析：　　鼠标下拉，加载分页数据(10条) ，如下图： 1.2) 如何确定当前显示的数据已经浏览完毕？公式：(滚动条距底部的距离 + 滚动条上下滚动的距离 + 当前窗口的高 ... 羔迪 3 天前 229 0 0
	Vite+Vue3 项目华仔待办 New 此“华仔”，不是彼“华仔”，你懂的！先来了个截图紧跟着，实现步骤也来了 1. 安装 Node.js，终端运行 npm create vue@latest，项目名 vue-to-do，后面的选项全选 No； 2. cd vue-to-do 进入项目目录，npm install 安装依赖，npm r ... 撙仿 3 天前 989 0 0
	使用 nuxi dev 启动 Nuxt 应用程序的详细指南 New title: 使用 nuxi dev 启动 Nuxt 应用程序的详细指南 date: 2024/9/2 updated: 2024/9/2 author: cmdragon excerpt: 摘要：本文介绍了使用 nuxi dev 命令启动 Nuxt 应用程序的方法，包括安装 Nuxt.js、启动开发服务器及配置选项等详细 ... 赘暨逢 3 天前 236 0 0
	ECharts实现雷达图详解 New ECharts 是一款由百度开源的数据可视化工具，它提供了丰富的图表类型，如折线图、柱状图、饼图、散点图、雷达图、地图、K线图、热力图、仪表盘等，以及丰富的交互功能。ECharts 组件的核心功能实现原理主要包括以下几个方面： []数据驱 ... 冷晓晴 3 天前* 926 0 0
	[js] 页面可见性API 监测用户切屏 New Page Visibility API 在做考试系统或者网课系统的时候，通常需要监测用户是否隐藏了当前标签页在看其它页面。 Page Visibility API提供了一个事件和两个状态来监测页面可见性，可以用它来判断用户是否切屏。 visibilitychange 这个事件 ... 郜庄静 3 天前 991 0 0

业界

快速发帖