样式 播放器 音乐vue

整一个B站私信自动发送系统(Spring Cloud Alibaba + Vue)(二)

前文 https://www.cnblogs.com/sefuture/p/16665753.html 写在前面 由于太久太久没整,以及工作太忙,这个计划以及搁置好久,其实也进行了一些更新,但是和预想的偏差还是很大 整体刨除了Spring Cloud,仅保留Boot基础功能,另外新增了直播间礼物监听 ......
私信 Alibaba Spring 系统 Cloud

vue3+ts 报错 Cannot find module '../xxx/xxx.vue' or its corresponding type declarations(找不到对应的模块“@/views/xxx.vue”或其相应的类型声明)

解决方法在env.d.ts中加入下面代码 declare module '*.vue' { import { DefineComponent } from "vue" const component: DefineComponent<{}, {}, any> export default compo ......
vue xxx corresponding declarations 模块

安装好插件,启动vue项目过程中报错:error Component name "Home" should always be multi-word vue/multi-word-component-names

在package.json中找到rule 添加如下两个字段即可: "vue/multi-word-component-names":0, "no-unused-vars": "off" 添加完记得重新启动项目 ......

AspNetCore + VUE - 跳转小程序wx-open-launch-weapp

1.页面使用Vue结合微信开放标签 注意事项:<script> 标签,使用 <div v-is="'script'" type="text/wxtag-template"> 标签代替 style样式,直接写在标签内 @addTagHelper *, Microsoft.AspNetCore.Mvc. ......

学习VUE第一天-环境的搭建

1.创建 vue项目 流程: 1) 2) 3) 4) 5) 6) 7) 8) 9) 等待创建完毕后 cd 项目名称 进入项目内部 然后 2.启动项目 npm run serve 3.删除(不是必须)默认提供的 vue文件,记住,删除要把router.js中的路由清空掉,不然会报错 4.可以在vue. ......
环境 VUE

vue的混入mixin

功能:可以说把各个组件共用的配置提取成一个混入对象 使用方式 第一步订阅混合,例如: const obj = { data(){...}, methods:{...}, ... } 第二部使用混合,例如: 1、引入对象 import xxx from "..." 2、使用混入 (1).全局混入:Vu ......
mixin vue

vue3全局注册的另一种方式——插件注册

1. 新建一个index.ts,用于管理所有全局组件 // 引入项目中全部的全局组件 import SvgIcon from "./SvgIcon/index.vue"; import Pagination from "./Pagination/index.vue"; // 全局对象 const a ......
全局 插件 方式 vue3 vue

vue的插件使用

