three vue js

Vue:组件拖拽

##vue-drag-resize组件拖拽库 [vue-drag-resize](https://github.com/kirillmurashov/vue-drag-resize.git) 支持拖拽和缩放两个大动作,轻量级,无依赖,功能扎实,适合需要缩放的应用场景。 无依赖,轻量级 操作可联动 支 ......
组件 Vue

Vue:$parent

##什么是$parent 在 Vue.js 中,`this.$parent` 是组件实例的一个属性,用于访问当前组件的直接父组件实例。它提供了一种在子组件中与父组件进行通信和交互的方式。 当一个组件被创建时,Vue.js 会在内部为该组件创建一个组件实例,并建立组件之间的父子关系。每个组件实例都具有 ......
parent Vue

Vue封装组件并发布到npm仓库

# 前言 使用Vue框架进行开发,组件封装是一个很常规的操作。一个封装好的组件可以在项目的任意地方使用,甚至我们可以直接从npm仓库下载别人封装好的组件来进行使用,比如iview、element-ui这一类的组件库。但是每个公司的业务场景可能不同,开发人员还是得必须封装自己得组件,如果换了一个项目, ......
仓库 组件 Vue npm

JS中数组的22种常用API

##一、引言 前端开发中,数组是一种常见且重要的数据结构。数组提供了许多便捷方便的方法来操作和处理其中的数据。本文将简单介绍前端开发中数组的常用API。 ##二、22种常用方法 ###2.1、push() 和 pop() 1. push()方法用于向数组末尾增加一个元素,并返回数组最新的长度。 `` ......
数组 常用 API

js 使用get 接口如何传递 特殊字符给后端,类似 # 等特殊字符

今天开发遇到个问题。用户输入了 # 怎么把文本完整的传递给后端 如果直接传输就会出现 # 之后的东西全都没有, 解决方法如下: 1,使用其他特殊字符代替,使用replaceAll // 使用replaceAll 替换所有 #,然后后端再替换回来 let newStr = newQue.replace ......
字符 接口 get js

JS传wav文件给后台

```HTML 开始录制 ``` ```javascript let recordButton = document.getElementById('recordButton'); let mediaRecorder; //媒体实例 let chunks = [];//语音文件 let isReco ......
后台 文件 wav

多端全栈项目实战:大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3

多端全栈项目实战:大型商业级代驾业务全流程落地SpringCloudAlibaba+Mysql+Redis+Docker+Uniapp+Vue3 随着移动互联网的快速发展和智能手机的普及,代驾服务成为了一个日益火热的行业。在这个行业中,如何构建一个具备商业级可靠性和扩展性的代驾业务系统成为了关键问题 ......

JS必学的11个工具方法(避免重复造轮子)

1. 计算距离下次生日还有多少天 注意这里借助 moment 实现 getBirthdayFun(){ // 首先要获取到今年的生日 let birthdayTime = moment().format('YYYY-') + '12-19' // 通过时间戳 去判断当前的时间戳是否大于今年生日的时间 ......
轮子 工具 方法

绝无仅有的SpringBoot+Vue前后端分离项目《盈利宝》

​每天都在制造矛盾并解决矛盾的路上 程序员的主要矛盾 不是书和资料多不多的矛盾 而是学着学着发现知识又更新了 时间就像一台永不停歇的永动机 向前不停地运作 年初的flag渐行渐远 管他前浪,还是后浪? 能浪的浪,才是好浪! 今天带你解锁 Springboot+Vue项目 花了很长时间从头到尾 从无到 ......
SpringBoot 盈利 项目 Vue

js-遍历两个对象数组,属性值相等的一项合并属性并生成新数组

operatData.value.seriesList = res.data.seriesList.reduce((accumulator, current) => { const existing = userOptionsColor.find(item => item.name current. ......
数组 属性 对象 两个 js

vue中router-link路由携带参数跳转

在对应的路由模块儿中 ``` path: 'courseList/:id?' ``` router-link中书写方法如下 ``` 跳转按钮 ``` ......
路由 router-link 参数 router link

uni.app上传视频vue2 es6

上传视频可以使用uni.app里面的api let self = this; uni.chooseVideo({ count: 1, sourceType: ['camera', 'album'], success: function(res) { console.log(res) self.sho ......
视频 vue2 uni app es6

uni.app 给大家推荐一个 非常牛的 插件 上传图片 上传 word 上传xlsx 上传pdf 兼容vue2 vue3 微信小程序 h5 等等 地址放在下面了

插件 地址地址:https://ext.dcloud.net.cn/plugin?name=lsj-upload 兼容 vue2 vue3 微信小程序 等等 等等 图片放在下面了 使用方法 里面有介绍 又到了 码农 最 重要的时刻了 ctrl c ctrl v 大法 ......
vue 插件 地址 程序 图片

uni.app上传图片/上传七牛云 vue2 es6

uni.app上传图片 可以使用uni.app里面的api // uni.chooseImage({ // success: (chooseImageRes) => { // const tempFilePaths = chooseImageRes.tempFilePaths; // uni.upl ......
图片 vue2 uni app es6

如何解决uni-app上传图片提示打包未添加Camera模块? uni.app es6 vue2

可以在manifest.json来进行配置 这样就解决了 ......
uni app 模块 uni-app Camera

vue中封装服务器地址/接口与设置请求头

1. 设置请求头 首先创建一个放置服务器地址的js,如http.js,然后在http.js中引入axios `import axios from "axios";` 如果没有axios,需要先安装,npm i axios或者yarn add axois,然后重启服务器 ...直接上代码 点击查看代码 ......
接口 地址 服务器 vue

js 数组和链表分别实现队列

链表实现 /** * 链表实现队列 * 1.从尾入,头出 * 2.单独记录length */ class MyQueue { head = null; // 头 tail = null; // 尾 len = 0; add(n) { let newNode = { value: n, // 因为是最 ......
队列 数组 js

js 链路表和反向链路

/** * 数组转链路表数据 - {value: A, next: {value: B, next: {value: C}} * @param {*} list arr * @returns */ function createLink(list) { let length = list.lengt ......
链路 js

前端Vue自定义勾选协议组件 可用于登录 注册等场景

#### 前端Vue自定义勾选协议组件, 可用于登录 注册等场景, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13299 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-c ......
前端 组件 场景 Vue

前端Vue自定义登录界面切换tabs 账号登录验证码登录模版 支持手机号校验邮箱校验验证码发送

#### 前端Vue自定义登录界面切换tabs 账号登录验证码登录模版 支持手机号校验邮箱校验、验证码发送, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13298 #### 效果图如下: ![](https://p3-jue ......
前端 手机号 模版 账号 界面

js基础速成

## js记录 js中对象类型 object 创建对象 ```javascript var test=new object(); ``` 直接添加属性 ```javascript test.name='熊大' ``` 没有属性,系统不会报错 ,会返回 undefined 删除属性 delete te ......
基础

[GPT] Vue 的 methods 中使用了 addEventListener,如何在 addEventListener 的匿名函数参数中访问 Vue data 变量

在 Vue 的 methods 方法中使用 addEventListener时,你可以使用 箭头函数 来访问 Vue 实例的数据。 箭头函数不会创建自己的作用域,而是继承父级作用域的上下文。以下是一个示例: html <template> <button @click="attachEventLis ......
addEventListener 变量 函数 Vue 参数

原生JS滚动条触底

```js / console.log("UL的高度",main.clientHeight); // console.log("所有的LI的高度",main.scrollHeight); // console.log("可以滚动的距离",main.scrollHeight - main.client ......

