前端学习之路—Vue 第71页

vue前端RSA使用公钥进行加密，公钥进行解密

夜雨星光~·2024-02-07 08:45

springboot + vue 实现oracle数据库中的分页功能

个人想要记录一些比较常用的网页端功能。所以写这一篇博客记录一下。话不多说，开始吧。首先是，数据库的设计，没什么设计，就是一张表而已，用做分页功能的记录就足够了。不过要说的是oracle数据库与mysql数据的分页功能不同，oracle数据里面是不支持limit语法的，所以一开始就让我有点懵，不过涉猎一番之后，还是有办法写出于mysql数据库类似的sql语句。创建一个oracle数据表：player

weixin_43825729·2024-02-07 08:44

vue学习的第一步，vscode介绍及相关插件安装

1：vsvode简介VisualStudioCode(简称VSCode/VSC)是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比Diff、GIT等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持Win、Mac以及Linux。还有其几款ide,webstorm,Sublime,text3等，看

都是地址而已·2024-02-07 08:14

搭建oracle+mysql双数据源springboot+vue项目配置记录

主要根据项目需要自行搭建简易双数据源框架，以便自行学习实践相关离线开发，话不多说直接开干1.首先准备所需依赖资源：springboot框架代码结构（搭建项目略）；oracle数据库（建库建表过程略）；mysql数据库（建库建表过程略）；vue

enjoysummer·2024-02-07 08:13

Vscode快速开发Vue代码块配置+自动头部注释

1.首先是Vue组件的代码块配置这里使用的是Vue2.xctrl+shift+p->输入snippet->首选项：配置用户代码片段->输入vue->选择vue.json(vue)、按照以下代码块进行配置后

Nomal_1bit·2024-02-07 08:13

Vue3快速上手（二）VSCode官方推荐插件安装及配置

一、VSCode官方插件安装，如下图2款插件在用vite创建的程序里，提示提安装推荐的插件了，如下图：二、配置在设置-扩展里找到Volar插件，将DotValue勾选上。这样在ref()修改变量时，会自动填充.value,无需人工处理，提高效率。三、使用效果如下END

一掬净土·2024-02-07 08:12

npm安装命令

–save-dev 简写：-D适用于各类loder,plugin，babel,webpack等-save 简写：-S适用于UI框架，vue等1.npminstall包名将包安装到node_modules

Frilled Lizard·2024-02-07 08:12

常用技术网站，maven，git，ideal，java，mysql，Oracle，vue等

常用技术网站前言pom依赖引用网址（maven）代码管理工具（码云）ideal插件下载地址流程图设计工具前言本文主要用来记录开发过程中可能会用到的技术资料网站，方便各位码友进行资料查询和资料获取。pom依赖引用网址（maven）pom依赖引用网址代码管理工具（码云）码云，代码管理工具ideal插件下载地址ideal插件下载流程图设计工具流程图设计未完成。待续。。。。

一只努力的程序猿·2024-02-07 08:11

Vue3 Component name “***********“ should always be multi-word

解决方式：1.使用复合单词使用两个单词命名文件2.修改package.json文件一劳永逸在rules里添加如下规则

badwomanPPPPPard0·2024-02-07 07:46

2.4、2.6、2.7总结

3.2.4下午学习Vue3的时候发现有些前置知识漏了，一天把97集的视频看完补

STATICHIT静砸·2024-02-07 07:04

Vue中对虚拟DOM的理解

作为现代前端开发中的主流框架之一，Vue.js是一个非常流行的JavaScript框架，其核心概念之一就是虚拟DOM（VirtualDOM）。

JJCTO·2024-02-07 07:59

使用vite创建vue+ts项目，整合常用插件（scss、vue-router、pinia、axios等）和配置

二、创建vite项目指令：npmcreatevite@latestvue-ts-app----templatevue-ts参考vite官网模板(template)：:::infova

留白声·2024-02-07 07:56

vue-cli引入本地json数据：封装为js文件，无需请求直接读取

