效果echarts项目vue
vue--day59---集成第三方动画
1. 加载 第三方动画 npm install aninate.css 2. App.vue <template> <div> <button @click="isShow=!isShow"> 显示/隐藏 </button> <transition-group appear name="animat ......
vue--day58---多个元素过度
1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
vue--day57---过度效果实现动画
1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co ......
Vue（十三）：条件渲染
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>条件渲染</title> <script type="text/javascript" src="../js/vue.js"></script> </head> <!-- 条件渲染 ......
Vue接入谷歌广告(Google Adsense)
### 1.注册账户 首先你要拥有一个google账号，[点击注册谷歌账号](https://support.google.com/accounts/answer/27441?hl=zh-Hans)，点击个人账号根据提示一步一步来即可注册成功。（当然你需要魔法才可以正常访问谷歌服务） ### 2.补 ......
Template String Converter 无法作用在 vue、html 解决方案
在 vscode 插件安装地址中找到该插件，默认位置：C:\Users\你的用户名\.vscode\extensions\meganrogge.template-string-converter-0.6.1 该目录下有一个 package.json 文件，打开该文件，编辑里面的 activation ......
Ant Design Pro项目启动报can not resolve dependence：’…/node_modules/@umijs/renderer-react‘
### 前情 公司有经常需要做一些后台管理页面，我们选择了Ant Design Pro，它是基于 Ant Design 和 umi 封装的一整套企业级中后台前端/设计解决方案。 ### 坑位 今天启动项目报如下图  - [初始化项目架构](#初始化项目架构) - [技术栈](#技术栈) - [工具类](#工具类) - [环境](#环境) - [搭建流程](#搭建流程) - [初始化项目](#初始化项目) - [初始化git](#初始化git) - [运行项目](#运行项目) - ......
修改项目中Git远程仓库地址
1.CLONE远程仓库 在更换远程仓库之前，需要先下载原有的仓库。可以将远程仓库通过git clone命令克隆一份到本地，作为备份。 git clone <旧仓库地址> <本地目录 2.添加新远程仓库 在备份旧仓库后，需要将新仓库添加到本地仓库中。使用git remote命令添加新仓库。 git r ......
vue3 基于antd3.2.20封装表格（插槽）
```html ``` ```javascript // 表格中核心的js import { ref, onMounted, useSlots } from 'vue' const slots = useSlots() // 自动获取父组件传递过来的插槽 // 获取父组件过来的插槽数量，便于循环 c ......
vue配置生产环境和开发环境
配置原理：采用node.js顶层对象中的process.env 1、安装依赖 2、创建配置文件 3、 # 页面标题VUE_APP_TITLE = "管理系统" # 生产环境配置ENV = 'production' # 西知后台管理系统/生产环境VUE_APP_BASE_API = 'http://1 ......
echart 实现添加警戒线
代码： option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', }, series: [ { name: '数据系 ......
vue问题：不存在div或者多个div
<el-radio v-model="radio" label="1">备选项</el-radio><el-radio v-model="radio" label="2">备选项</el-radio>报错： Errors compiling template: Component template ......
vue实现文件夹的上传和下载
文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na ......
C#/.NET/.NET Core优秀项目和框架每周精选
思维导航 前言 项目地址 项目分类(善用Ctrl+F) 项目列表 加入DotNetGuide技术交流群 前言 注意：排名不分先后，都是十分优秀的开源项目和框架，每周定期更新分享（欢迎关注公众号：追逐时光者，第一时间获取每周精选分享资讯🔔）。 每周精选优秀的C#/.NET/.NET Core项目和框 ......
在eclipse中使用Tomcat启动项目乱码
修改tomcat的配置文件 1）修改Tomcat的server.xml配置（config目录下） 先找到第一处添加URIEncoding=“UTF-8” <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redi ......
vue-pdf 在vue中展示pdf
老规矩先看效果图： 这玩意的坑是相当的多，如果只是单纯的网页浏览，真心建议直接使用 <iframe> 来进行嵌入pdf吧，省心也省事 我这边的web页面是需要放到客户端里面的，然后由于某些原因吧，不支持显示iframe嵌入的pdf网页，只能使用vue-pdf来进行实现了 下面就说一下实现步骤吧，我尽 ......
echarts数据更新了但是series没变
参考：https://www.jianshu.com/p/2fa6c0d74b98 setOptions加第二个参数true this.chart.setOption(options, true); ......
数字滚动插件vue-countup-v2
参考博客 https://blog.csdn.net/weixin_44948981/article/details/123544242 options参数说明 duration: 2, // 动画持续时间（秒） useEasing: true, // 使用缓动效果 useGrouping: tru ......
Tibos.Devops项目介绍
### 诞生背景 随着微服务的普及,更多的企业选择迁移到云,传统的部署方式已经无法满足需求,市面上devops产品也应运而生,结合自己使用的经验,也制作了一款同类产品,并开源出来,与大家一起探讨学习 ### 前置条件 gitlab k8s mysql ### 项目框架 Vue Antd Admin ......
C#/.NET/.NET Core优秀项目和框架每周精选（坑已挖，欢迎大家踊跃提交PR或者Issues中留言）
思维导航 前言 项目地址 项目分类(善用Ctrl+F) 项目列表 加入DotNetGuide技术交流群 前言 注意：排名不分先后，都是十分优秀的开源项目和框架，每周定期更新分享（欢迎关注公众号：追逐时光者，第一时间获取每周精选分享资讯🔔）。 每周精选优秀的C#/.NET/.NET Core项目和框 ......
构建大型Dash应用程序的项目结构
```python dash-app-structure |-- .venv | |-- * |-- requirements.txt |-- .env |-- .gitignore |-- License |-- README.md 构建大型Dash应用程序的项目结构 |-- src | |-- ......
Siemens 西门子PLC1200的S7通讯（同一项目下）3.通讯测试
前面两篇介绍了S7连接的主要指令PUT写入和GET读取，这期讲测试下这个指令，首先说下有两个注意，一个是如下图要设置组态，有绿色勾选的就说明没大问题，这里要注意连接名称要统一，用同一个连接，因为不同的连接会造成不同的ID设置，另外主动建立连接只能作为客户端的勾选，服务端不需要勾选，第二张图要勾选S7 ......
Siemens 西门子PLC1200的S7通讯（同一项目下）1.GET接收指令
1.0 首先在同一项目下，组态两个PL，如下图，组态了2个1200PLC 1214C的PLC 2.0 点击链接里面，在窗口的右上角选择S7连接，这个窗口可以看到本地ID，和主动建立连接勾选，然后选择添加，下面的信息框就会显示已添加 2.1 如下图，就是建立S7连接后的组态 3.0 然后在每个PLC的 ......
Siemens 西门子PLC1200的S7通讯（同一项目下）2.PUT写入指令
上期主要讲了S7通讯连接的GET读取指令，如下图，用指针制定需要从伙伴PLC哪个位置读取，然后放到本地PLC的哪个位置 本期说一下S7连接的另一个关键写入指令PUT 1.0 接下来我们解读下这个PUT指令块 REQ:控制参数request,当上升沿时，启动写入数据 ID：需要匹配伙伴连接的对象的寻址 ......
Siemens 西门子PLC的TCP通讯（不同项目下）③--TCP测试
西门子PLC的TCP通讯（不同项目下）③--TCP测试 上期主要了解了TRCV_C指令的各项参数的意义，如下图 本期将把前面讲的TSEND_C和TRCV_C组合测试，大概准备情况先说下，2个西门子1200PLC，每个PLC放一组TSEND_C和TRCV_C指令组合，再放一个T_DIAG测试连接指令， ......
Siemens 西门子PLC的TCP通讯（不同项目下）④--TCP测试
上期我们对TSEND_C和TRCV_C组合指令，进行了TCP测试，先置位接收端的EN_R和CONT，然后置位发送端的CONT，然后看到STATUS指令状态显示7004，然后又通过T_DAIG测试连接指令，读取的参数STATE为04，表示连接已建立 本期将开始进行，TSEND_C和TRCV_C组合指令 ......
Git上传本地项目文件到远程仓库
为了标识身份，建议先完成 Git 全局设置 ``` git config --global user.name "xxxxxx" git config --global user.email "xxxxxx@qq.com" ``` > 方式一：克隆仓库 ``` git clone https://x ......