design
QFluentWidgets: 基于 C++ Qt 的 Fluent Design 组件库
简介 QFluentWidgets 是一个基于 Qt 的 Fluent Designer 组件库,内置超过 150 个开箱即用的 Fluent Designer 组件,支持亮暗主题无缝切换和自定义主题色。搭配所见即所得的 Fluent Designer 软件,只需拖拖拽拽,不用编写一行 QSS,就能 ......
基于react18+vite4+arco.design搭建极简版后台管理模板
趁着国庆前夕整了一个vite4结合react18搭建后台管理模板,搭配上字节团队react组件库ArcoDesign,整体操作功能非常丝滑。目前功能支持多种模板布局、暗黑/亮色模式、国际化、权限验证、多级路由菜单、tabview标签栏快捷菜单、全屏控制等功能。极简非凡的布局界面、高定制化模块,用心打 ......
vue3项目结合ant design vue的upLoad组件实现上传和下载Excel文件
1.上传文件 1.组件引入 import { Button, Upload } from 'ant-design-vue' 2. 代码 <Upload v-model:file-list="fileList" name="file" // 限制文件格式 accept=".xlsx,.xls" // ......
Umi Max(4.X)+Ant Design(5.X)单独修改侧边栏颜色
Umi Max(4.X)+Ant Design(5.X)单独修改侧边栏颜色 前提 在工作负责的平台中,侧边栏颜色都是暗色风格,内容区域为亮色风格,为了保持统一,需要将新项目的侧边栏改为暗色 折腾过程 旧版实现 在旧版 antd 4中,config文件夹下有一个 defaultSettings.ts ......
什么是设计领域的 4 eyes design
4 Eyes Design(四目设计)是一种设计审查和验证过程,旨在确保设计项目的质量、准确性和可靠性。这一设计方法通常用于软件开发和产品设计等领域,其核心概念是通过引入多个独立的视角和专业知识,来审查和验证设计方案,以降低错误和问题的风险。4 Eyes Design的名称源自于“四双眼睛”即四个独 ......
[Ant Design Pro] a brief note when trying a frontend framework
I'm a backend developer and know little about frontend. but recently I tried a frontend building tool, Ant Design Pro. Here is an note when initiating ......
Ant Design Pro项目ProTable怎么获取搜索表单值
前情 公司有经常需要做一些后台管理页面,我们选择了Ant Design Pro,它是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。 产品效果图 最新接到的一个后台管理界面需求,如下图。需要实现数据导出功能,ProTable搜索栏默认有重置和查询按钮,所以需要增 ......
web form程序 紧急修改 热编译模式 文件,删掉designer.cs文件
目的是使用老的webpages页面 实时编译的,用于处理紧急情况,可以热编译1.删掉designer.cs 2.修改aspx 文件的第一行<%%>中的属性名 CodeBehind="test.aspx.cs" --改成 CodeFile="Test.aspx.cs" 3.修改aspx.cs文件 一般 ......
VUE3+vite+arco design 项目初始化
意见反馈系统总结 创建项目 首先选择一个文件夹 进入命令窗口 使用vite创建项目 npm create vite@latest 初始化项目后 进入项目安装依赖 npm install 运行 npm run dev 使用arcodesign组件库 安装 npm install --save-dev ......
记录 umi4 ant design pro typescript 在 vscode 代码提示错误的问题
原因是vscode 使用的ts版本与项目不匹配。 修复方法: 在vscode拓展【左侧4个方框的图标】搜索 typescript 下载安装插件 JavaScript and TypeScript Nightly 然后使用ctrl+shift+p 调出命令,使用 Select TypeScript v ......
Ant Design Vue 中的tab组件中,获取不到$ref
问题:在tab的组件中引入了一个组件,在页面渲染时,需要用到子组件bpmnModeler 里面的方法,调用this.$ref.bpm的时候报错了,找不到bpm <a-tab-pane key="3" tab="流程图" > <div class="search"> <a-card> <a-row s ......
[Design-Data-Intensive-Application] Data Structrure that Power Database
1 Hash Table Index + Append Log advantages Perform > Random Write Concurrent + Crash / recovery disadvantages memory range query 2 SSTable. (Sorted St ......
Arco Design中Table添加cell边框
在Arco Design组件库中,table组件 默认只有行的边框,如下图: 文档中 bordered 属性的描述: 那么我们给bordered添加 { cell: true } 即可,修改代码如下: <a-table :bordered="{ cell: true }" :columns="col ......
Ant Design Pro初始化报错
**问题遇到的现象和发生背景 Ant Design Pro初始化报错 运行结果及报错内容** D:\yonhu>pro create myapp ? 🐂 使用 umi@4 还是 umi@3 ? umi@3 ? 🚀 要全量的还是一个简单的脚手架? simple 'git' 不是内部或外部命令,也不 ......
[Design-Data-Intensive-Application] Scalability
1 scale up better cpu better sever 2 scale out Weibo / post / user / follow 1) post select post from posts join users on p.send_id = u.id join follows ......
[Design-Data-Intensive-Application]- Reliability
1 How to work under failure 1) error & solution error HW-error disk / network / machine SW-error bug (sandbox-> Experiment) human error (Access contro ......
ant design pro改造表格页面
找到src/pages/TableList/index.tsx 先ctrl+shift+- 全局压缩 在TableList找到columns 换成我们自己的 ProColumns中放的是数据 下图为API.InterfaceInfo const columns: ProColumns<API.Int ......
论文阅读: Co-design Hardware and Algorithm for Vector Search
1. Introduction 介绍一下论文背景, 向量检索常用于 搜索引擎,推荐系统,LLM和科学计算等 对应的常用的硬件向量检索方法,IVF-PQ 其中IVF:将多个向量聚类, PQ将向量压缩 而为了最大化IVF-PQ的效果,也会面临很多的挑战 在芯片设计的过程中,会遇到针对六个阶段如何设计合适 ......
Vue2 Modal组件函数式调用封装(基于Ant Design Vue 组件)
一、h函数(createElement函数)版本 import Vue from "vue"; import { Modal } from "ant-design-vue"; // 获取扩展 Modal 组件 function getModalConstructor(modalProps, chil ......
Ant Design Vue Table 嵌套子表格的数据刷新方法
父子组件各自负责,在table中嵌套了子表格后,首次加载表格时,父组件会实例化子组件并传递参数,折叠后再次展开时,只会传递参数,子组件的数据刷新就属于子表格了。如 @@@code <template #expandedRowRender="{ record }"> <originIndex styl ......
react18-webchat网页聊天实例|React Hooks+Arco Design仿微信桌面端
React18 Hooks+Arco-Design+Zustand仿微信客户端聊天ReactWebchat。 react18-webchat基于react18+vite4.x+arco-design+zustand等技术开发的一款仿制微信网页版聊天实战项目。实现发送带有emoj消息文本、图片/视频预 ......
ant design of vue 表格 默认,跨页勾选,翻页选择记忆勾选,数据回显勾选
需求 在使用ant design of vue 的table表格时需要让之前已选择的数据显示勾选状态,还要支持跨页勾选 思路 需要指定row-key绑定的值必须唯一 ant-design-vue的表格对于跨页勾选支持的非常友好,只要设置绑定一下rowKey就可以了,我这里绑定的是workerId 代 ......
DC逻辑综合工具简介-Design Compiler
逻辑综合:代码转变为网表 FPGA:代码转变为FPGA内部的数字单元 在进行综合的时候往往会使用一些脚本工具 1.目标 RTL -- 书写完成后,输入到DC,复杂的RTL设计,通常是层次化设计 综合库 -- 使用的工艺库,比如台积电5nm工艺,设计约束和技术文件 了解命令,掌握分析报告的方法 2.必 ......
Implementing Domain Driven Design (Part Three)
# Example Use Cases This section will demonstrate some example use cases and discuss alternative scenarios. ## Entity Creation Creating an object from ......
Implementing Domain Driven Design (Part Two)
# Implementation: The Building Blocks This is the essential part of this guide. We will introduce and explain some **explicit rules** with examples. Y ......
Altium Designer AD20 AD21 AD22版本中焊盘走线引出方式别扭的设置方法
在学习AD22,发现他走线到焊盘总是特殊角度接入焊盘,如下图,我们想走成图1,但是总会总成图2,怎么改你也改不过来,除非你先从焊盘走一截线. 图1 图2 解决的方法如下: 选项 -> System -> General -> 右下角的 Advanced ,找到 Legacy.PCB.Internal ......
Induction of Design Pattern
网上查到的设计模式有23种,通过归纳去认识他们也是一种不错的视角。 我这边不按照主流的观点去划分为创建型、结构型、行为型三大类,我只归纳为创建型(Creational Class)、简单功能场景(Simple Method Class)、复杂功能场景(Complex Method Class)三大类 ......
Altium Designer 20——入门学习
AD用于PCB板级绘制,这里以AD20为例说明入门用法。 一,基础 一个完整的project(*.PrjPcb)要包含四种文件: 即原理图库(*.SchLib),原理图(*.SchDoc),PCB库(*.PcbLib),PCB(*.PcbDoc) 参考: 第4课 AD的工程组成及创建.mp4_哔哩哔 ......
avue表单组件后台拖拉拽框架avue-form-design在移动端vant框架与uniapp框架下的动态渲染转换适配
**avue表单组件后台拖拉拽框架avue-form-design:https://github.com/sscfaith/avue-form-design** **avue表单组件后台拖拉拽框架avue-form-design在移动端vant框架与uniapp框架下的动态渲染转换适配** 待补充 ......