2024-02-23在上一篇文章我介绍了我的新项目——基于 SpringBoot 和 Vue.js 的权限管理系统，本文主要介绍该系统的部署。

https://www.qianduange.cn//article/2538.html 分类：前端知识

2024-02-23需要继续解决一些问题，问题一，进入页面的时候默认展示“订阅管理”这个子级的内容。问题二，在刷新的时候，选中的菜单不会改变（不会丢失）。(2)vue页面，他会根据当前地址栏的路径在这个组件的位置上给你展示。第二个问题，刷新之后保持不变，就是让activeIndex始终指向当前地址栏这个路径。对于问题一，重定向。也就是在进入该页面之前重定向到某个子级，。(1)在index.js中配置路由的时候作为导航页的子级。2.完成1之后，我们可以看到这个页面的基本结构如下图。_el-menu 路由的情况下改变页面

https://www.qianduange.cn//article/2536.html 分类：前端知识

2024-02-23记录一下在做项目过程中实现图片保存到数据库，并且可以修改图片的功能先来说说怎么简单实现图片上传到服务器这个功能文件夹摆放先在app文件夹的创建index.js，在其中定义一个路由（为了更好的模块化处理，直接用app.post也行）然后在router文件夹中创建一个images.js其中代码如下其中代码中有设置文件存储路径dest: "public/images"，这个文件夹你可以先创建也可以不创建，他会自动帮你创建，他接收的图片会在app文件夹中显示出来，如果报错没有此文件夹，你可以先创建。_vue上传图片保存到数据库

https://www.qianduange.cn//article/2513.html 分类：前端知识

2024-02-22推荐一个常用的数字滚动动画插件，jquery.counterup.js 该插件可以控制动画的延迟时间和动画过渡时间。引入 jquery.waypoints.js (点击下载)监听页面滚动事件。引入jquery.counterup.js (点击下载)数字动画插件。在页面添加js代码，$('.counter').countUp();在需要的滚动的数字上添加class类名counter作为数字的容器。从而实现页面滚动到数字可视窗口，实现让数字从零到指定数值的滚动。首先引入jQuery.js。_jquery countup

https://www.qianduange.cn//article/2505.html 分类：前端知识

2024-02-22NPM（Node Package Manager）是 Node.js 默认的包管理器，它是世界上最大的软件注册表之一，有超过 100 万个包（package）可供下载使用。NPM 可以让开发者轻松地分享、安装和管理 Node.js 中的代码包和依赖项，它是构建现代 JavaScript 应用程序的关键组件之一。除了作为 Node.js 的包管理器之外，NPM 也可以用于前端开发。在前端开发中，NPM 主要用于安装、管理和更新前端项目的各种依赖包，例如 Vue、React、Angular 等常用框架。_npm pnpm

https://www.qianduange.cn//article/2486.html 分类：前端知识

2024-02-22UniApp 运行到浏览器的时候，接口会跨域报错，这里通过两种方式解决，第一：修改Uniapp自带的manifest.json 源码视图并进行配置h5设置。第二：在项目根目录新建vue.config.js并配置代理。二选一即可。修改或调整配置文件后，推荐重新运行，以防不生效。配置完成后，请求接口显示的话，可以试试重启编辑器（尤其是 HBuilderX），再重新运行项目，如果还是不行就另外查查解决方案吧，网上有很多。_uniapp 代理

https://www.qianduange.cn//article/2481.html 分类：前端知识

2024-02-22Vue.config.js 配置报错 ValidationError: Invalid options object._validationerror: invalid options object. dev server has been initialized usi

https://www.qianduange.cn//article/2441.html 分类：前端知识

2024-02-21本文章主要讲述vue2开发可视化大屏,echars图形会随着浏览器窗口大小而自适应,用到了 .flexible.js 插件把屏幕分成24等分达到目的,公司需求是一个页面多个不同的图表.图表有些是相同的,所以我对图表做了个封装,以其中一个图表为例子1-把下载好的flexible.js,放在所需项目里,之后直接导入到可视化大屏页面即可2-页面分成24等分,以1920为例,1rem等于80px,把页面的px全部写为rem单位3-封装的echars代码如下,一个页面多个相同图表,就用ref的方式初始化实例,不然页面_vue2数据大屏怎么实现响应式

https://www.qianduange.cn//article/2431.html 分类：前端知识

2024-02-21深度监听是指不仅监听对象或数组本身的变化，还监听其内部嵌套属性或元素的变化。Vue中提供了一个选项deep，用于开启深度监听。当deep选项被设置为true时，Vue会递归地遍历所有属性，监听它们的变化。深度监听是Vue.js的一个有力特性，允许你在对象或数组的嵌套属性变化时做出响应。通过deep选项，你可以在数据结构的任何层次上实现深度监听，提高了Vue应用的灵活性和响应性。深度监听在处理复杂的数据结构、实时数据同步和用户界面的动态性等方面都非常有用，是Vue.js的一项重要工具。_vue深度监听

https://www.qianduange.cn//article/2420.html 分类：前端知识

2024-02-21关于如何调用video.js组件作为播放器实现视频播放功能，网上有很多相关帖子，这里就不详细展开了。但在众多帖子里面，都没有提到网页版video的控制栏播放按钮点击问题，特此留贴记录一番。关键点在于@play="videoPlay"和@pause="videoPause"这两个参数就是设置对应控制台播放暂停按钮点击方法。虽然通过别的代码已经实现了点击整个屏幕范围播放停止功能，但是对于这个控制栏按钮点击无效的小瑕疵，还是必须解决的。经过网上一轮搜寻，发现它可以有一些方法去实现这个按钮的点击。_js video,js获取不到控制条

https://www.qianduange.cn//article/2408.html 分类：前端知识