Vue从入门到精通第35页

在springboot加vue项目中加入图形验证码

后端首先先要创建一个CaptchaController的类，可以在下面的代码中看到在getCaptcha的方法里面写好了生成随机的4位小写字母或数字的验证码，然后通过BufferedImage类变为图片，顺便加上了干扰线。之后把图片转为Base64编码方便传给前端为了安全我写了encrypt方法把4位验证码加密了一下，和图片放在了Mapli传给了前端，后面的verifyCaptcha是对前端输入的

小山曲奇·2025-02-15 17:42

支持ajax的移动webui,Vue移动端项目配合第三方ui库快速搭建开发环境

--savebabel-polyfillcnpminstallfastclick-Scnpmilib-flexible-Scnpminstallpx2rem-loader-S-dcnpminstallvuex-Scnpminstallaxios

七月的流浪猫·2025-02-15 17:08

catchadmin-webman 宝塔部署

1：宝塔的php中删除禁用函数putenv问题：按照文档部署的时候linux（php）+vue(本地)无法访问后端api/login的接口。

Go的神秘男朋友·2025-02-15 15:24

Vue - 在纯 HTML 普通项目中实现组件化，让原生 html 项目支持引入 *.vue 组件 / 组件与组件间的互相引用等，完美解决了引入组件出现的跨域问题（保姆级详细教程，完整示例源码及插件）

在纯html原始项目中没有“组件”概念（意味着重复的组件，每次都需要重新写），就算引入了Vue.js包也是功能有限，根本无法引入*.vue文件，更不可能实现组件化。

王二红·2025-02-15 13:07

Vue3实战：从零实现电商购物车功能（含完整代码）

文章目录一、功能需求分析二、技术方案选型三、项目结构设计四、核心代码实现1.创建PiniaStore（购物车状态管理）2.商品列表组件3.购物车面板组件五、关键实现细节1.数据持久化方案2.性能优化方案3.异常处理六、扩展功能实现1.服务端同步（示例）2.优惠券功能七、最佳实践建议八、总结一、功能需求分析一个完整的购物车系统需要包含以下核心功能：商品展示模块商品列表展示（图片、名称、价格）商品规格

chenNorth。·2025-02-15 12:04

React的内部机制详解

用户之前询问了Vue的响应式原理，我详细介绍了Object.defineProperty和Proxy，以及发布订阅模式。现在用户转向React，可能是在比较两者，或者想深入理解React的内部机制。

GISer_Jinger·2025-02-15 12:03

vue3使用svg图标的方式总结

1.使用标签可以直接在Vue模板中使用标签来插入SVG图标代码。将SVG图标代码复制到模板中，并根据需要添加样式和属性。

lizi88888·2025-02-15 12:02

点云从入门到精通技术详解100篇-基于 CBCT 与口内扫描数据的牙齿点云配准

目录前言国内外研究现状传统牙齿配准点云配准2牙齿数据的深度学习点云配准基础2.1牙齿数据获取方法2.1.1口腔印模2.1.2辐射成像2.1.3口内扫描2.2深度学习网络2.2.1全连接神经网络2.2.2卷积神经网络2.2.3孪生神经网络2.3点云数据配准基础2.3.1点云数据格式2.3.2点云旋转表达2.3.3传统点云配准方法3基于PCRNet的PCR-SA牙齿点云配准3.1CBCT-IOS牙齿配

格图素书·2025-02-15 12:01

vue中的富文本框的使用（vue-quill-editor）

一、安装vue-quill-editornpminstallvue-quill-editor二、在main.js中引入importVueQuillEditorfrom'vue-quill-editor'import'quill

知否灬知否·2025-02-15 09:37

MQTT实战之在vue和java中使用

在VUE中使用MQTT1、创建vue项目（使用node版本为20.12.0）>>npmcreatevite@latestNeedtoinstallthefollowingpackages:create-vite

沐暖沐·2025-02-15 09:07

vue 使用 wangeditor 富文本编辑器

wangeditor终端安装wangeditor库：yarnadd@wangeditor/editor#或者npminstall@wangeditor/editor--save2）页面绑定创建一个xxx.vue

＊且听风吟·2025-02-15 08:29

`json-schema-editor-vue` 开源项目快速入门指南

json-schema-editor-vue开源项目快速入门指南项目地址:https://gitcode.com/gh_mirrors/js/json-schema-editor-vue1.项目目录结构及介绍该项目

方蕾嫒Falcon·2025-02-15 07:23

若依微服务docker-compose部署vuepress