vue-cli引入本地json数据1、新建js文件（路径自定义），写入JSON数据/*jsonData.js*/exportletjsonData={//声明变量，存储数据//JSON源数据}2、组件内引入

shawxlee·2024-02-07 07:26

渗透测试-信息打点与架构分析细节梳理

信息打点与架构分析细节梳理为了保障信息安全，我在正文中会去除除靶场环境的其他任何可能的敏感信息什么是网站架构网站架构包括网站的方方面面，下面是常见的内容：前端（Front-End）：使用React、Angular、Vue

半只野指针·2024-02-07 07:51

vue3 的setup和生命周期

vue3的setup和生命周期许多文章认为setup执行时间在beforeCreate和created之间，但是通过实际测试发现setup调用在beforecreate之前。

敲代码的柯基·2024-02-07 07:47

vue3项目中使用mapv

vue3项目中使用mapvmapv是百度地图官方提供的地图数据可视化开源项目，提供了很多效果酷炫的绘图apimapv地址在这里，示例图在这里先解释为什么要用mapvecharts画的地图，都是行政区划，

栀椩·2024-02-07 06:02

自定义npm包从vue2升级到vue3遇到的问题解决

1.执行npmrunbuild时报错：(node:16724)UnhandledPromiseRejectionWarning:SyntaxError:Unexpectedtoken‘??=’atLoader.moduleStrategy(internal/modules/esm/translators.js:149:18解决：更新node版本查看了我使用的node版本是14.21.3，更新到最新

小玲子小玲子·2024-02-07 06:58

零基础入门Vue之影分身之术——列表渲染&渲染原理浅析

听我说从条件渲染那一篇，我学习到了如何用Vue对dom节点根据条件显示但单单有条件还不够啊，有时候数据是一大坨一大坨的数据，如果Vue不提供咱要么使用“v-html”要么就没办法实现v-html又感觉太

工业甲酰苯胺·2024-02-07 06:27

一台Mac同时安装vue2和vue3

背景：电脑需要运行vue2和vue3项目，就得同时有vue2和vue3环境，之前以配置好vue2了，现在增加vue31.新建一个安装vue3的目录进入vue3文件夹安装vue3//注意这里没有参数-g，

c103363·2024-02-07 06:57

Vue3.3新特新和Vue3-Pinia

文章目录1.Vue3.3新特性-defineOptionsVue3.3新特性-defineModel3.Pinia快速入门4.手动添加Pinia到Vue项目5.Vue3-Pinia的基本语法6.action

W`hite·2024-02-07 06:25

Vue3大事件项目(ing)

文章目录核心内容1.大事件项目介绍2.大事件项目创建3.Eslint配置代码风格4.配置代码检查工作流问题:pnpmlint是全量检查,耗时问题,历史问题5.目录调整6.vue-router4路由代码解析

W`hite·2024-02-07 06:22

vue + video.js实现视频列表页（多个视频）

vue+video.js实现视频列表页vue项目中做一个视频列表页，本来用原生video标签来实现，由于考虑到手机浏览器兼容问题，找了很多插件，最后决定用video.js这个插件来实现。

River_tong·2024-02-07 06:33

Vue代理模式和Nginx反向代理(Vue代理部署不生效)

为了解决跨域问题，可以在vue.config.js文件中配置代理：const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig

Major_xx·2024-02-07 06:07

2019-07-08

前端vue到js到顶层的app.vue到index的’‘（是后端路径名）到后端routes到数据库Ajax框架修改url

三野道长·2024-02-07 06:14

【JS】canvas实现的类似选择框的效果界面

}}导出{{pointColor}}import{randColor,randColorByIndex}from'@/utils/color.js'import{ref,onMounted}from'vue'constdotBoard

飘逸者打瞌睡·2024-02-07 05:52

【JS】纯web端使用ffmpeg实现的视频编辑器

ffmpeg编辑器这是一个纯前端实现的视频编辑器，用的ffmpeg的wasm，web框架用的vue3。界面手撸。界面效果开发过程初始化vue3框架用vite的vue3模板创建一个就可以。

飘逸者打瞌睡·2024-02-07 05:22

