setup前端 页面vue3
Vue3 使用Element-plus table 显示一行 需要内嵌多行数据
一、背景 业务需求 需要这种 二、实现 `` 点击查看代码 <el-table ref="singleTableRef" highlight-current-row border :data="state.personData" class="data-table" max-height="600" ......
vue3实现H5网页录音并上传（mp3、wav）兼容Android、iOS和PC端
使用 Recorder插件 可以在HTML5网页中进行录音，录音完成后得到blob文件对象，然后将blob上传到服务器；项目使用的vue3.0版本（这个插件同时支持vue2.0、也支持uniapp，很强！！），录音过程中会显示可视化波形，同时能够做到兼容PC端、Android、和iOS，一次编码 到 ......
解锁前端新潜能：如何使用 Rust 锈化前端工具链
前言 近年来，Rust的受欢迎程度不断上升。首先，在操作系统领域，Rust 已成为 Linux 内核官方认可的开发语言之一，Windows 也宣布将使用 Rust 来重写内核，并重写部分驱动程序。此外，国内手机厂商 Vivo 也宣布使用 Rust 开发了名为“蓝河”的操作系统。除此之外，Rust ......
idea打开了后端项目，如何引入前端vue项目
点击项目结构 选择modules点击加号引入前端项目，下一步的时候不要选择maven 选择配置文件，右键运行，会出现运行前端的快捷指令，如果运行没有成功，需要下载 # 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题npm install ......
uniapp 中截图保存当前页面 ， 当前内容
<script setup>import { ref } from 'vue'import { onLoad, onShow } from "@dcloudio/uni-app"// #ifdef H5import html2canvas from 'html2canvas'// #endifcon ......
前端之 CSS
常见的css选择器 /*<!-- 组合选择器-->*/ h1,h2,h3 { color:cyan; } /*id选择器*/ #one { color: antiquewhite; } /*类选择器*/ .cc{ color: palevioletred!important; } /* 后代选择器* ......
前端之 HTML
HTML常用标签 <!--下脚标--> <sub>sub</sub> <!--上脚标--> <sup>sup</sup> <!--段落--> <p>pp</p> <!--强调建议用第一种--> <strong>3333</strong> <b>bb</b> <!--斜体建议用第一种--> <em>1 ......
vue3 v3-easyui messager消息框封装
2024年1月7日21:38:30 关于messager消息框封装，官方文档漏了很多配置（例如tip），由于无法通过某个属性控制显隐，所以不能封装成组件的形式在模板使用，而且也不符合消息框的使用设想。例如封装好后在网络请求调用，就不能是组件形式，所以通过类似hook函数封装。封装如下： /** me ......
vue3 easyui dialog没有属性控制显隐问题
2024年1月7日21:11:37 vue3 v3-easyui中dialog没有属性控制显隐，通过观察源码得知dialog.closedState属性可以控制 v3-easyui源码如下： 个人封装代码如下： /** modal.vue */ <script lang="ts" setup> im ......
开课吧前端1期.阶段5：generator，模块化与babel
复习：ES6 变量let、箭头function、参数等、map、reduce、filter、forEach Promise消除回调，Promise.all([p1,p2,p3]).then() 单独Promise并不能帮我们解决所有问题，还有2个兄弟是从Promise过度出来的，generator ......
前端请求
1. 前端跨域解决方案 request.js用来请求数据，封装的代码如下： import axios from 'axios' const request = axios.create({ baseURL: '/api', /**注意！！ 这里是全局统一加上了 '/api' 前缀，也就是说所有接口都 ......
在使用egg加Sequelize操作数据库时添加新对象属性无法传递到前端问题
今天在操作数据库时想要对findAll后的数据进行重组时发现 在node端log是没问题children已经加上了 但是前端请求后死活没有children字段 后来查看文档得知 需要使用xxx.setDataValue(key,value) 的形式添加新字段才可以。 问题解决 ......
前端javascript高级-语言特性
js高级-语言特性-1 第0章 课程回顾 0.1 JS语法基础-复习 变量：变量的声明及命名规则 数据类型：数值、字符串、布尔、undefined、null、对象 运算符：+ - * \ == != < > ?: && || 流程控制结构： if else 、 switch case 、while ......
Spring Boot--默认页面设置
#Spring Boot–默认页面设置 上网找了老长时间, 百度只有几个案例, 挨个试了试都不行, 我的目录结构是 : | -resources| - -static| - - -html ->index.html 只能输入/html对index.html进行访问, 各种尝试后 Spring Boo ......
c# net6.0 使用FileStreamResult返回文件流，前端无法获取到文件名
前端能够获取到文件名，网上查了一下，需要设置 Response.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition"); ......
微前端使用第一章
目录一、架构基础知识1、软件设计原则2、补充设计原则3、其他设计原则4、软件设计分层5、如何保证架构的质量-稳定性和健壮性6、正确的选择是良好的开端-架构前期准备7、千里之堤毁于蚁穴-技术债务填补与崩溃预防8、推到？重来？-系统重构9、微前端实现方式对比10、技术选型-确定技术栈11、绘制项目架构图 ......
人脸识别系统【从0到1完成一个小项目】【4】【前端vue搭建】
1.找一个合适的模板，可以用vue-element-admin的模板，但是个人认为这个模板太大了，做小项目修改起来比较复杂，可以找一个比较小的项目 2.我找的项目git clone https://github.com/tuture-dev/vue-admin-template.git，这个下载需要 ......
Android——子线程发消息给主线程进行页面信息更新
一、认识Looper和Handler对象 当主线程诞生时，就会去执行一个消息循环（Message Loop），以便持续监视它的消息队列（Message Queue简称MQ）。 当UI事件发生了，通常会立即丢一个Message给MQ，此时主线程就立即从MQ里边取出该消息并处理。 比如，用户在UI界面上 ......
记录--页面使用 scale 缩放实践
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近接到一个任务，需要把页面放大1.5倍显示。这里使用 css 里的 transform: scale(1.5) 来实现。 document.body.setAttribute( 'style', `transform: scale(1. ......
vue-addroute动态路由刷新之后页面空白
解决动态路由刷新之后页面空白 /* 权限 */ import store from '@/store/index' import router from '@/router'; // 动态路由 let routers = [{ path: 'welcome', name: "welcome", co ......
Vue3常用指令
本小节中，我们将学习 Vue 3 中的文本插值相关功能。 文本插值语法 文本插值语法如下，通常用双大括号来表示，当其绑定的变量发生变化时，插值的内容也会随之发生变化，也就是数据双向绑定功能： {{ 插值表达式 }} 示例： <script setup> import { ref } from 'vu ......
vue前端代码npm install报错的解决方法
npm install，报错： npm WARN tarball tarball data for has-bigints@https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz (sha512-tSvCKtBr9lkF0 ......
记录--前端无感知刷新token & 超时自动退出
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前端无感知刷新token&超时自动退出 一、token的作用 因为http请求是无状态的，是一次性的，请求之间没有任何关系，服务端无法知道请求者的身份，所以需要鉴权，来验证当前用户是否有访问系统的权限。 以oauth2.0授权码模式为例： ......
在html页面使用js显示当前时间在输入框中
具体代码 <script type="text/javascript"> var date = new Date(); var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); document.ge ......
VUE3新建项目
npm init vite-app archer240105 //进入目录 cd 项目目录 //安装依赖 npm install //运行 npm run dev ......
前端排除项目中未使用资源脚本
import os class FileData: def __init__(self, name, path): self.name = name self.path = path # 遍历项目文件夹中的所有图片文件 image_files = [] def get_all_image_files ......
Pytest06-pytest的setup和teardown函数
高清B站视频链接 pytest的setup和teardown函数 用例前置和后置 # 类外面 setup_module/teardown_module：在当前文件中，所有的用例执行之前以及之后执行 setup_function/teardown_function: 在每个测试函数之前以及之后执行 s ......
前端面试题三
ES6新特性有哪些？ 变量声明：由var变为let和const；模板字符串:使用反引号 `` ；在模板字符串里面支持换行,并可以在里面使用${}来包裹一个变量或表达式；解构赋值：有数组解构和对象解构，可以快速获取数组和对象的值；扩展运算符：在ES6中用...来表示展开运算符，它可以将数组或者对象进行 ......
前端导出文件 java.io.IOException: Connection reset by peer
一、场景 后端生成zip压缩文件，前端直接导出。 问题：文件小的时候正常导出，大的时候，接口收不到返回的文件流；本地测试没问题，部署线上有问题； 二、原因分析 后台打印日志，发现如下报错日志 java.io.IOException: Connection reset by peer 查阅得知，断开连 ......