若依微服务docker-compose部署vuepress千寻简笔记介绍千寻简笔记已开源，Gitee与GitHub搜索chihiro-notes，包含笔记源文件.md，以及PDF版本方便阅读，且是用了精美主题

千寻简·2025-02-15 07:20

【前端框架】Vue3 面试题深度解析

西门吹雪~·2025-02-15 07:48

【前端框架】深入Vue 3组件开发：构建高效灵活的前端应用

一、引言Vue3作为一款流行的前端框架，其组件化系统是构建大型应用的核心。通过将应用拆分为多个可复用的组件，不仅能提高代码的可维护性与复用性，还能让开发团队进行高效的协作。

西门吹雪~·2025-02-15 07:48

Vue3按钮权限控制：解锁前端安全交互新姿势

背景引入在Vue3项目开发中，权限管理是不可或缺的一部分，而按钮权限控制更是其中的关键环节。

Jiaberrr·2025-02-15 06:16

名词解释：npm，cnpm，yarn，vite，vue，electron

1.npm(NodePackageManager)读音:“N-P-M”或者直接读作“npm”。npm是Node.js的官方包管理器，用于安装、发布和管理JavaScript软件包。它允许开发者轻松地共享代码，并且可以通过命令行工具来管理依赖关系。通过npminit命令可以交互式地初始化一个项目，而npminstall则可以安装指定的软件包到当前项目中。2.cnpm(ChinaNodePackage

几道之旅·2025-02-15 06:45

解决vue : 无法加载文件 D:\Program Files\nodejs\vue.ps1，因为在此系统上禁止运行脚本问题。

Vue将脚手架重要的配置文件做了隐藏，如果想要查看则可以在终端输入如下命令进行查看vueinspect>output.js运行报错：解决办法：在终端继续输入如下命令：Set-ExecutionPolicy-ScopeCurrentUser

1313亮晶晶~·2025-02-15 06:13

Vue中使用el-upload+XLSX实现解析excel文件为json数据

安装[email protected]代码实现html部分批量导入只能上传.xlsx文件-->js部分handlePreview(file){console.log(file)},handleExceed(files,fileList){this.$message.w

makamkamakbakSOSO·2025-02-15 05:07

DeepSeek从入门到精通（7大场景+50案例+全套提示词）附下载地址

文章目录前言一、主要内容二、下载地址前言《DeepSeek从入门到精通（7大场景+50案例+全套提示词）》详细介绍了如何从基础到高级使用DeepSeek这一AI工具，涵盖了多个应用场景和具体案例，通过大量的案例和提示词模板

麟飞扬·2025-02-15 04:01

【已解决】npm ERR! request to https://registry.npm.taobao.org failed, reason: certificate has expired

使用vue开发项目时，安装插件一直安装不上，排查了之后才发现是：证书已过期报错信息：npmERR:requesttohttps://registry.npm.taobao.orgfailed,reason

小跳不会Coding·2025-02-15 02:10

深入理解npm：从入门到精通

1.npm简介npm（NodePackageManager）是Node.js生态系统中的核心组件，它不仅是一个包管理器，还是一个强大的开发工具和庞大的开源社区。自2010年首次发布以来，npm已经成为世界上最大的软件注册表，拥有超过100万个包，每周下载量超过数十亿次。1.1npm的历史和发展npm由IsaacZ.Schlueter创建，最初是为了简化Node.js模块的安装过程。随着时间的推移，

brrdg_sefg·2025-02-15 02:06

DeepSeek赋能制造业：图表可视化从入门到精通

一、企业数据可视化之困在数字化浪潮席卷全球的当下，商贸流通企业作为经济活动的关键枢纽，每天都在与海量数据打交道。从商品的采购、库存管理，到销售渠道的拓展、客户关系的维护，各个环节都源源不断地产生数据。这些数据犹如一座蕴含巨大价值的宝藏，然而，如何挖掘并利用好这座宝藏，却成为众多商贸流通企业面临的一大难题。在日常运营中，商贸流通企业常常深陷数据的“泥沼”。采购部门需要分析不同供应商的价格波动、交货期

数澜悠客·2025-02-15 02:36

大事件管理系统（vue3）compositionAPI/pinia/pinia持久化处理/Element Plus/pnpm包管理器/Eslint+prettier/husky(Git hooks)

://apifox.com/apidoc/shared-26c67aee-0233-4d23-aab7-08448fdf95ff/api-93850835接口根路径：http://big-event-vue-api-t.itheima.net

章小絮·2025-02-15 01:59

比较Vue 3中的setup函数如何与Vue 2中的created和data属性相比

Vue3的setup函数vsVue2的created和dataVue3引入了setup函数，作为CompositionAPI的核心部分，它彻底改变了Vue组件的逻辑组织和代码复用方式。

dxh_888·2025-02-14 22:12

vue3读取webrtc-stream 视频流

方便自己本地搭建视频流服务https://download.csdn.net/download/cyw8998/90373521解压后，启动命令webrtc-streamer.exe-H127.0.0.1:8020二.vue3

cyw8998·2025-02-14 22:10

Vue3中实现el-table单选功能（取消前一项的选中）

需求描述产品说，表格行要只能选中一个且，不能使用el-radio方式因为要可以取消选中于是乎，有了当前的文章记录我们先看效果图效果图代码思路首先，把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child(1){.cell{display:none;}}}}然后，去除前一项的选中状态@select="selectChange"constsel

