前端 终端 实战vue
vue + echarts 实现标记点的闪烁效果
initEleChart (data) { let index = data.findIndex(item => { return this.currentRow.D_DATETIME == item.D_DATETIME }) let option = { title: { text: `${th ......
前端html 通过文件流下载文件
后台返回文件流方式，前端采用form表单 action 属性赋值流。代码submit提交. 前端代码如下： <form id="download" action='' method='post'/></form> $("#download").attr("action", url);//触发subm ......
前端学习-JavaScript学习-JavaScript高级程序设计-第3章笔记
第3章 基础概念 数据类型 Number <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=" ......
vue : 三种解决方法：Cannot deserialize value of type `java.util.Date` from String
一、改前端 加入格式化： value-format="yyyy-MM-dd HH:mm:ss" <el-date-picker v-model="formValidate.pastDueTime" value-format="yyyy-MM-dd HH:mm:ss" type="datetime" ......
Vue3设计思想及响应式源码剖析
一、Vue3结构分析 1、Vue2与Vue3的对比 对TypeScript支持不友好（所有属性都放在了this对象上，难以推倒组件的数据类型） 大量的API挂载在Vue对象的原型上，难以实现TreeShaking。 架构层面对跨平台dom渲染开发支持不友好,vue3允许自定义渲染器，扩展能力强。 C ......
使用python库uvicorn替代Nginx发布Vue3项目
一、Vue3项目打包 （博主vue版本：4.3.1） 由于是要放在FastAPI中，接口服务和Web服务用的是同一个端口，所以我们给前端一个统一的URL前缀来区分前端页面和后端接口。比如：/admin；配置方式如下：在src/router文件夹下找到路由文件，注意要用history模式，不要用哈希。 ......
vue 插槽上绑定得数据
<template slot-scope="scope"> <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button> <el-button type="text" size="small">编 ......
终端必备大杀器----Fish
目录下载安装添加 权限依赖库安装cmake 预处理编译安装配置fish其他 下载 Github 地址—— fish-shell openSUSE 开源下载地址 openSUSE 开源 FTP 地址 安装 # 注意本教程针对 Centos8 及以上 或者 RedHat 8.0 及以上， 需要源码编译安 ......
2023版 STM32实战5 基本定时器中断
基本定时器简介与特性 -1-时钟可分频 -2-计数模式只可以选择累加 -3-只可以用来定时（含中断） 查看时钟源 如图定时器7的时钟最大为72MHZ 定时时间的计算 通用定时器的时间计算公式为 Tout = （（arr+1）（psc+1））/Tclk ; arr为重载值 psc为时钟分频系数 Tcl ......
手撕Vue-Router-添加全局$router属性
前言 经过上一篇文章的介绍，完成了初始化路由相关信息的内容，接下来我们需要将路由信息挂载到Vue实例上，这样我们就可以在Vue实例中使用路由信息了。 简而言之就是给每一个Vue实例添加一个$router属性，这个属性就是我们在上一篇文章中创建的VueRouter实例。 实现思路 我们需要在Vue实例 ......
VUE CORS
在 Vue.js 中，前端是在浏览器中运行的，因此 CORS（跨域资源共享）问题通常是在后端解决的。Vue.js 本身并不提供直接的方法来处理 CORS。以下是一些可能的解决方法： 1. 使用代理 Vue CLI 提供了一个开发服务器配置文件 vue.config.js，你可以在这个文件中配置代理。 ......
wxwidgets实战手册-c++(2)
目录oninit oninit 继承自wxApp的子类,可将它视为main和winmain,应用程序的入口 // wxWidgets "Hello World" Program // For compilers that support precompilation, includes "wx/wx ......
QT实战 之事件和定时器
QT实战 之事件和定时器 自定义控件MyLabel，继承自QLabel（创建时继承自QWidget，创建好后再修改成QLabel） 拖拽Label控件到主界面，然后将该控件提升为MyLabel（注意必须用MyLabel的直接父类进行提升，如果用Widget则无法进行提升） 在MyLabel头文件中中 ......
QT实战 之TableWidget控件
QT实战 之TableWidget控件 指定列数setColumnCount(3) 指定表头setHorizontalHeaderLabels(QStringList) 指定行数setRowCount(5) 设置每个单元格的内容setItem（int行数，int列数，*QTableWidgetIte ......
QT实战 之自定义控件（QSpinBox+QSlider）
QT实战 之自定义控件（QSpinBox+QSlider） 创建自定义控件（QT设计师界面类） 打开ui文件，拖拽需要用到的基础控件（QSpinBox+QSlider） 事件绑定（注意QSpinBox::valueChanged有重载，需要用函数指针指定信号函数） 使用自定义控件（拖拽添加Widge ......
关于FastAPI与Vue3的通信
学习一下前后端分离技术，前端采用三大框架之一的Vue.js，后端则采用Python的FastAPI框架。 一、前端设计 1.建目录 mydemo 2.在mydemo目录下打开命令行，运行：npm init vue@latest （这里如果cmd卡死了，就ctrl + C 结束，再次运行npm ini ......
【23秋】提高实战营 之 比赛篇
2023 提高实战营-秋 专题测试 01 A. 寇德佛斯 题目链接 A. 寇德佛斯 简要思路 对于题目 \(i\) 和题目 \(j\)，假设当前开始了 \(w\) 时间，如果先做 \(i\) 再做 \(j\)，那么得到的分数将会是 \(s_i - (w + t_i) · v_i + s_j -(w ......
Web前端自动化测试Cypress实践总结
本文主要首先主要介绍了什么是自动化测试，接着对常用的自动化测试框架进行了对比分析，最后，介绍了如果将自动化测试框架Cypress运用在项目中。 ......
vue3核心面试题
vue3 vue3比vue2有什么优势？ 性能更好 体积更小 更好的ts支持 更好的代码组织 更好的逻辑抽离 更多新功能 Composition API （vue3）和Options API（vue2）的生命周期变化 Composition API //等于beforeCreate和created ......
七天.NET 8操作SQLite入门到实战 - 第三天SQLite快速入门
前言 今天我们花费一个小时快速了解SQLite数据类型、SQLite常用命令和语法。 七天.NET 8操作SQLite入门到实战详细教程 第一天 SQLite 简介 第二天 在 Windows 上配置 SQLite环境 EasySQLite项目源码地址 GitHub地址：https://github ......
ABP-VNext 用户权限管理系统实战02---用户权限表的创建与迁移
一、表实体建立 1、菜单表 [Comment("菜单表")] [Table("t_identity_menu")] public class Menu : AuditedAggregateRoot<Guid>, ISoftDelete, IMultiTenant { [MaxLength(200)] ......
vxe-gird前端日期段查询，通过手工sql是有数据，但是在前端无数据。
前端查询的时候，日期是返回这种数组： ["2023-11-01 20:00:00","2023-11-02 20:00:00"] 1、那么有二种方式，一直是直接传给服务端，由服务端去处理。 @RequestParam(value = "createDate[]", required = false) ......
vue中watch、computed、methods的执行顺序
一、默认加载情况 如果watch不加immediate:true属性（页面初加载的时候，不会执行watch，只有值变化后才执行），则只执行computed（在mounted后执行）； 如果watch添加immediate:true属性（在beforeCreate后created前执行），则先执行wa ......
Spring+Vue修改功能
后端 数据回显，根据ID回显 @GetMapping("/findById/{id}") public Users findById(@PathVariable("id") Integer id){ return usersRepository.findById(id).get(); } 修改数据， ......
vue 下载文件并且重命名
<el-button type="primary" @click="xz(scope.row)" size="small">下载</el-button> methods内定义方法 xz(row) { this.getBlob(row.value, (blob) => { this.saveAs(bl ......
K8S pod 动态扩缩容之HPA实战
HPA 的自动扩容并不是即时生效的，它需要一些时间来检测和调整副本数量。因此，在进行测试时，请留意观察 HPA 的行为，并适当调整配置。 1、首先安装metrics-server 2、创建pod 需要设置cpu 使用率方便测试 3、设置自动扩缩容，并开启pod 检测 kubectl autoscal ......
vue 导出excel 后端返回blob数据流
后端返回blob数据流，前端进行下载 封装公共ts组件downloadExcel.ts /* * created by seven.lau on 22/11/2023 * 导出excel * 后端返回Blob数据流 * url 接口地址 * paramsData 接口参数 * filename 导出 ......
vue的组件复用
在Vue.js中，模板（template）插槽是一种实现组件内容动态替换的方法，从而使组件具有更强的复用性。以下是一个使用模板插槽实现组件复用的例子： 首先，创建一个基础组件，如BaseComponent，它包含一个<template>标签，用于存放可复用的代码： <template> <div c ......
前端vue中使用多个dialog对话框
需要使用多个dialog对话框时 场景：crud中添加和修改数据需要两个对话框，结构类似，但所需要调用的axios的方法不同，因此使用两个对话框进行 解决方法： ①在两个不同的vue文件中分别写一个dialog对话框 ②（推荐）在一个vue文件中写俩不同的对话框，每个对话框对应一个不同的:visib ......
vue2在线预览文档——Onlyoffice
1. 安装依赖 安装完依赖就直接看第二步，官网现在是vue3 + ts + Onlyoffice结合 Onlyoffice官网：https://api.onlyoffice.com/editors/vue 若报版本错误：可以尝试npm install --save @onlyoffice/docum ......