样式 播放器 音乐vue

播放进度统计优化方案

......
进度 方案

Vue之后端交互、计算、监听、组件间通信

一、与后端交互三种方式 1、 2、 3、 4、小电影案例 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdeli ......
组件 Vue

vue:安装使用screenfull(screenfull@6.0.2/ vue@3.3.4)

一,官方站: 官网地址: https://sindresorhus.com/screenfull/ 代码地址: https://github.com/sindresorhus/screenfull.js 二,安装: 1,安装 root@lhdpc:/data/vue/responsive# npm ......
screenfull vue

vue3 组件

学习随笔(Vue3 组件) 该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的,Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
组件 vue3 vue

vue:安装使用nprogress(vue@3.3.4)

一,官方地址: 官方站: https://rstacruz.github.io/nprogress/ 代码站: https://github.com/rstacruz/nprogress 二,安装/引入: 1,安装 root@lhdpc:/data/vue/responsive# npm insta ......
vue nprogress

vue:run时报错:EACCES: permission denied(vue@3.3.4)

一,报错信息: [eslint] EACCES: permission denied, open '/data/vue/responsive/node_modules/.cache/eslint/43541cdc.json’ 如图: 二,解决 切换拒绝访问的文件的owner liuhongdi@lh ......
permission vue 时报 EACCES denied

直播平台搭建,使用vue-pdf 实现pdf在线预览并且自定义预览框高度

直播平台搭建,使用vue-pdf 实现pdf在线预览并且自定义预览框高度 .pdf-preview { height: 100%; } ​ 解决方案:提高指定样式的应用优先权(优先级) .pdf-preview { height: 100%; } // 穿透vue-pdf插件中的canvas样式 . ......
pdf 高度 vue-pdf 平台 vue

Vue-与后端交互的三种方式、箭头函数

与后端交互的三种方式 前后端需要打通 》从前端发送ajax 》ajax的核心:使用js发送http请求,接收返回 - 原生js,可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写) - jq,写了个兼容所有浏览器的 $.ajax(),不仅仅有ajax,还封装了很多dom操 ......
箭头 函数 方式 Vue

3-web前端 css 网页样式语言,基础语言、盒子模型、浮动

html和css的关系: HTML(HyperText Markup Language,超文本标记语言)是用于创建网页的标准标记语言。它负责定义网页的结构和内容。HTML使用各种标签来包含文本、链接、图 片、视频等元素,并可以与如JavaScript等其他技术结合使用,实现网页的动态功能。 CSS ......
语言 前端 盒子 样式 模型

vue3中的axios进行封装代理的使用(webpack)

1.安装axios npm install axios 2.在util文件夹下新建axios.js文件,用来处理axios拦截器 axios.js内容:(注意:其中router需要写成这种形式,不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
webpack axios vue3 vue

Vue中的watch和mounted的区别

功能不同:watch是用来监听数据的变化,当数据变化时执行异步操作或开销较大的操作;而mounted是在Vue实例被挂载到DOM后执行的函数,主要用于初始化数据和操作DOM。 执行时间不同:watch是当数据变化时执行,而mounted是在组件被挂载到页面上后执行。 总的来说,watch更适合用来监 ......
mounted watch Vue

12-Vue核心-绑定样式

class 与 style 绑定 1)在应用界面中,某个(些)元素的样式是变化的 2)class / style 绑定就是专门用来实现动态样式效果的技术 class 绑定样式 写法: v-bind:class = "xxx" 或 :class = "xxx" ,xxx 可以是字符串、对象、数组 1) ......
样式 核心 Vue 12

VUE 给table添加index

el-table :data="data" :row-class-name="tableRowClassName" tableRowClassName({row, rowIndex}) { row.index = rowIndex; }, ......
table index VUE

vue前端图片上传并显示

今天完成了vue前端对数据库中图片的显示,并可以对上传的图片添加到数据库中 添加 修改 数据库信息 ......
前端 图片 vue

vue的目录结构和简单的开发流程(只有最简单的一部分)

通过将Vue挂载到app上,然后再放到div上面 ......
流程 只有 结构 目录 vue

10 文本样式

表示颜色:1.单词 2.rgb 3.rgba:a:透明度 文字居中:左右居中:text-align: center 上下居中:行高=块高 文本装饰:下划线,中划线,上划线 ......
样式 文本 10

Vue-js循环方式、v-model的使用、事件处理、表单控制、购物车案例