·2025-02-14 22:34

编程技巧：VUE 实现接口返回数据的流式处理

一、写在前面ChatGPT的问答响应界面相信大家都见过，内容是一点一点追加式的显示。不是等好了一起发给你，然后一次性展示出来。这种效果和我们平常开发的展示渲染模式有点区别。可能有的同学会说，前端拿到报文后，我们做成这样的效果不就行行了，有什么难的。这话看起来很对，但其实不那么对。试想一下，如果一个问答内容响应体很大，几十上百兆，等报文传输完了，我们再显示，中间界面等待的时间会很长，体验其实是很差。

夸父CV·2025-02-14 21:33

vue3后台系统动态路由实现

动态路由的流程：用户登录之后拿到用户信息和token，再去请求后端给的动态路由表，前端处理路由格式为vue路由格式。

瑶琴AI前端·2025-02-14 20:24

【前端开发学习笔记12】Vue_5

Vuex构建多组件共享的数据环境index.js://创建一个空仓库//目标：安装vuex插件，初始化一个空仓库//1.安装vuex：yarnaddvuex@3//2.新建vuex模块文件：新建store

wei387245232·2025-02-14 19:44

Vue.js前端开发实战学习笔记

Vue.js前端开发实战学习笔记一、学习教材Vue.js3前端开发实战————————张益珲github仓库地址gitee仓库地址二、第一章从前端基础到Vue.js3三、第二章Vue模板应用四、第三章Vue

cai-4·2025-02-14 19:11

VSCODE 常见问题

1VSCODE下载慢将下载地址中的az764295.vo.msecnd.net更换为vscode.cdn.azure.cn使用国内的镜像服务器加速，就好了2.函数跳转vue插件：Vetur、Vue2Snippets

SEVENTHD7·2025-02-14 17:02

vue 配置vue.config.js 优化

