样式 播放器 音乐vue
python使用 flask+vue 制作前后端分离图书信息管理系统
哈喽兄弟们，今天咱们来用Python实现一个前后端分离的图书信息管理系统。 制作前后端分离图书信息管理系统的思路： 1、前端部分 首先，我们可以使用 VueJS 作为前端框架，并通过 Vue CLI 工具进行创建和管理项目。 2、后端部分 后端部分我们可以采用 Python Flask 框架,这个框 ......
Vue3+Element-Plus安装及模拟增删改查
软件安装：nodejs16 https://nodejs.org/download/release/v16.20.0/ 将npm设置为淘宝镜像： npm config set registry https://registry.npm.taobao.org 创建vue3项目： npm init vu ......
【python爬虫案例】用python爬豆瓣音乐TOP250排行榜！
[toc] # 一、爬虫对象-豆瓣音乐TOP250 今天我们分享一期python爬虫案例讲解。爬取对象是，豆瓣音乐TOP250排行榜数据：https://music.douban.com/top250 ![豆瓣音乐TOP250页面](https://img2023.cnblogs.com/blog ......
tinymce富文本编辑器在vue2使用
参考https://blog.csdn.net/LJJONESEED/article/details/127863020 1.下载 ``` npm i tinymce@5.10.3 @tinymce/tinymce-vue@3.2.8 -S ``` 2.在node_modules中找到tinymce ......
Vue登录流程
知识点：token存储、路由守卫拦截、请求拦截 一、前端存储token 存储到状态管理中==》为了做变量判断 存储到cookie中==》设定过期时间 二、请求拦截 发送请求，获取个人信息，前端需要带有token，后端则返回需要的信息 需要单独的封装一个请求类，将token封装进去 三、路由守卫拦截 ......
【前端教程01】用原生js实现一个轮播，支持自动播放
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ......
vue3+ts 分页hooks封装
import { reactive } from "vue"; export interface IPageInfo { pageNum: number; pageSize: number; totalCount: number; } export interface IUsePageReturn ......
vue富文本编辑器推荐
https://m.geekku.com/spec/vue/1574.html 我项目中用的TinyMCE，如果安装过程遇到报错，可能是版本问题，请看原链接评论区置顶第1条 https://blog.csdn.net/yzding1225/article/details/119561821?ops_ ......
Nginx配置搭建m3u8格式的视频播放服务
本文采用Nginx+FFmpeg来进行m3u8格式的视频播放服务 FFmpeg概念介绍 FFmpeg是一个开源的计算机程序，可以用来记录、转换、编辑和流化数字音频和视频。FFmpeg的名称来自MPEG视频编码标准，前面的“FF”代表“Fast Forward”。FFmpeg既是一个程序库，也是一个命 ......
通过CSS样式缩放图片导致图片模糊的解决方案
在进行前端页面开发的过程中，通过使用CSS对图片进行等比例缩放，存在会使图片失真的情形。这种情况有点违反我们的通常认知，毕竟放大图片会使图片失真这很正常，但是缩小图片通常应该会使图片变清晰才对。目前我查找了很多资料都还没发现哪篇文章有深入分析其中的原理，姑且认为这是浏览器根据CSS样式显示图片的策略 ......
带有 Spring Boot 后端的 Vue.js 前端
1. 概述 在开始本教程中，先推荐1个SpringBoot+Vue前后端分离Java项目，本项目是一个大型互联网金融项目，采用Spring Boot , Dubbo 微服务的架构，包括多个独立的微服务，micr-common个公共服务，micr-web服务，micr-database数据库服务，mi ......
vue3 el-dialog 的底部按钮居中
需要在el-dialog 外前台一层div 代码如下 ``` 这里写具体业务逻辑 取消 保存草稿 保存并提交 ``` css 代码如下 ``` ``` ......
vue高德地图实现播放暂停功能，支持快进快退，播放倍数设置
高德地图实现具体功能如图 具体实现思路如下: <div class="playAnimation"> <table width="100%" style="" border="0"> <tr class="info_play"> <td>{{ currentMileage / 10 }} KM / ......
前端面试真题-vue（一）
1.说说对vue的理解 （1） vue.js是一种用于创建用户界面的渐进式的javascript框架 （2）也是用于创建单页面应用的web应用框架。 （3）vue的核心库只关心视图层，使得数据和视图的双向绑定变得快捷 （4）由于vue的核心库只关心视图层，所以不仅可以与其他库和现有项目整合，也可以添 ......
tinymce:配置编辑器内的样式(tinymce 6.5.1)
一，问题:tinymce编辑器内的段间距过高 如图: 问题原因：编辑器内使用了自有的css样式 二，解决: 在tinymce初始化时用content_style来指定样式 <script> tinymce.init({ language: 'zh_CN', //注意大小写 selector: '#m ......
vue项目因修改环境变量导致生产包体积过大
前言： 最近接触一个比较大的vue项目，发现打包后的项目文件体积很大，最大的的一个js有17M，于是用 Vue CLI report 分析一下 Vue CLI（@vue/cli）自带的 webpack 包体积优化工具，它可以查看各个模块的 size 大小，方便优化。只需要在 build 后面加上 - ......
vue-elemen表格的表头增加自定义问号描述，render-header传自定义参数
# 一、要实现的效果  需要实现的问题 - 表头增加问号❓ - 一个表单多个表头，描述文案不同 # 二、实现 ......
Vue2电商实战项目(七)收尾补充
### 表单验证: ```vee-validate```插件 - 安装 ``` - npm i vee-validate@2 --save // 安装'2'版本的 ``` - 插件``` 模块化``` ``` ### plugins.validate.js import Vue from 'vue' ......
教你如何用Vue3搭配Spring Framework
摘要：在本文中，我们将介绍如何使用Vue3和Spring Framework进行开发，并创建一个简单的TodoList应用程序。 本文分享自华为云社区《Vue3搭配Spring Framework开发【Vue3应用程序实战】》，作者：黎燃。 一、介绍 Vue3和Spring Framework都是现 ......
使用vue cli 5.0 在vscode中运行vue命令报错
1、运行 vue -- version 报错 2、在cmd 命令行 执行 vue --version 正常 3、在终端中输入 get-ExecutionPolicy，查看当前权限 4、执行 set-executionpolicy remotesigned 命令设置为可用模式，但是报错 5、使用管理员 ......
图书商城项目练习①管理后台Vue2/ElementUI
本系列文章是为学习Vue的项目练习笔记，尽量详细记录一下一个完整项目的开发过程。面向初学者，本人也是初学者，搬砖技术还不成熟。项目在技术上前端为主，包含一些后端代码，从基础的数据库（Sqlite）、到后端服务Node.js（Express），再到Web端的Vue，包含服务端、管理后台、商城网站、小程... ......
VUE框架组件中通信方式(5)
//vuex:集中式管理状态容器,可以实现任意组件之间通信！！！ //核心概念:state、mutations、actions、getters、modules //pinia:集中式管理状态容器,可以实现任意组件之间通信！！！ //核心概念:state、actions、getters //pinia ......
vue列表页返回数组错误Invalid prop: type check failed for prop "data". Expected Array, got Object
一个vue列表页接收后端数组时是这样写的： this.list = response.data 返回如下错误： Invalid prop: type check failed for prop "data". Expected Array, got Object 意思是希望返回一个数组但实际得到一个 ......
Vue Router 源码分析
最终成果，实现了一个可运行的核心路由工程：柏成/vue-router3.x。地址如下：https://gitee.com/lbcjs/vue-router3.x ......
前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版
#### 前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13266 #### 效果图如下: ![](https://p3-juejin.b ......
如何通过音乐数字化实现创新的音乐数字发行
作者：禅与计算机程序设计艺术 《如何通过音乐数字化实现创新的音乐数字发行》 ## 1. 引言 1.1. 背景介绍 随着数字音乐市场的快速发展，音乐数字化已成为音乐产业的重要组成部分。为了满足用户多样化的需求和提高音乐产业的经济效益，音乐数字化发行已成为一种趋势。传统的音乐发行方式主要依靠实体介质，如 ......
vue-props-props是只读的
# props是只读的 vue规定：组件中封装的自定义属性是`只读的`，程序员`不能直接修改`props的值。否则会报错 ```JS Count 组件 count的值是:{{ count }} +1 ``` 要想修改props的值，可以`把props的值转存到data中`，因为data中的数据都是可 ......
vue-props-为count组件声明props自定义属性
# 组件的`props` props时组件的`自定义属性`，在`封装通用组件`的时候，合理地使用props可以极大的`提高组件的复用性`！ ```JS Count 组件 count的值是:{{init}} +1 ``` ......
vue2+element-ui国际化实战不刷新页面
# 背景 有的时候我们做的项目需要支持中英文切换，那么我们就需要使用到`vue-i18n`插件 # 步骤 ## 安装以及挂载 1. 安装`vue-i18n`依赖 ```shell npm i vue-i18n@8 ``` 2. 在`src`同级的目录下创建`language`文件下，在`langua ......
在vue文件中使用 deep深度选择器
# 使用场景 有的时候我们需要在父组件中去修改第三方组件或者子组件的样式就会使用到`deep深度选择器`。比如：App组件中定义了.title的样式，也想让Test子组件中的.title也应用对应的样式 ![](https://img2023.cnblogs.com/blog/724275/2023 ......