js循环方式 在es6语法中:(以后尽量少用var有很多坑) - let:定义变量 - const:定义常量 1. 方式一:for循环,基于索引的循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl ......
表单 购物车 案例 v-model 事件

Vue之js循环方式、v-model 的使用、事件处理、表单控制、购物车案例、v-model修饰符

js循环方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js循环方式</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6. ......
v-model model 表单 购物车 案例

vue-dayu03

js循环 方式一:基于索引的循环 <script> let i=0 for (;i<10;){ console.log(i) i++ } let good_list = [1, 2, 3]for (let j = 0; j < good_list.length; j++) { console.log ......
vue-dayu dayu vue 03

Vue基本使用

一 模板语法 插值语法:{{变量,js语法,三目表达式}} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插值</title> <script src="https://cdn.jsdelivr.net/n ......
Vue

vue2项目创建

vue2项目 基本安装 vue creare 项目名 cd 项目名 code . 按照其它模块 element-ui npm i element-ui -S 在 main.js 中写入以下内容: import Vue from 'vue' import App from './App.vue' im ......
项目 vue2 vue

Vue的介绍

一 Vue简介 Vue(读音 /vjuː/,类似于 view) 是一套用于构建用户界面的 渐进式框架 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用 Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 官网:https://cn.vuejs.org/ 二 Vue ......
Vue

Vue多层级组件传递动态具名插槽

这里以一个table组件的二次包装为案例,父组件中使用子组件(table组件)再次包装: Vue2: 子组件,inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......
多层 组件 动态 Vue

Python 之 爬虫实战 -- 免费音乐下载器

【Tkinter界面化小程序】用Python做一款免费音乐下载器、无广告无弹窗、清爽超流畅哦~ 思路 进入某音乐主页输入任意歌手,比如李XX为列。 音乐从哪里来? 网站的服务器里 怎么从网址里得到音乐? 向网站发起网络请求 最后用tkinter做成一个界面下载框即可 环境 本文用到的环境如下:Pyt ......
爬虫 实战 音乐下载 Python 音乐

Python 之 爬虫实战 -- 爬某音乐歌曲及评论信息

使用Selenium爬某音乐歌曲及评论信息啦~ Selenium简单介绍 1)简介 Selenium是一个用于测试网站的自动化测试工具,支持各种主流界面浏览 器。简而言之,Selenium是一个用来做网站自动化测试的库,它的定位是做 自动化测试的。我们也可以利用它来做爬虫,获取一些网页信息,并且这种 ......
爬虫 实战 Python 歌曲 信息

Vue学习七:自定义创建项目和vuex

一、自定义创建项目 默认的项目有很多包不全,需要的时候还要导包搭架子,因此我们可以自定义创建项目。 选择的项目按照自己需要的设置,可参考如下参数设置。(eslink是一种代码规范) 二、vuex 1、vuex概述vuex是一个vue的状态管理工具,状态就是数据。大白话: vuex 是一个插件,可以帮 ......
项目 vuex Vue

Vue3+vite路由配置优化(自动化导入)

今天在维护优化公司中台项目时,发现路由的文件配置非常多非常乱,只要只中大型项目,都会进入很多的路由页面,规范一点的公司还会吧路由进行模块化导入,但是依然存在很多文件夹的和手动导入的问题。 于是我想到了我之前使用vuex时进行的模块化自动导入js文件,能不能使用到自动导入.vue文件中去,答案是可以! ......
路由 Vue3 vite Vue

如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js?

H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流,并且已实现网页端实时录像、在 ......
流媒 流媒体 EasyPlayer 框架 播放器

vue 的 name 和最外层 class命名也需要保证唯一性

平时为了赶工期,在画页面的时候,会复制框架里面相同样式的页面,直接Ctrl+A Ctrl+C Ctrl+V 然后修改字段。 这样写节省不少时间,也提高了效率。 但是是有隐患的, 首先是vue的name,挺重要的比如keepalive时候,exclude include 的name就需要保持一致。(之 ......
唯一性 外层 class name vue

vue + ElementUI 表格表头筛选数据过多,让筛选框显示滚动条

代码参考: .el-table-filter { max-height: 300px; overflow: auto; } 因为,表头筛选功能是引入的element ui的第三方组件,当我们的样式写了scoped进行了样式管控只适用于当前组件时,而又不想去除scoped属性造成组件之间的样式覆盖。这 ......
表头 ElementUI 表格 过多 数据