【前端】使用ffmpeg+vue3实现简单的视频编辑器

使用ffmpeg+vue3实现简单的视频编辑器主要依赖‘@ffmpeg/ffmpeg’，‘vue’实现功能视频转码，添加文字水印，添加图片水印，处理进度条和用时，文件编码信息，生成序列帧。

飘逸者打瞌睡·2024-02-07 05:21

【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s

报错在使用"@ffmpeg/ffmpeg"和“@ffmpeg/core”时候报错TypeError:Failedtoconstruct'URL':InvalidURLatnode_modules/@ffmpeg/ffmpeg/src/browser/defaultOptions.js解决在vite.config.js中添加build:{target:'es2020'},optimizedeps:{

飘逸者打瞌睡·2024-02-07 05:51

【vue】v-viewer图片查看器的使用和通过函数直接打开图片预览

引入v-viewer依赖包importViewerfrom'v-viewer'import'viewerjs/dist/viewer.css'Vue.use(Viewer)Viewer.setDefaults

飘逸者打瞌睡·2024-02-07 05:51

vue3子组件给父组件传参

子组件传参：constemit=defineEmits(['自定义事件名字A'])//给父组件传参emit('自定义事件名字A',数据)父组件接收参数：//父组件接收数据functiongetRecentRecoding(val:any){console.log('近期流水：',val);}

来福福是小可爱！·2024-02-07 05:21

【vue3】远程组件加载

远程加载组件，动态更新组件，主框架不更新参考https://gitee.com/fanzhengshao/remote-components-library用vite创建一个vue项目添加remote目录

飘逸者打瞌睡·2024-02-07 05:21

Vue3组件间通信知识整理——父组件向子组件传参

我认为各种问题的出现的背后都是需求的驱使，所以我在文章书写的过程中，相对简单的以案例演示叙述，而相对特殊典型的尽量放出场景、聊需求，增加代入感的方式来叙述Vue3组件间通信的方式。

阿Der·2024-02-07 05:50

Vue3组件间通信知识整理——子组件向父组件传参

Vue3组件化开发，子组件向父组件传参的场景也是十分之多，通常是用于通知父组件改值，父组件向子组件传递参数。

阿Der·2024-02-07 05:50

vue父组件传参子组件界面未更新

前言首先记录一个组件的生命周期顺序：1.挂载（初始化相关属性）-beforeCreate-created-beforeMount-mounted2.更新（元素或组件的变更操作）-beforeUpdate-updated3.销毁（销毁相关属性）-beforeDestory-destoryed下图是图示：结合父子组件，其生命周期为：父beforeCreate->父created->父beforeMou

心飞扬1998·2024-02-07 05:50

VUE3父组件向子组件传参，参数随子组件值修改

父组件组件传参时使用v-model修饰import{ref,unref,getCurrentInstance,watch,reactive,onMounted}from"vue";import{useRouter

Amiel_Tian·2024-02-07 05:49

vue实现父组件与子组件传参

问题：vue中，我有一个父组件A，有三个子组件B、C、D，其中B组件是select选项框，B组件选择了了产品类型，则C根据产品类型获取表单数据，然后把C中表单数据中的商品名传给D组件，如何实现要实现这个功能

DaxiaLeeSuper·2024-02-07 05:19

Web-Vue

概述Vue是一个现代JavaScript框架，提供了有用的设施渐进增强——不像许多其他框架，你可以使用Vue增强现有的HTML。这使你可以使用Vue作为jQuery等库的直接替代品。

1telescope·2024-02-07 05:17

三大常用Web前端框架对比

的版本1.3Angular的优势1.4Angular的缺点1.5Angular项目结构二、React2.1React的主要特点2.2React的优势2.3React的缺点2.5React的项目结构三、Vue3.1Vue

纯良思安·2024-02-07 05:13

vue源码12

源码10000到最后。/**/functionhtml(el,dir){if(dir.value){addProp(el,'innerHTML',("_s("+(dir.value)+")"));}}vardirectives$1={model:model,text:text,html:html}/**/varbaseOptions={expectHTML:true,modules:modules

小强不是蟑螂啊·2024-02-07 05:55

【开源】JAVA+Vue.js实现社区买菜系统

目录一、摘要1.1项目介绍1.2项目录屏二、系统设计2.1功能模块设计2.1.1数据中心模块2.1.2菜品分类模块2.1.3菜品档案模块2.1.4菜品订单模块2.1.5菜品收藏模块2.1.6收货地址模块2.2可行性分析2.3用例分析2.4实体类设计2.4.1菜品分类模块2.4.2菜品档案模块2.4.3菜品订单模块2.4.4菜品收藏模块2.4.5收货地址模块三、系统实现四、核心代码展示4.1菜品实体

蜜桃小阿雯·2024-02-07 05:41

Vue本地存储方式

1.浏览器的本地储存方式有三种localStoragesessionStoragecookie相同点：都是可以储存数据，并且储存只可以跟着当前的域名在，也就是在其它的域名获取不到不同点：localStorage和sessionStorage储存的大小一般是5M左右，而cookie的储存的大小一般是4kb左右localStorage是永久储存，关闭浏览器也不会销毁sessionStorage不是永久

秋之合·2024-02-07 04:01

vue本地存储

1.什么是本地存储通过本地存储（LocalStorage），web应用程序能够在用户浏览器中对数据进行本地的存储。localStorage（永久存储）永久的存储在本地，除非手动销毁存储localStorage.setItem("id",123);获取localStorage.getItem("id");sessionStorage(页面关闭销毁)当页面关闭时销毁//存储sessionStorage

李長庚·2024-02-07 04:01

浅谈Vue本地存储

Vue本地存储一、什么是本地存储？二、常见的Vue本地存储的方式三、三种方式的区别一、什么是本地存储？通过本地存储（LocalStorage），web应用程序能够在用户浏览器中对数据进行本地的存储。

yrxnnn·2024-02-07 04:01

Vue 本地存储

在Vue中，可以使用localStorage或sessionStorage来进行本地存储。这两种存储方式都是基于浏览器的，并且可以在不同的页面之间共享数据。

早起的年轻人·2024-02-07 04:01

Composition API 使用

响应性基础APImkdir03-composition-api#初始化项目package.jsonnpminit--yes#安装vue3npminstallvue@next--savereactive返回对象的响应式副本

翔子丶·2024-02-07 04:15

[Vue3] ref属性

简介Vue3中使用setup语法糖之后，在组件或普通dom元素上使用ref属性，可以得到注册元素或子组件的引用。如果用于普通dom元素，引用将是元素本身；如果用于子组件，引用将是子组件的实例。

Suppose·2024-02-07 04:49

一个坐标系查询网站python获取所有坐标系

技术路线选择我是使用的vue3开发的网页界面，element-plus构建网页组件，openlayer展示地图，express提供后端API，vercel进行在线部署。

数字化信息化智能化解决方案·2024-02-07 04:43

前端笔试题涉及html、css、js、Vue 等

综合题你觉得前端工程师的价值体现在哪？为简化用户使用提供技术支持（交互部分）为多个浏览器兼容性提供支持为提高用户浏览速度（浏览器性能）提供支持为跨平台或者其他基于webkit或者其他渲染引擎的应用提供支持为展示数据提供支持（数据接口）什么是w3c标准，谈谈对w3c的理解？答：如果从WEB技术角度，可以分为三个方面的标准：结构、表现、行为。结构主要指(X)HTML标准，包括各种标签的名字、属性、语义

脏十三i·2024-02-07 04:38

a-table自定义展开图标

原文来自：vue修改ant中table表格的展开图标树形表格expandIcon自定义图标0">{props.onExpand(props.record,e);}">{props.onExpand

浅影歌年·2024-02-07 03:37

ant a-table 表格校验行内校验，树形表格，展开行校验

绑定的name值:{{record.namePath}}import{ref}from'vue';constformRef=ref();construles=ref({requiredStr:[{required

浅影歌年·2024-02-07 03:05

推荐频道

前端学习之路—Vue