效果echarts项目vue
pnpm才是前端工程化项目的未来
## 前言 相信小伙伴们都接触过`npm/yarn`，这两种包管理工具想必是大家工作中用的最多的包管理工具，`npm`作为`node`官方的包管理工具，它是随着node的诞生一起出现在大家的视野中，而`yarn`的出现则是为了解决`npm`带来的诸多问题，虽然`yarn`提高了依赖包的安装速度与使用 ......
vue3项目安装依赖报错 npm ERR! code ERESOLVE
vue3项目安装依赖报错 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: element-plus@1.0.2-beta.71 npm ERR! Found: ......
maven创建web项目（springboot）
创建一个 Java 项目和创建一个 Web 项目在 IntelliJ IDEA 中有一些区别。 创建 Java 项目： 选择 "Java" 选项，并选择适当的 JDK 版本。 创建的是一个普通的 Java 项目，用于编写 Java 类、库和应用程序。 没有默认的 Web 相关依赖和配置。 创建 We ......
ECharts点击横坐标事件实现超链接跳转
> 需求：微博排行榜，横坐标展示出了微博对应的id，现在需要通过点击横坐标来实现跳转到对应的微博页面。 1. 设置横坐标中的triggerEvent属性为true； ``` xAxis: { ... triggerEvent: true, ... }, ``` 2. 添加on点击事件。 ``` th ......
vue-router 4.1.4版本以上，打开新页面并隐式传参
## 情景 1. 框架：Vue3 + Vite4 + VueRouter4.1.6 2. 需求：现需要实现点击打开新页面，并把一些数据传过去 3. 限制： - 数据量较大，有一定私密性，不适合用query传递； - 需要从session中获取token判断访问权限，因此需要用router.resol ......
肖sir__影音视频讲解___项目整理
一、参考链接 直播产品： 参考连接：https://www.axureshop.com/a/1401607.html 电商直播后台 二、项目简历： 项目名称：xx直播app 项目背景： 我们是一个基于后台管理的一套电商直播后台系统,让线下的实体户家电卖家通过网络的直播平台来开拓市场，使客户在了解产品 ......
Vue-自定义icon实现
在项目中引入了element-ui之后，发现其内置的icon有限，无法满足项目的需求，因此需自定义icon来实现需求。 1. 在vue项目的components下新建SvgIcon目录，在SvgIcon目录下新建index.vue ![image](https://img2023.cnblogs.c ......
vue基础用法-属性绑定指令
# 属性绑定指令 注意：插值表达式只能用在元素的**内容节点**中，不能用在元素的**属性节点**中！ 如果需要为`元素的属性`动态绑定`属性值`，则需要用到`v-bind`属性绑定指令。用法示例如下： 在vue中，可以使用 v-bind:指令，为元素的属性动态绑定值； 简写是英文的 `:` ``` ......
vue基础用法-内容渲染指令
# 1.指令的概念 `指令（Directives）`是vue为开发者提供的`模板语法`，用于`辅助开发者渲染页面的基本结构`。 vue中的指令`按照不同的用途`可以分为如下6大类： 1. `内容渲染`指令 1. `属性绑定`指令 1. `事件绑定`指令 1. `双向绑定`指令 1. `条件渲染`指令 ......
react初始化项目
**初始化基础的项目** ``` npm install -g create-react-app create-react-app my-app cd my-app npm start ``` ![](https://img2023.cnblogs.com/blog/1987782/202306/1 ......
数据治理核心保障数据质量监控开源项目Apache Griffin分享
数据开发和数据应用创造价值离不开数据的质量，数据质量管理是数据治理重要保障途径，Apache Griffin就是为解决数据质量监控而设计，本篇先了解Apache Griffin定义、特性和架构，然后通过官方提供docker-compose一键部署和体验，通过官网提供批处理和流处理演示操作，最后通过其... ......
vue系列---【vue 使用decimal.js 解决小数相加合计精确度丢失问题】
1. 使用 npm 安装 decimal.js 库 ```vue npm install decimal.js ``` 2.在 Vue 组件中引入该库 ```vue import Decimal from 'decimal.js'; ``` 3.使用示例 ```vue footerMethod({c ......
基于JAVA的springboot+vue财务管理系统，附源码+数据库+论文+PPT
**1、项目介绍** 随着信息技术和网络技术的飞速发展，人类已进入全新信息化时代，传统管理技术已无法高效，便捷地管理信息。为了迎合时代需求，优化管理效率，各种各样的管理系统应运而生，各行各业相继进入信息管理时代，财务管理系统就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程，本系统也 ......
vue2响应式原理
一、初识响应式原理 如果我们在 Vue 实例中声明过的数据发生了改变，那么所有用到这份数据的视图都会更新重新渲染，我们称这些数据就是响应式数据。响应式概括来说就是 数据驱动视图的自动更新。 <div id="app"> {{ obj.message }} </div> let data = { ob ......
初识Vue
### 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascri ......
ant design vue 下的a-input 使用v-decorator（修改数据）回显
a-input 使用v-decorator回显不应该用 v-model，可以使用 this.form.setFieldsValue 来动态改变表单值。 定义form：<template> <div class="main"> <a-form id="formLogin" class="user-la ......
uniapp 组件中使用页面的生命周期（vue2）
用于直接在组件中使用onLoad，onBackPress等 因为之前在写App的时候有许多弹窗，希望可以在有弹窗的时候先关闭弹窗，没有弹窗在执行返回事件，因此需要在页面onBackPress里面写很多判断，因此找了一些方法，写了可以直接在组件中调用页面生命周期的方法！ 使用mixin this.$c ......
通过实例了解vue3.3更新的特征
#### 开场白 ``` 5月份，vue团队发布了 vue3.3. 这次小版本的发布主要解决了-- Vue 与 TypeScript 一起使用时的许多长期存在的痛点. 下面我们一起来学习一下vue3.3新特征 ``` #### 准备新新特征的环境 ``` 根据官方团队的描述，我们需要准备一下工作。 ......
大型 3D 互动项目开发和优化实践
# 开发背景 得益于“元宇宙”概念在前段时间的爆火，各家公司都推出了使用 3D 场景的活动或频道。 ![https://img13.360buyimg.com/imagetools/jfs/t1/220303/24/28446/2896414/6476b7f1F5f42bd3a/029b1f997b ......
【Vue】 vue项目的目录结构
├── build/ # Webpack 配置目录 ├── dist/ # build 生成的生产环境下的项目 ├── config/ # Vue基本配置文件，可以设置监听端口，打包输出等 ├── node_modules/ # 依赖包，通常执行npm i会生成 ├── src/ # 源码目录（开发 ......
【CV项目法规】DMS的法规政策分析
前言 中国国家标准 中国国家标准GB/T 41797-2022 《驾驶员注意力监测系统性能要求及试验方法》已于 2022-10-14 发布，并将于 2023-05-01 正式实施。 国家标准|GB/T 41797-2022 欧盟法规标准 欧盟法规 EU 2021/1341 《驾驶员睡意和注意力警告系 ......
【Vue】的API风格_选项式API和组合式API
API 风格 API风格可分选项式API和组合式API。 选项是API (Options API) 使用选项式 API，可以用包含多个选项的对象来描述组件的逻辑，例如 data 、 methods 和 mounted 。 选项所定义的属性都会暴露在函数内部的 this 上，它会指向当前的组件实例。 ......
前端工程项目规范化
> 在 vue3 、ts、vite 项目中使用 eslint与prettier与stylelint与husky的详细指南 ## 创建项目 这里以vue项目为例 ```bash pnpm create vite my-vue-app --template vue-ts ``` 为什么需要eslint与 ......
【解决】Vue 高德地图自定义地图样式，无法显示、无法生效的问题
之前修改这个搜索框的样式，一直不生效，后面经过查找发现问题如下： 1、不能把样式放在scoped样式里面，还有就是不能写deep ......
项目汇报的正确打开方式
前几天接了个私活儿，帮一家To B企业为甲方的一个技术方案做在线支持和咨询答疑，其实就是根据甲方的需求，优化方案，然后做汇报，最终目的是为了签合同，达成交易合作。 在分析甲方需求和优化方案过程中，和这家To B企业的技术同学交流了很多，颇多感触。 这篇文章，我想聊聊在日常工作中，关于汇报的一些想法和 ......
Echarts——如何默认选中图表并显示tooltip
# 前言 [参考资料](https://echarts.apache.org/handbook/zh/concepts/event/#%E4%BB%A3%E7%A0%81%E8%A7%A6%E5%8F%91-echarts-%E4%B8%AD%E7%BB%84%E4%BB%B6%E7%9A%84%E ......
vue xlsx组件 导出的excel表头插入内容
主要就是sheet_add_dom这个方法， dom是带有table标签元素的dom节点。 timeData是个二维数组：[["条件1","条件2"]，["值1","值2"]]; 如果是要在表格内容行里面插入内容，可以直接在与表格绑定的对象上，插入内容就可以了。 /*timeData 是二维数组*/ ......
Vue路由中resetRouter重置routes的参数hidden时无法生效
记录：如题，当在静态的router中设置伪权限，即设置routes路由的参数hidden 代码如下： import store from "@/store"; // 伪权限，设置定时器的原因是router/index.js中无法及时拿到store var timer = setInterval(() ......