three vue js

Vue3 调用本地服务接口失败三次提示下载并安装本地服务

Vue3 调用本地服务接口失败三次提示下载并安装本地服务 Vue3 调用本地服务接口,如果失败,则再尝试调用 2 次,如果 3 次都失败了,就提示下载本地服务 exe 安装包,并提供下载链接,请告诉我实现的代码 以下是一个用于调用本地服务接口,并在失败时尝试重新请求,尝试重新请求 2 次,如果仍然失 ......
接口 Vue3 Vue

vue中的箭头函数 =>

1、无参数 var f = () => 5; // 等同于 var f = function () { return 5 }; 2、有参数 var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(num1, num2) { r ......
箭头 函数 vue gt

vue-element-admin报错Error: error:0308010C:digital envelope routines::unsupported的解决方案

安装vue-element-admin报错 node js Node.js v18.15.0 opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digi ......

Ant Design Vue 方法执行确认框实现

methods: { handleSync() { this.$confirm({ title: this.$t('Confirm2SyncMessage'), //提示内容 okText: this.$t('Confirm-OK'), //确定按钮文字 cancelText: this.$t('C ......
方法 Design Ant Vue

js中判断数据是否为数组的方法

Array.isArray( ),该方法返回一个布尔值 let arr = [1,2,3] Array.isArray(arr) // true 使用 instanceof 运算符判断是否为数组 let arr = [1,2,3] arr instanceof Array // true 使用 Ob ......
数组 方法 数据

Nginx 502 bad request | Docker | Node.js http-server

##场景 本地开发的 Vue 项目, 测试之后准备部署; 本地使用 http-server 正常运行; 服务器环境为: Docker 运行的 Nginx 和 Node.js 容器; 目标是将项目通过 Node.js 容器运行 Node.js 容器启动命令为 sudo docker run --nam ......
http-server request Docker server Nginx

动力节点老杜Vue框架教程【二】Vue核心技术

Vue.js是一个渐进式 MVVM 框架,目前被广泛使用,也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性,也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯! 学习地址:https://www.bilibili.com/video/BV17h41137i4/ 视 ......
节点 Vue 框架 核心 动力

Vue3---error xx should be on a new line

ESLint: ':render-header' should be on a new line.(vue/max-attributes-per-line) 此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的 "vue/max-attri ......
should error Vue3 line Vue

vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目

最后是完整的vite.config.ts、main.ts配置 1、先用vite创建一个项目 npm create vite@latest 2、安装element plus yarn add element-plus @element-plus/icons-vue vite.config.ts配置组件 ......
vue-router vue element 项目 router

使用Vue实现点击事件变颜色并且显示选中文字

首先需要引入Vue.js!!!!! 直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../static/vue.js"></script> < ......
颜色 文字 事件 Vue

老杜Vue实战教程完整版笔记(二)Vue核心技术

动力节点老杜全新版Vue教程笔记分享给大家 学习の地止:https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解,一步一个案例,知识点由浅入深,然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
整版 实战 Vue 核心 笔记

老杜2023最新Vue实战精讲(二)Vue核心技术

动力节点老杜全新版Vue教程笔记分享给大家 学习の地止:https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解,一步一个案例,知识点由浅入深,然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
实战 Vue 核心 技术 2023

vue3 拖拽操作学习

AS-Editor组件 git: https://gitee.com/was666/as-editor/tree/vue3.x/ 体验:http://was666.gitee.io/as-editor/#/home ......
vue3 vue

vue3中如何引入element-icon并使用

简单来说,步骤就是: 安装——注册——按需引入——使用 安装 # NPM $ npm install @element-plus/icons-vue # Yarn $ yarn add @element-plus/icons-vue # pnpm $ pnpm install @element-pl ......
element-icon element vue3 icon vue

JS中的继承

使用class extends 关键字js帮我们生成的继承关系图 如果我们想要实现上面的继承关系,要注意以下问题: 子类和父类的属性都在1中,怎么才能实现? 子类的constructor属性指向子类,怎么才能实现? 子类的原型方法和父类的原型方法,各自独立,分别在2和3中,怎么才能实现? 解决方法 ......

JS中的文件流

创建Blob new Blob(); Blob转化为URL window.URL.createObjectURL(blob);//DomString window.URL.revokeObjectURL(objectURL);//释放 怎么读取Blob文件 new FileReader(blob) ......
文件

js空值判断

js空值判断 参考:https://blog.csdn.net/yun_master/article/details/115015113 参考:https://blog.csdn.net/szl199107101035/article/details/123839403 ......

Vue2项目实战尚品汇 项目的路由分析

视频 5)路由的配置 vue-router 路由分为KV node平台(并非语言) 对于后台而言:K即为URL地址 V即为相应的中间件 http://localhost:8080/0607 app.get("/0607",(res,req)=>{ res.send('我是祖国的老花骨朵'); }); ......
项目 路由 实战 Vue2 Vue

Vue2项目实战尚品汇 项目的其他配置

视频 终止cmd的处理,快捷键:ctrl+c 清屏快捷键:cls VSCode添加新建文件夹的快捷键 Shift + A 3)脚手架下载下来的项目稍微配置一下 3.1:浏览器自动打开 在package.json文件中 "scripts": { "serve": "vue-cli-service se ......
项目 实战 Vue2 Vue

vue3-sign 手写签名组件

一个简易签名组件,基于vue3和canvas。 #安装 npm i @sangtian152/vue3-sign -S # or yarn add @sangtian152/vue3-sign 引入 在 main.js 中写入以下内容: import { createApp } from 'vue' ......
组件 vue3-sign sign vue3 vue

js 异步请求

//标签 $.ajax({ url: '/TagManager/MatchList', dataType: 'json', data: { functionId: $('#FunctionId').val() }, async: true, success: function (data) { ta ......
js

浏览器4行js代码自动读取IC卡号

BS架构软件集成IC卡读卡器,在前段只需要4行js代码即可实现自动读取IC卡卡号,在web上使用IC卡读卡器其实就是这么简单.首先安装友我IC卡读卡器web插件,这个web插件安装后之后goole浏览器,火狐,IE等浏览器, 然后插上IC卡读卡器YW-607HC,然后开始敲js代码了.引入相应的js ......
卡号 浏览器 代码

vue3+jointjs 使用模板添加元素

关于如何在 Vue3 和 JointJS 中使用拖拽模板来创建节点元素,可以按照以下步骤进行: 1. 安装 JointJS 使用 npm 进行安装: ``` npm install jointjs ``` 2. 在 Vue3 中创建 JointJS 容器 在 Vue3 中创建一个组件,用于创建 Jo ......
元素 模板 jointjs vue3 vue

前端vue使用jsencrypt进行RAS加密/解密

前端 安装: npm install jencrypt --sava 在utils下创建jsencrypt.js文件,内容如下: import JSEncrypt from "jsencrypt/bin/jsencrypt.min"; /** RSA秘钥对生成网站 http://web.chacuo ......
前端 jsencrypt vue RAS

【代理设计模式详解】C/Java/JS/Go/Python/TS不同语言实现

简介 代理模式(Proxy Pattern)是一种结构型设计模式,用一个类来代理另一个类或几个类的功能。 在代理模式中,我们创建具有现有对象的对象,以便向外界提供功能接口。 延迟初始化(虚拟代理)。如果你有一个偶尔使用的重量级服务对象,一直保持该对象运行会消耗系统资源时,可使用代理模式。 访问控制( ......
设计模式 语言 模式 Python Java

Vue2项目实战尚品汇 vue-cli脚手架初始化项目&项目结构解释

视频 下了vue vscode snippets,然后直接输入vbase就可以生成代码片段 2)脚手架使用 2: vue init webpack 项目的名字 3|4:vue create 项目名称 脚手架目录:public + assets文件夹区别 node_modules:放置项目依赖的地方 ......
项目 脚手架 实战 vue-cli 结构

How use the RegExp to filter IP address in js All In One

How use the RegExp to filter IP address in js All In One 如何使用 RegExp 在 js 中过滤 IP 地址 192.168.18.1 < 192.168.18.N < 192.168.18.255 ignore IPs: 192.168.1 ......
address RegExp filter How All

4.Vue 中的 ajax

4.Vue 中的 ajax 作用:使用代理服务器,解决开发环境 Ajax 跨域问题 4.1.配置代理 4.1.1.方式1 ​ 在vue.config.js中添加如下配置: devServer:{ proxy:"http://localhost:5000" } 优点:配置简单,请求资源时直接发给起前端 ......
ajax Vue

vue项目中引入echarts中国地图

最近项目中根据项目需求,展示中国地图 一、下载echarts插件(我这里使用的是 4.9.0 版本) npm install echarts@4.9.0 --save 二、在需要使用的页面引入echarts (这里是单独封装了地图组件) components/map.vue <template> < ......
中国地图 echarts 地图 项目 vue

vue2源码-十四、computed和watch的区别

computed和watch的区别 computed 和watch的相同点。底层都会创建一个 watcher(用法的区别:computed 定义的属性可以在模板中使用,watch 不能在视图中使用) computed 默认不会执行 只有取值的时候才会执行 内部会维护一个 dirty 属性,来控制依赖 ......
源码 computed watch vue2 vue