效果echarts项目vue
vue运行中，常出错，是因为版本不一样，造成的
这个是版本冲突造成的 在package.json中添加 set NODE_OPTIONS openssl-legacy-provider ......
vue实现用Element Table 展现数据T图
vue实现用Element Table 展现数据T图，废话不多少，直接上干货 <template> <div> <el-table :data="resultTable" style="width: 100%"> <el-table-column prop="id" label="日期" width ......
[Vue]监视属性watch
1. 当被监视的属性变化时，回调函数自动调用，进行相关操作 2. 监视的属性必须存在，才能进行监视！！（但不会报错） 3. 监视的两种写法: (1). new Vue时传入watch配置 (2). 通过vm.$watch监视 4. 只有handler的时候，可以简写 new Vue传入watch配置 ......
华为云服务器+前后端分离项目部署-下
在前面的教程中我们已经在本地环境中运行了前后端分离的项目，然而，这个前后端分离的项目需要让其他人都能访问到，所以，我们需要将其部署在华为云耀云服务器L实例上，地址（https://www.huaweicloud.com/product/hecs-light.html）这里面，我们购买了华为云耀服务器 ......
华为云服务器+前后端分离项目部署-上
这一期教程中，我们需要在华为云耀云服务器L实例上部署前后端分离的应用项目，前后端分离项目是一种常见的软件开发架构，它将前端和后端开发分离，使开发团队可以独立开发和维护两者，同时通过API或其他通信方式进行交互。这种架构的主要优点包括更好的团队协作、灵活性、可维护性和可扩展性。以下是前后端分离项目的一 ......
华为云服务器+前后端分离项目部署-中
在前后端分离的项目，我们将其部署在了华为云耀云服务器L实例上，在上一期的教程中，我们成功的部署了后端项目，并启动了后端服务，现在我们需要启动前端的服务。 启动一个基于Vue.js的前端应用通常涉及以下步骤： 1. 安装Node.js和npm：首先，确保你的计算机上安装了Node.js和npm（Nod ......
vue3 watch 多个值
1 watch([() => baTable.form.items!.userType, () => baTable.form.items!.totalUsage, () => baTable.form.items!.payCurr], (newValue, oldValue) => { 2 // ......
Linux基础41 全站https, 项目全站https, 阿里云负载均衡, 阿里云https
三、全站HTTPS 前端和后端所有的链接都是https 如下图(采用下面的方式, 上面的方式可以当没必要, 内部通讯没必要https) 1.环境准备 主机外网IP内网IP身份 lb01 10.0.0.4 172.16.1.4 负载均衡 web01 172.16.1.7 web服务器 web02 17 ......
vue中使用echarts详细步骤（柱状图、饼图、折线图、堆叠折线图）
1.安装 npm install echarts -S2.准备好有宽高的dom节点 <div class="my-charts"> <div id="my_bar_chart"></div> </div> .my-charts { > div { width: 250px; height: 200p ......
Vue2 项目使用 nuxt.js 重构 - 一、基本用法及部分依赖注意事项
我自己的网站 https://aijianli.site/ 是使用vue写的，为了能够让用户可以搜索到。对项目进行了 nuxt.js 重构。在重构过程中遇到了 N 多坑。一下记录了填坑经历 一、新建 nuxt 项目 查看官网 https://www.nuxtjs.cn/guide/installat ......
【npm】项目安装失败问题
【npm】项目安装失败问题 问题描述 安装npm项目时报错 排查 注意到访问的不是官方的地址，是https://hub.fastgit.xyz/eligrey/FileSaver.js.git/，想到可能是之前配置过的一个映射加速节点 果然发现了这个配置 解决方案 删除这个配置 ......
Gradle构建SpringBoot单模块项目
Gradle构建SpringBoot单模块项目 方式Ⅰ：未基于：Gradle Wrapper 方式Ⅱ：（推荐使用）Gradle Wrapper【可以不安装Gradle、统一Gradle的版本】——包括Maven也是一样的可以用Wrapper的方式 版本：JDK8 + SpringBoot2.7.15 ......
项目中JSON序列化循环引用的问题
已经很多次碰到循环引用的问题了 之前碰到是在Spring中初始化过程中component之间存在循环引用怎么办 这次碰到，是在JSON序列话的时候碰到了循环引用导致的问题 问题原因： 在结构体中，为了实现方便数据的引用，在数据结构中加入了Parent节点，由于存在child节点，在生成json对象的 ......
一、搭建Django后端项目步骤
一、安装Django pip install django 二、配置系统环境 （1）成功安装Django后，在下图中的路径可找到django-admin.exe文件，将它加入操作系统环境变量中。这样以后调用会比较方便。（如果使用venv环境可以不配置这部分内容） 三、创建Django项目 （1）使用 ......
C# Nuget项目A引用的另一个项目C怎么被安装Nuget的项目B使用
最近整理的一个Nuget项目A，我从原先Nuget项目A抽取了一个新项目C，然后项目A引用了项目C。 当项目A的Nuget被项目B引用后，发现项目B并不能直接访问项目C的成员。（只能在项目B引入项目C或者项目C也打包成Nuget包，项目B安装项目C的Nuget包） 经过组内大佬 唐宋元明清2188 ......
uniapp项目引入uView-ui
通过npm下载 // 如果您的根目录没有package.json文件的话，请先执行如下命令： // npm init -y npm install uview-ui // 更新 // npm update uview-ui 配置步骤 1.引入uView主JS库 在项目根目录中的main.js中，引入 ......
Visual Studio编辑器快速查找项目里的中文字符串
https://www.cnblogs.com/turnip/p/11087837.html 1.ctrl + shift + f 打卡全局查找 2.输入(".*[\u4E00-\u9FA5]+)|([\u4E00-\u9FA5]+.*") 即搜索文档中代码中文字符串 (\".*([^\x00-\x ......
React技术栈支援Vue项目，你需要提前了解的
写在前面 react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听， 当属性变化的时候，响应式的更新对应的虚拟dom react的思路通过js来生成html， 所以设计了jsx，还有通过js来 ......
谷粒商城分布式基础（一）—— 项目简介 & 分布式基础
目录 一 项目简介 1、项目背景 二、分布式基础概念 分布式基础篇 回到顶部 一 项目简介 1、项目背景 1.1 电商模式 市面上有 5 种常见的电商模式 B2B、B2C、C2B、C2C、O2O； （1）B2B模式 B2B(Business to Business)，是指商家和商家建立的商业关系，如 ......
vue-element-admin 项目中，获取当前左侧菜单栏的Id
找到 store/modules/permission.js(需要后端在返回的菜单中，添加Id)： const permission = { state: { routes: [], addRoutes: [] }, mutations: { SET_ROUTES: (state, routes) ......
vue3 和 element-plus 实现指定单元格编辑
思路 1.获取到指定单元格的位置 2.通过状态来判断 是否展示编辑 步骤 1.定义变量去确定行和列 let tableRowEditId = ref(null), // 控制可编辑的每一行 let tableColumnEditIndex = ref(null), //控制可编辑的每一列 2.在el ......
项目进度管理
进度管理 进度管理过程 规划进度管理（进度管理计划书，规定如何做好管理） 定义活动（在创建WBS后，活动是工作包的更细分的部分） 排列活动顺序 估算活动资源（活动所需材料、人员、设备等） 估算活动持续时间（估算单项活动所需工期） 制订进度计划（指定具体的进度计划安排） 控制进度（监控，变更） 定义活 ......
vue3|知识点
双向绑定Proxy proxy只支持对象 ref创建的数据是空对象，绑定在其value属性上。 监听属性 监听对象 watch(msg,func(new,old)) 监听对象的属性 watch(()=>msg.name,func) watchEffect(func) 自动监听已经引用的值 ......
vue环境搭建操作手册
（1）准备 启动环境，打开终端，首先使用如下命令在管理员权限下创建安装目录： sudo mkdir -p /usr/local/node 然后输入密码，密码为“qingjiao” 接着进入/usr/local/目录，修改安装目录拥有者和属组为 “qingjiao” ，命令如下： cd /usr/lo ......
1、vue2.0的生命周期
首先，组建从创建到销毁的过程就是它的生命周期。 一共分为4个阶段，创建、挂载、更新以及销毁。 第一个阶段：创建 beforeCreate () {} // 实例创建前，在这个函数内属性和方法都不能使用 created () {} // 实例已经初始化好了，也完成了数据挂载，可以修改数据、使用数据但是 ......
vue之echart图表的封装
1、构建echart公用组件 <template> <div :class="className" :style="{ width, height }"></div> </template> <script> import echarts from "echarts"; require("echar ......
vue环境搭建-vue介绍说明
实训背景： 一个基于Vue前端框架和第三方图表库ECharts构建的可视化大数据平台，通过Vue项目构建、指令的灵活运用、组件封装、组件之间通信，使内部图表组件库可实现自由替换和组合。以及一些功能模块的设计及代码实现。 实训任务： （1）了解node和npm的基本概念及安装 （2）掌握搭建Vue项目 ......
docker入门加实战—项目部署之DockrCompose
docker入门加实战—项目部署之DockrCompose 我们部署一个简单的java项目，可能就包含3个容器： MySQL Nginx Java项目 而稍微复杂的项目，其中还会有各种各样的其它中间件，需要部署的东西远不止3个。如果手动的逐一部署，就太麻烦了，同时也无法保证完整性。 而Docker ......
记录--vue3 + mark.js | 实现文字标注功能
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isColla ......
VUE为什么在中国如此流行？
VUE和小程序虽然技术实现原理有所不同，但它们共同的目标是跨端。随着智能手机、平板电脑、智能音箱等智能设备的普及，用户的需求也在不断演变，他们期望更灵活、更高效地获取信息和使用应用程序。 ......