1.压缩js，去除打印信息。module.exports={configureWebpack:{optimization:{minimize:true,//确保启用了压缩minimizer:[newTerserPlugin({terserOptions:{//在这里放入你的自定义Terser选项compress:{drop_console:true,//例如，移除console.log语句//更多

鸿是江边鸟，曾是心上人·2025-02-14 17:59

vue-点击生成动态值，动态渲染回显输入框

1.前言动态点击生成数值，回显输入框，并绑定。2.实现点击生成exportdefault{data(){return{uploadData:{//假设peo.field是'workNum'workNum:''},peo:{field:'workNum'},inputKey:Date.now()//初始key值};},methods:{workNumProduce(){//生成工号逻辑，这里只是一个

岂不闻·2025-02-14 16:56

——从入门到精通的高效应用指南

关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣嘿，小伙伴们！今天我们要一起揭开SQLite子查询那层神秘的面纱。你知道吗？SQLite作为一个轻量级数据库，虽然没有大型数据库系统那么复杂的功能，但它的小巧和高效却让它在嵌入式设备和移动应用中大放异彩。而子查询作为SQLite查询语言中的一个重要组成部分，能

墨瑾轩·2025-02-14 16:25

DeepSeek从入门到精通：通用AI工具的技术实践指南

1.DeepSeek是什么？DeepSeek是一家专注于通用人工智能（AGI）的中国科技公司，其核心产品DeepSeek-R1是一个开源的推理模型，擅长处理复杂任务且支持免费商用。以下是其核心特性：国产化：完全自主研发的大模型免费开源：可商用且无授权限制多模态能力：支持文本、代码、图像等多种任务推理强化：在逻辑分析、数学推导等任务中表现突出2.DeepSeek能做什么？2.1核心功能场景功能类型应

星辰@Sea·2025-02-14 16:25

前端自动化测试：TDD 和 BDD 哪个更好一些？

交流群：175317069Vue应用测试项目环境搭建运行vuecreate[project-name]来创建一个新项目。选择"Manuallyselect

测试员小静·2025-02-14 16:20

「Vue3系列」Vue3 Axios详解

文章目录一、Vue3Axios二、Vue3Axios请求配置项三、Axios响应结构四、Axios拦截器请求拦截器响应拦截器拦截器的移除拦截器的应用场景五、相关链接一、Vue3Axios在Vue3中，你可以使用

·零落··2025-02-14 15:16

Vue3入门 ----- script setup、computed、watch、组件通讯、ref

初使用和Vue2使用的optionsAPI(例如:数据放data中,方法放methods中)不同的是,Vue3是用了compositionAPI,提升了代码的可读性和可维护性,同时也保留了Vue2的optionsAPI

ELNino_Thomas.Liang·2025-02-14 15:16

VUE3.0+TS用ref获取元素

div元素//在setup中无法使用thissetup(){//新建一个ref对象,对象命名必须与ref命名相同//在setup的中还不是一个DOM节点类型,在DOM挂载后才会是ELEMENT类型,所以要设置泛型consteleRef=ref(null)consthandleClick=()=>{if(eleRef.value){console.log(eleRef.value)}}//retur

ELNino_Thomas.Liang·2025-02-14 15:15

Vue2.x -- 解决vue2editor文本框报错、作用域插槽、对象解构赋值、VsCode支持Vue文件配置

解决vue2editor文本框报错报错提示:[Violation]AddedsynchronousDOMmutationlistenertoa'DOMNodeInsertedIntoDocument'event

ELNino_Thomas.Liang·2025-02-14 15:15

【vue】axios封装拦截

文章目录1、安装axios2、新建文件3、引入文件4、使用1、安装axiosnpminstallaxios2、新建文件项目src目录创建util文件夹util文件夹下创建文件axios.config.js代码如下importaxiosfrom"axios";//请求拦截axios.interceptors.request.use(function(config){consttoken=localS

步步生花@苏殿主·2025-02-14 15:13

vue写一个axios的拦截器

方便直接带入项目的工具类importaxios,{AxiosResponse}from'axios'importqsfrom'qs'import{ElMessage}from'element-plus'import{useUserStore}from'@/store/modules/user'importcachefrom'@/utils/cache'import{ElMessageBox}fro

蓝胖子不是胖子·2025-02-14 15:43

Vue3.0+vite vite.config.ts配置与env

目录摘要在项目中新项目前期可能需要配置各种来运行项目，以Vue3.0+vite来说明主要配置正文1.import.meta的理解JavaScript中的一个特殊对象，它提供了有关当前模块的元数据信息。

WebCsDn_TDCode·2025-02-14 14:12

在vue中根据devicePixelRatio处理多倍图(less)

在vue中根据devicePixelRatio处理多倍图(less)devicePixelRatio为设备物理像素和设备独立像素的比例，在不同的机型上有2倍图和三倍图之分，比如p8和p8plus就是一个二倍一个三倍

Kyrossssssss·2025-02-14 14:12

Vue使用Axios以及拦截器配置

安装npminstallaxiosvue-axios--saveaxios配置//src/utils/axios.tsimportaxios,{AxiosRequestConfig,AxiosResponse

_何同学·2025-02-14 14:11

Vue3数据响应式原理

Vue3数据响应式原理在Vue2是使用Object.defineProperty()实现响应式。在Vue3中，ref是

牧云流·2025-02-14 14:37

分享58个Vue模板源码总有一个是你想要的

分享58个Vue模板源码总有一个是你想要的学习知识费力气，收集整理更不易。知识付费甚欢喜，为咱码农谋福利。

2401_86528135·2025-02-14 14:06

vite.config.ts的配置项（配置别名，全局将css属性单位px转化为vw，引入less,vantUI,打包压缩，代理）

import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importlegacyfrom'@vitejs/plugin-legacy'importpostcsspxtoviewportfrom'postcss-px-to-viewport'importstyleImport

codekjy·2025-02-14 14:35

Vue.js 响应式原理与数据绑定

在Vue.js中，响应式系统是其核心特性之一，它使得数据的变化能够自动更新到DOM上，实现了数据和视图的双向绑定。下面详细介绍Vue.js响应式系统的原理以及它是如何实现数据绑定的。

前端_学习之路·2025-02-14 13:33

推荐频道

Vue从入门到精通