接口axios vue all
Fence & FencedFrameConfig All In One
Fence & FencedFrameConfig All In One Fence // ƒ Fence() { [native code] } Fence() // VM241:1 Uncaught TypeError: Illegal constructor f = new Fence() / ......
vue处理文件流实现上传下载
1.文件流转base64 axios({ method: "post", url: "************", responseType: "blob", //必须将返回数据格式更改为 blob 格式 }).then(res => { // 处理返回的文件流数据转为blob对象 let blob ......
node开发一个接口详细步骤
最近在做后台系统改版，由于目前接口还没出来，就自己用nodejs写了个简单的接口。 我这里用的是nodejs+mysql的 这里不讲nodejs和mysql的安装。这些基础略过。 首先创建文件夹。cd 进入文件。npm init 进行初始化安装下面的包 npm install body-parser ......
node+mysql+express实现登录/注册/修改密码/删除用户 接口
实现用户的注册、登录、修改密码、删除用户操作 用到的数据库：nodecms；表：user 目录结构： db目录下存放数据库操作语句： userSQL.js 用户有关的操作语句router目录 接口路由文件 user.js 用户接口路由connect.js 数据库连接index.html前端测试页面i ......
问题：vue3 使用 vite 构建的项目打包后无法打开index.html文件，或者显示一片空白
一、问题描述 项目build之后，点击dist文件中的index.html文件，打开是空白，提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/"，file://…访问需要基于index.html的路径，需要再vit.config.js中进行以下配置 2.跨域问题 vit ......
TypeScript入门到精通——TypeScript类型系统基础——接口
接口 类似于对象类型字面量，接口类型也能够表示任意的对象类型。不同的是，接口类型能够给对象类型命名以及定义类型参数。接口类型无法表示原始类型，如 boolean 类型等。 接口声明只存在于编译阶段，在编译后生成的 JavaScript 代码中不包含任何接口代码。 一、接口声明 通过接口声明能够定义一 ......
硬件设备 之一 详解 JTAG、SWD 接口、软 / 硬件断点、OpenOCD、J-link
硬件设备 之一 详解 JTAG、SWD 接口、软 / 硬件断点、OpenOCD、J-link news/2023/10/26 14:06:49 JTAG 和 SWD 在嵌入式开发中可以说是随处可见，他们通常被用来配合 J-Link 、ULINK、ST-LINK 等仿真器在线调试嵌入式程序。此外，还有 ......
vue3实现前端导出Excel，默认与自定义表头中文名
参考：https://blog.csdn.net/weixin_46112225/article/details/125302036 一、依赖安装 package.json文件中（版本号其实应该可以不限制，用最新的是OK的） "dependencies": { ... "xlsx": "^0.16. ......
Vue3 模版常用语法
一、背景 二、实现 仅支持表达式 {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} {{ author.books.length > 0 ? 'Yes' : 'No' }} <div :id="`list-${id} ......
Vue3 computed 计算属性函数使用
Vue3 computed 计算属性函数使用 computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进computed中，computed是用来定义计算属性的。 1. 基本使用：只读 <template> <div> <div>计算属性</div> ......
vue中实现上传 ，下载功能
上传功能（包括上传图片，上传文件）使用 element 组件库 https://element.eleme.cn/#/zh-CN/component/upload <el-upload class="avatar-uploader" :disabled="isUpload" action="" :s ......
Vue3 子组件修改父组件传过来的值
Vue3 子组件修改父组件传过来的值 1、在父组件中，找到引用的子组件，在引用中加入v-model 例如：子组件是demo,需要穿的值为num 这个有个温馨提示，（v-model +冒号+需要穿的值）这个v-model可以写多个 <demo v-model:num="num"></demo> //例 ......
Vue localStorage 将数据存为数组
Vue localStorage 将数据存为数组 要把表单数据存成数组形式，在另一个页面通过v-for渲染展示，因为拥有同一个key值，在每次更新表单数据时都会发生数据覆盖现象。 var templist = JSON.parse(localStorage.getItem("msgBody") || ......
使用fluent api调用https接口时忽略证书异常
不知道为啥，中文互联网对脱胎于httpclient的fluent api介绍太少了，遇到问题也不知道怎么查，只能自己研究，于是遇到问题赶紧记下来 一般情况下我们使用fluent的get方法调用http接口的方式是这样的 Request.get(url) .connectTimeout(Timeout ......
vue学习笔记之执行顺序
vue文件加载顺序：index.html>app.vue>main.js 加载顺序详情： 执行index.html（index.html中id为app的div标签是一个挂载点，之后我们的Vue根实例就会挂载到该挂载点上） 执行main.js main.js找到实例挂载app.vue文件，将index ......
vue + tornado 个人博客项目简介
vue + tornado 个人博客项目简介 项目链接：https://www.freepd.top 项目链接：https://admin.freepd.top 项目简介 首页预览 本站接入了百度api 每小时更新访问量 域名在阿里云购买，解析到腾讯云服务器 ssl证书为阿里云每年免费申请20个 技 ......
Vue2 element-table 动态添加一行
Vue2 element-table 动态添加一行 <template> <div class="app-container"> <!-- 表格 --> <el-table :data="tableData" :height="fullHeight" border> <el-table-column ......
vue实现文件上传与下载
一、文件上传（多个文件上传） 1、文件上传弹窗代码： <! 上传文件弹窗 > <el-dialog :title="addFileTitleName" :visible.sync="dialogAddFile" width="500px" style="padding:0;" @close="res ......
vue3项目创建
1. 确保npm指令能够运行 - 官网下载nodejs Download | Node.js (nodejs.org) 安装完成后重启intellij 2. 终端输入 npm install -g create-vue 3. 终端输入 create-vue 新建vue项目 根据需要设置功能, 例： ......
「实用技巧」后端如何使用 Eolink Apikit 快速调试接口？
程序员最讨厌的两件事： 写文档 别人不写文档 写文档、维护文档比较麻烦，而且费时，还会经常出现 API 更新了，但文档还是旧的，各种同步不一致的情况，从而耽搁彼此的时间，大多数开发人员不愿意写 API 文档。 Eolink Apikit 为后端工程师提供 API 文档的创建与自动化生成、快速接口调试 ......
vue打包部署遇到的问题
网站上线中遇到的问题（跨域，404，空白页解决方案） 因为本人是后端开发工程师，对前端开发不了解，踩了很多坑，所以将踩过的坑分享出来，以供参考 网站地址：这里 这段时间将项目部署到服务器中引发了几个问题 第一个问题：跨域 一般跨域是由后端来解决的，但是由于项目中加入了追踪请求的日志，频繁option ......
开发实例：后端Java和前端vue实现文件上传和下载功能
首先，在Java的后端代码中，我们可以使用Spring框架来实现文件上传和下载功能。以下是一个简单的示例： 文件上传 首先，我们需要在html页面上创建一个表单，其中包含一个file类型的输入字段： <form action="/upload" method="POST" enctype="mult ......
vue - 实现文件的上传-字节流下载详细过程
前言这个需求一般是在有合同的地方用，首先不止一个地方用我们应该把他封装成一个简易的全局组件， 上传的时候封装成全局组件，传2个值，一个合同id，一个开关，下载的时候调用接口获取文档流下载 注意看下面的文件上传下载-细节有详细的过程和遇到的问题和解决方案 效果图接口配置import request f ......
[Vue]样式绑定 :class :style
1. class样式 写法:class="xxx" xxx可以是字符串、对象、数组。 1) 字符串写法适用于: 类名不确定，要动态获取。 2) 数组写法适用于: 要绑定多个样式，个数不确定，名字也不确定。 3) 对象写法适用于: 要绑定多个样式，个数确定，名字也确定，但不确定用不用。 2. styl ......
OpenTiny Vue 支持 Vue2.7 啦！
TinyVue 是一个实现了一套代码同时支持Vue2和Vue3的跨端跨框架前端组件库，近期即将发布的 v2.11.0 版本将支持Vue2.7，实现了对Vue框架的全面支持，下一步就是React啦！ ......
Synchronized和Lock接口
Synchronized Synchronized关键字回顾 synchronized是java中的关键字，是一种同步锁。它修饰的对象有以下几种： 1.修饰一个代码块，被修饰的代码块称为同步代码块，其作用的范围是大括号{}，括起来的代码，作用的对象是调用这个代码块的对象，synchronized不能 ......
微博排行榜：获取微博用户和话题排行榜API接口
随着社交媒体的快速发展，微博已成为了人们获取信息的重要途径。而在微博中，用户和话题的排行榜更是引起了人们的广泛关注。那么如何获取微博用户和话题排行榜呢？下面介绍一下基于微博排行榜API接口的方法。 一、获取微博用户排行榜API接口 微博用户排行榜API接口是一种用于获取微博用户排名的接口。我们可以使 ......
vue打包的时候删除 console 和 debugger
esbuild: { pure: VITE_DROP_CONSOLE ? ['console.log', 'debugger'] : [], supported: { // https://github.com/vitejs/vite/pull/8665 'top-level-await': tru ......
29-Vue脚手架-mixin 混入
mixin 混入 功能：可以把多个组件共用的配置提取成一个混入对象 使用混合： 1）第一步，定义混入 新建一个JS文件，比如mixin.js src/mixin.js // 分别暴露 export const hunhe1 = { methods:{ showName(){ alert(this.n ......
vue实现动态展开与折叠内联块元素
功能需求 当多个内联块元素（比如div）在一个固定宽度的父元素内自动排列换行时，如果这些元素的行数超过四行，那么默认折叠超出的部分，并在第四行末尾显示一个按钮供用户切换展开或折叠状态。在折叠状态下，为了确保展开/折叠按钮能够显示在第四行末尾，会隐藏第四行的最后一个元素。在展开状态下，所有元素都会显示 ......