[GPT] 如何让 vue-router 打开新窗口

在Vue Router中打开新窗口可以通过使用 <router-link> 组件的 target 属性来实现。将 target 属性设置为`"_blank"`将会在新窗口中打开链接。 以下是一个示例: html <router-link to="/example" target="_blank">打 ......
vue-router router GPT vue

vue:<img>动态绑定的路径无法解析问题

##问题 我们引用图片,正常的静态img 图片是这么引用的 ``` ``` 没问题,只要路径正确 在 vue中动态绑定路径` :src` ``` ``` 发现图片根本加载不出来,因为 `:src`根本不能解析`@/assets/img/icoms/people.png` ##解决方案 ###方案一 ......
路径 动态 问题 vue img

vane 一个适用于前端打工人的全栈框架,nodejs+vue3+typescript

# vane 写这个的初衷是因为每次用node写接口的时候总是需要一些写大一堆的东西, 也有些人把很多接口都放在一个js文件内, 看起来很是杂乱, 后来用到nuxt写的时候, 感觉用文件名来命名接口路径很是方便, 无论是query参数还是params参数,都可以通过文件名来命名, 也可以通过文件夹层 ......
前端 typescript 框架 nodejs vane

O2OA(翱途)开发平台如何在流程表单中使用基于Vue的ElementUI组件?

本文主要介绍如何在O2OA中进行审批流程表单或者工作流表单设计,O2OA主要采用拖拽可视化开发的方式完成流程表单的设计和配置,不需要过多的代码编写,业务人员可以直接进行修改操作。 在流程表单设计界面,可以在左边的工具栏找到ElementUI组件。 将对应的组件拖动到表单设计区域就可以创建组件了。下面 ......
开发平台 表单 组件 ElementUI 流程

vue中加入视频播放插件vue-video-player

1.安装 ,我试了一下直接安装最新版本是汇报错误的,所以指定5.0.1 npm install vue-video-player@5.0.1 --save 2.在main.js中添加 import VideoPlayer from 'vue-video-player/src';import 'vue ......
vue-video-player vue 插件 player video

Vue3 在主页中加入其它模板页template

模板页 在components目录下 新建 HeaderComponent.vue 文件 HeaderComponent.vue <template> <div > 元素 </div> </template> <script> export default { // 组件名称 name: 'Head ......
template 模板 主页 Vue3 Vue

JS逆向实战19——通杀webpack逆向

# 声明 本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除! # 网站 > 1. aHR0cHM6Ly9mb2dhbmctbS5pdG91Y2h0di5jbi9tZWRpYURldGF ......
实战 webpack