vue 插件功能:用于增强Vue 本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。 1、定义插件: 对象.install = function(Vue,options){ // 1、添加全局过滤器 Vue.filter(....) ......
插件 vue

视频播放 video标签的使用

vue3.0项目中,引入了videojs,使用video。 npm install --save video.js video 标签 <video id="my-video" class="video-js" controls preload="auto" poster="/img/news/new ......
标签 video 视频

系统化学习前端之Vue(vue2 组件通信)

## 前言 前文 vue2 基础中聊过,页面本质是 DOM 树,而在vue2 中 组件 = vm 实例对象 = DOM。因此,页面其实也是组件树构成,组件之间形成父子关系,兄弟关系等,相互之间通信也是组件树的必须要求。 ## vue2 组件通信 组件通信即组件之间的数据传递。 ### props 和 ......
前端 组件 系统 vue2 Vue

Vue3 如何让代码变得清新优雅,代码洁癖患者进!(2)

将 搜索 功能单独封装成组件, **如果你想问这又是何必呢?** 未经他人苦莫劝他人善! 就是要封装,不想看见一坨一坨的代码。 **温馨提示:** 在 搜索组件中,搜索条件初始值获取 ruote.query 获取,这样刷新浏览器依然可以保留上一次的数据, 注意,搜索条件里没有 pageNum 和 p ......
代码 洁癖 患者 Vue3 Vue

Vue3 如何让代码变得清新优雅,代码洁癖患者进!(3)

将 含有 表单的弹窗 单独封装成组件, **如果你想问这又是何必呢?** 未经他人苦莫劝他人善! 就是要封装,不想看见一坨一坨的代码。 **温馨提示:** 若依 获取字典方法还是很好用的, 但是要放在 初始化数据( 方法 init )的时候使用,proxy.useDict,避免字典重复加载!已加载的 ......
代码 洁癖 患者 Vue3 Vue

Vue3 如何让代码变得清新优雅,代码洁癖患者进!(4)

列表页面 来啦! **温馨提示:** 在 列表页面中,使用 若依的分页组件: Pagination,图片预览组件:ImagePreview,标签组件 DictTag ,还有公共方法 parseTime 等等 对若依 respect ! 搜索 或 翻页时 通过 router.push 跳转路由,使用 ......
代码 洁癖 患者 Vue3 Vue

Vue3 通过ossId 调用接口获取文件信息,多个或单个

天呐,离谱了兄弟们! 关于文件上传的问题,在表单提交的时候,对于上传的文件要,新增或修改的接口要传 ossId,但是回显的时候又没有给我 ossId,只有文件信息,导致修改的时候就有问题。还有多文件的时候,多个就让我传 文件路径,单个就传 ossId。 我信你个鬼! 直接让后端回显的时候不要给我返回 ......
单个 接口 多个 文件 ossId

Vue 用户30分钟未操作,页面跳转到登录页

<template> <div id="app"> <router-view ></router-view> <TipDialog v-if="tiptype"></TipDialog> </div> </template> <script> import TipDialog from "@/com ......
页面 用户 Vue

vue中清除Cookie方法

delCookie() { var cookies = document.cookie.split(";"); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; var eqPos = cookie.indexOf ......
方法 Cookie vue

vue消息订阅与发布

1.点一下加号: 2.安装第三方库:(pubsub-js,实现消息发布订阅也可以用其他库) 3.从收数据的人引入库“【引入之后的pubsub是一个对象,对象身上有很多有用的方法】 4.收数据的人订阅消息:【subscribe后面两个形参,第一个为消息名,第二个才是消息内容】 还需要注意订阅消息的人最 ......
消息 vue

WPF.Basic.样式基础及控件模板

合集 - WPF 从入门到放弃(3)1.WPF 入门笔记 - 01 - 入门基础以及常用布局05-202.WPF 入门笔记 - 02 - 布局综合应用05-283.WPF 入门笔记 - 03 - 样式基础及控件模板06-03收起 🥑原学习路线是按照圣殿骑士的《WPF基础到企业应用系列》的路线走的, ......
控件 样式 模板 基础 Basic

样式和Flex学习材料

React Native 的样式其实很简单,所有的核心样式在的源码中只有 1 份声明文件 StyleSheetTypes:https://github.com/facebook/react-native/blob/8bd3edec88148d0ab1f225d2119435681fbbba33/Li ......
学习材料 样式 材料 Flex

vue3 列表循环使用及key用法

<template> <div> <p v-for="(item,index) in names" :key="index">{{item}}{{index}}</p> </div> <div v-for="value,key in results">{{key}}-{{value}}</div> ......
vue3 vue key

去掉input type=file的默认样式

去掉input type=file的默认样式 解决: 加style="opacity: 0;"变成透明的 然后可以外面套个div,在div上自定义样式。 ......
样式 input file type

华语流行音乐歌单下载

精选1990~2023年华语流行音乐歌曲 歌单(太长 截图部分)共计38G,1376首, 全部无损格式,平均大小约30M大小 (仅需拾元)有需要添加微信 632151651可送免费下载vip音乐方式。(教你获取百度网盘会员方式拉满下载速度) ......
歌单 流行音乐 音乐

vue3 条件判断语句及v-if与v-show 区别

<template> <div v-if="type 'a'">aaa</div> <div v-else-if="type 'b'">bbb</div> <div v-else>ccc</div> <div v-show="flag">111</div> </template><script> e ......
语句 条件 v-show vue3 v-if

vue前端model和data强关联

![](https://img2023.cnblogs.com/blog/1648896/202306/1648896-20230604221227543-1328337896.png) 如果不关联会报错, 且错误不好找! ![](https://img2023.cnblogs.com/blog/1 ......
前端 model data vue

vue3元素标签属性的绑定

<template> <div v-bind:id="main" v-bind:class="message">aaa</div></template><script> export default{ data(){ return{ message:'active', main:'mainid' } ......
属性 元素 标签 vue3 vue

Vue基础

[toc] # 一 属性指令 | 指令 | 释义 | | : : | : : | | v-bind | 直接写js的变量或语法(不推荐) | | : | 直接写js的变量或语法(推荐) | ```python # 标签上 name id class src href ,height 属性 如果这样, ......
基础 Vue

Vue3 模板语法学习

<template> {{message}} {{number+1}} {{ok?'yes':'no'}}</template><script> export default{ data(){ return{ message:'aaa', number:10, ok:false } } }</scr ......
语法 模板 Vue3 Vue

Vue介绍

[toc] # 一 前端的发展史 1. HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 - javascript=E ......
Vue

python获取视频大小并播放

# coding=gbk import time import cv2 cap = cv2.VideoCapture("D:\\jc\\Myself\\video\\Hacker_glasses_07_Videvo.mov") # 读取文件 # 获取视频宽度 frame_width = int(ca ......
大小 python 视频

基于 Vue3 + TS 的前端结构

效果预览: ![](https://img2023.cnblogs.com/blog/3214089/202306/3214089-20230604204034093-1526814837.png) ![](https://img2023.cnblogs.com/blog/3214089/20230 ......
前端 结构 Vue3 Vue TS