前端 组件wolftable格式
el-upload组件报TypeError: Cannot create property ‘uid‘ on string错误解决方法
今天发现使用el-upload上传文件,上传没有问题,点详情看文件时就会报一个错误,错误如下:TypeError: Cannot create property ‘uid’ on string ‘https://xxxx.com/upload/20230506/1683346602758.png’ ......
前端常用登录方式
前端常见登录方式 总结下前端几种常见的登录方式： Session Token Oauth 第三方登录 SSO 单点登录 多因素认证 1、 基于会话（Session）的认证 特点：服务端存储 SessionId 1.1 实现流程 用户提交登录表单，包含用户名和密码。 服务器验证凭证，如果凭证正确，则创 ......
vue2加载远程组件
<template> <div class="async-component"> <div @click="child">hahah</div> <component ref="test" :is="remote" v-if="remote" :test="test" @handler="haha" ......
教你windows10如何原生支持预览IPhone拍摄的HEIC格式照片
HEIC是新出的一种图像格式，苹果的iOS 11更新后，iPhone 7及其后硬件，在拍摄照片时默认存储为HEIC格式。与JPG相比，它占用的空间更小，画质更加无损。HEIC格式照片支持iOS11及macOS High Sierra（10.13）及更新版本。但是此种格式是无法在Windows中直接使 ......
【前端VUE】VUE通信组件学习（附源代码）
props props可以实现父子组件通信，不管是在vue2或者vue3，props数据还是只读的！！！不能直接修改其值；在vue3中，我们可以通过defineProps获取父组件传递的数据，且在组建内部不需要引入defineProps方法可以直接使用，如下面例子 Parent.vue //父组件 ......
React中在非组件中获取到路由信息
1. 安装history包：yarn add history 2. 创建 utils/history.js文件 3. 在app.js中使用我们新建的路由并配置history参数 4. 通过响应拦截器处理 token 失效，如果发现是401调回到登录页 代码实现 utils/history // ht ......
前端面试八股文汇总
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ......
JSON String 格式化函数
背景 一般我们格式化JSON string是通过JSON.parse, 再使用JSON.stringify方法进行格式化，但是JSON.parse 有BigInt精度丢失问题 方案 考虑用以下纯字符串的方式来解析，添加空格与\n来缩进。 比较易漏的点在于 1.考虑转义字符， 2.字符串内的字符，不需 ......
十七、组件-基础组件-Button
Button 按钮组件，可快速创建不同样式的按钮。 方法1：Button(options?:{type?:ButtonType,stateEffect?:boolean}) 方法2：Button(label?:ResourceStr,options?:{type?:ButtonType,stateE ......
Intellij IDE 修改默认类和方法注释格式
修改创建类时的默认注释 第一步：按菜单路径[File->Settings->Editor->File and Code Templates]找到默认配置 第二步：修改JAVA类、接口、枚举的注释，因为三者注释相似，所以直接关联到同一套注释配置【File Header.java】，所以直接修改incl ......
十六、组件-通用属性-位置设置
位置设置 设置组件对齐方式、布局方向和显示位置。 align：设置元素内容在元素绘制区域内的对齐方式。 direction：设置元素水平方向的布局。 position:基于父容器的定位 markAnchor：相对于自身的定位，x正数代表左移，负数代表右移；y正数代表上移，负数代表下移。 offset ......
实践解析HPA各关联组件扭转关系
本文分享自华为云社区《HPA各关联组件扭转关系以及建议》，作者：可以交个朋友。 一、背景 应用程序的使用存在波峰波谷现象，在应用流量处于低谷期间，可以释放因过多的Pod而浪费的硬件资源。在应用流量高峰期提供弹性足够的Pod处理流量。 二、HPA各个组件扭转关系 kubernetes使用者通过创建一个 ......
前端标签
前端标签是用于描述网页结构和内容的标签。它们可以分为以下几类： 文档声明、文档结构、功能标签 这类标签用于描述文档的类型、结构和功能。例如： <!DOCTYPE html>：声明文档的类型 <html>：定义文档的根元素 <head>：定义文档的头部 <body>：定义文档的主体 <title>：定 ......
前端体验优化（4）——数据
数据包括性能指标、监控数据以及通过埋点得到的业务数据，而数据分析是体验优化的最后一环。 通过数据来量化当前的工作，从而证明工作是否高效，优化是否有效等问题。 量化的工作包括代码质量和业务数据。 一、代码质量 代码质量的数据来源于思维导图中的性能指标和监控体系，包括 SLA、慢响应、前端错误、白屏和首 ......
使用7Z制作自解压文件，SFX的妙用——在不安装软件的情况下打开自定义格式文件？
前段时间看到群友讨论压缩包能不能运行，想起了n年前用自解压文件SFX实现的一个“需求”：在没有安装任何应用软件的Windows（当时还要支持XP）上能双击打开自定义格式的文件。当时第一反应是这“需求”太奇葩了，简直是不可能。但思考后认为这个“需求”存在一定的合理性，因为当时的目标用户群体并不能熟练使 ......
C++ Qt开发：QItemDelegate 自定义代理组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`QStyledItemDelegate`自定义代理组件的常用方法及灵活运用。在Qt中，`QStyledItemD... ......
Blazor入门100天 : 自做一个手势滑动组件
0. 我想在blazor模仿app实现触摸返回,下拉刷新 ... 现在用 blazor 做 app (blazor hybird) 和支持手机浏览页面越来越多, net8 也推出了一个webapp auto模式,可谓是极大的利好, 2024 让auto流行起来, 😃 配套源码 1. 新建 net8 ......
Blazor入门100天 : 自做一个支持长按事件的按钮组件
好长时间没继续写这个系列博客了, 不知道大家还记得我吗? 话不多说,直接开撸. 1. 新建 net8 blazor 工程 b19LongPressButton 至于用什么模式大家各取所需, 我创建的是ssr单工程, App.razor 里面改一下, 加入 @rendermode="RenderMod ......
前端json转excel 到zip下载
问题描述：后端返回数据原先返回是多个json文件的压缩包二进制文件流，前端直接下载二进制文件流。但是客户要求下载excel类型文件。 解决方案：前端拿到表格的json数据转换成对应table的html字符串，使用插件js-xlsx。 给个链接， import * as XLSX from 'xlsx ......
vue 组件缓存 keep-alive的include失效
include中添加的name属性，必须与对应的vue组件文件中的name属性保持一致 详见：https://www.jianshu.com/p/ab5191eb7f1d 翻译 搜索 复制 ......
element ui中同级button调用upload组件
代码 <el-upload ref="schoolLogo" class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handl ......
处理application/octet-stream格式的文件下载
export function downloadFile(url, data) { axios({ method: 'post', url: Vue.prototype.myUrl + url, headers: { 'x-auth-token': window.localStorage.getIt ......
vue2前端调接口下载（导出）后端返回.zip压缩文件流
1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......
修复微前端无界[wujie]子应用window属性值在初始化后不再变化的问题
问题 部分的组件库（例如antd）使用到了window.innerWidth和window.innerHeight属性，可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用，导致后续不管主应用如何变化，子应用的这两个属性无法跟随变化，也就导致子应用使用的这些组 ......
十五、组件-通用属性-按键事件
按键事件指组件与键盘、遥控器等按键设备交互时触发的事件（仅适用于所有可获焦组件，例如：Button） //绑定该方法的组件获焦后，按键动作触发该回调 onKeyEvent(event:(event?:keyEvent)=>void) 案例代码： /** * author:创客未来 * copyrig ......
【持续更新篇】SLAM视觉特征点汇总+ORB特征点+VINS前端
Harris角点 opencv函数 cornerHarris提取输入图像的Harris角点 检测原理 检测思想：使用一个固定窗口在图像上进行任意方向的滑动，对比滑动前后的窗口中的像素灰度变化程度，如果存在任意方向上的滑动，都有较大灰度变化，则认为该窗口中存在角点。 \(E(u, v)=\sum_{( ......
界面控件DevExpress WPF Dock组件，轻松创建类Visual Studio窗口界面！
本文主要为大家介绍DevExpress WPF控件中的Dock组件，它能帮助用户轻松创还能受Microsoft Visual Studio启发的Dock窗口界面。 P.S：DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpres ......
十四、组件-通用属性-触摸事件
//手指触摸动作触发回调 onTouch(event:(event?:TouchEvent)=>void) 案例代码： /** * author:创客未来 * copyright:com.ckFuture.hrb * 触摸事件 */ @Entry @Component struct Touch { ......
Unity3D 拖拽赋值组件与通过Find赋值组件的优点与缺点详解
前言 Unity3D是一款流行的游戏开发引擎，提供了丰富的功能和工具，使开发人员能够轻松创建高质量的游戏。在Unity3D中，我们经常需要通过拖拽赋值组件或通过Find赋值组件来实现不同对象之间的交互。本文将详细介绍这两种方法的优点和缺点，并给出相应的技术详解和代码实现。 对啦！这里有个游戏开发交流 ......
C++ Qt开发：TableWidget表格组件
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍`TableWidget`表格组件的常用方法及灵活运用。`QTableWidget` 是 Qt 中用于显示表格数据... ......