前端 终端 实战vue
02vue之调试工具vue-devtools
1 下载插件 可以在 https://chrome.zzzmh.cn/#/index 这里直接下载，然后直接拖入 扩展程序即可 2 下载包 2.1 从github克隆项目 git clone https://github.com/vuejs/vue-devtools 2.2 在vue-devtool ......
shell实战_函数应用实例
应用实例 检测网站存活 1.给脚本传入参数，检测url是否正常，并且要去函数开发 [root@localhost myfunction]# cat myfunctiontest3.sh #!/bin/bash #检测网站是否存活 function usage(){ echo "Usage: ${0} ......
shell实战_函数实际使用
shell函数的实际开发 函数的定义 shell函数标准定义 return 可有可无，给用户一个返回码表示执行结果 function 函数名(){ 函数体 return 返回值 } 简化 当使用function 关键字的时候可以省略括号 function 函数名 { 函数体 retu ......
shell实战_函数和别名概念
shell函数 函数，就是将你需要执行的shell命令，组合起来，组合成一个函数体 还得给这个函数体起了一个名字，这个名称就是函数名 函数就是函数名称+函数体 以后想执行这个函数，直接使用函数名字即可。 别名 别名的功能简化功能操作，使命令更加的易读 [root@localhost tmp]# al ......
shell实战_Rsync服务启停的脚本开发
Rsync服务启停实际案例 Rsync服务启停脚本开发 1.检测环境 2.检测文件 [root@localhost tmp]# rpm -qa rsync rsync-3.1.2-12.el7_9.x86_64 [root@localhost tmp]# ls -l /etc/rsyncd.conf ......
shell实战_检查服务状态经典案例
应用实例检查服务状态 开发mysql监控脚本 类型 说明 端口监控 1）在服务器本地监控服务端口的长假命令有netstat,ss,lsof;2)从远端监控服务器本地端口的命令有telnet,nmap,nc 监控服务进程货进程数 此帆帆适合本地服务器，注意，过滤的是进程的名字。命令为：ps -ef|g ......
uniapp引入iconfont真机nvue不生效（兼容vue）
兼容nvue 1.只能使用text标签<text class="iconfont" style="color: #fff;font-size: 28rpx;"></text> 2.App.vue设置，引入iconfont onLaunch() { // #ifdef APP-PLUS ......
直播预约丨《实时湖仓实践五讲》第二讲：实时湖仓功能架构设计与落地实战
如今，大规模、高时效、智能化数据处理已是“刚需”，企业需要更强大的数据平台，来应对数据查询、数据处理、数据挖掘、数据展示以及多种计算模型并行的挑战，湖仓一体方案应运而生。 《实时湖仓实践五讲》是袋鼠云打造的系列直播活动，将围绕实时湖仓的建设趋势和通用问题，邀请奋战于企业数字化一线的核心产品&技术专家 ......
【matplotlib 实战】--堆叠柱状图
堆叠柱状图，是一种用来分解整体、比较各部分的图。与柱状图类似，堆叠柱状图常被用于比较不同类别的数值。而且，它的每一类数值内部，又被划分为多个子类别，这些子类别一般用不同的颜色来指代。 柱状图帮助我们观察“总量”，堆叠柱状图则可以同时反映“总量”与“结构”。也就是说，堆叠柱状图不仅可以反映总量是多少？ ......
我在前端写Java SpringBoot项目
本篇文章主要是使用 NestJs + Sequelize + MySQL 完成基础运行， 带大家了解 Node 服务端的基础搭建，也可以顺便看看 Java SpringBoot 项目的基础结构，它俩真的非常相似，不信你去问服务端开发同学。 ......
vue 基于 el-upload 封装视频上传组件
新建video-upload.vue文件： <template> <div class="video-upload-com"> <el-upload :action="uploadUrl" :before-upload="beforeAvatarUpload" :file-list="mediaLi ......
vue前端有数据，但是eharts图标不显示的问题（待解决）
问题描述 vue前端能够获取到array数据，模式如图： echarts图表不能显示数据； 问题解决 还没解决~ ......
《Windows PowerShell实战指南 第3版》读书笔记-第1章：背景介绍
脚本只是使用PowerShell的一种方式，学习PowerShell并不一定需要从脚本开始。 为什么要重视PowerShell 使用PowerShell之前： GUI交互方式更简单易学，但效率更低； VBScript对Windows组件的支持不够全面； 使用PowerShell之后： PowerSh ......
vue+echarts实现数据库数据的可视化（新的方式~）
1、新建一个vue项目 使能够正常访问浏览器的页面； 2、引入echarts模块 使用命令： npm install echarts --save 等待下载完成： 3、在main.js里面引用echarts模块 原来： 加上echarts之后： 命令代码： import echarts from ' ......
Vue 异步更新、$nextTick
Vue 是异步更新 DOM 的，想要在 dom 更新完成之后做某件事，可以使用 $nextTick $nextTick：等 dom 更新后，才会触发执行此方法里的函数体 语法： this.$nextTick ( () => { // 业务逻辑 }) eg： this.$nextTick ( () = ......
luffy前端配置、跨域问题、后端数据库迁移、后台主页功能、轮播图表、后台管理
luffy前端配置 再在vue中使用时，就不需要导入，直接使用this.$，，，就可以了 1、跟后端交互：axios cnpm install -S axios 以后想发送ajax请求，必须导入，使用 可以把axios放到vue实例中，以后任意组件中 this.$axios.get() main.j ......
luffy前端配置、跨域问题、后端数据库迁移、后台主页功能、后台管理
luffy前端配置 # 1 跟后端交互：axios cnpm install -S axios 以后想发送ajax请求，必须导入，使用 可以把axios放到vue实例中，以后任意组件中 this.$axios.get() main.js中加入 import axios from 'axios' Vu ......
vue显示echarts报错——echarts未在vue界面中定义init——TypeError: Cannot read property ‘init‘ of undefined
问题描述 本来按照网上的教程说是想要定义一个全局变量，就不需要在每个需要用到echarts组件的vue页面里面重新定义了， 直接使用就行，然后就报错了； 问题解决 我觉得应该是我的全局变量定义错误了，但是吧，我就直接改成在该vue页面定义了它，然后再使用： 就没有再使用到那个全局变量，直接这样就通过 ......
启动vue项目报错——ERROR Error loading vue.config.js: ERROR TypeError: defineConfig is not a function
问题描述 在我引入echarts模块之前是ok的，引入之后就启动失败了； 问题解决 一般情况下，都是该项目的版本与本机cmd里面的版本不对应导致的； 只需要使用这个命令npm upgrade，更新版本，一直yes下去，就能够解决这个问题啦！ ......
Vue组件各个属性执行顺序问题
转自：https://blog.csdn.net/m0_62763606/article/details/131694339 在制作波动短视频效果时，在data中定义了一个变量，默认值为null。后来该变量在mounted中被赋值，而后在watch侦听属性中使用立即侦听时使用了该变量却显示为null ......
Vue模板应用
目录Vue模板应用{{}} 变量插值v-once 只会插值一次v-html 对HTML代码插值v-bindHTML标签属性的插值在外部传递数值类型的数据到组件内部时, 必须使用v-bind指令的方式进行传递, 直接使用HTML属性设置的方式传递会将传递的数据作为字符串传递v-on 监听、绑定事件v- ......
记录--前端换肤方案 - element+less无感换肤（无需页面刷新）
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端换肤方案 - element+less无感换肤（无需页面刷新） 前言 前不久在改造一个迭代了一年多的项目时，增加了一个换肤功能。通过自己的探索，总结出了一套比较合适的改造方案供大家参考，如有更好的方案欢迎评论区踊跃评论😄 先上效果： ......
针对vue3中动态循环图片require不好使的问题
1、动态src路径渲染 2、定义一个函数通过new URL把路径返回回去，vue2采用的是require的方式动态渲染 ......
vue3+ts中使用echarts
1. 下载 npm install -S echarts 2.使用 方法一（推荐使用） <div class="echart_box" ref="echartDom"></div> <script setup lang="ts"> import * as echarts from "echarts" ......
Go字符串实战操作大全！
在本篇文章中，我们深入探讨了Go语言中字符串的魅力和深度。从基础定义、操作、字符编码到复杂的类型转换，每个环节都带有实例和代码示例来深化理解。通过这些深入的解析，读者不仅能够掌握字符串在Go中的核心概念，还能洞察Go设计哲学背后的思考。 关注公众号【TechLeadCloud】，分享互联网架构、云服 ......
vue 甘特图（三）：甘特图右侧内容拖动展示
vue3 甘特图（三）：甘特图右侧内容拖动展示内容 解决因多个项目周期跨度不同，在一页屏幕里展示不完全，需要通过拖动甘特图下方的滚动条，去查看对应时间段内的内容 拖拽滚动视图，展示对应时间甘特图 构思，通过监听内容拖拽的距离，同时使滚动条滑动相同距离，从而达到效果。 //拖拽滚动视图 const s ......