jjzjj

@ant-design/icons-vue按需引入icon

正常引入icon组件库import*asIconsfrom'@ant-design/icons-vue'//循环使用全部全部图标consticons:any=Iconsfor(constiinicons){//全局注册一下组件app.component(i,icons[i])}此时打包npmrunbuildicons组件占用的资源很多,但是我们用到的icon不多,怎样做到按需加载呢下面通过vue.config.js配置解决这个问题重点是下面配置,这里的意思是读取@ant-design/icons-vue组件路径改成了resolve('./src/assets/antd/icons.js');通

Induction of Design Pattern

网上查到的设计模式有23种,通过归纳去认识他们也是一种不错的视角。我这边不按照主流的观点去划分为创建型、结构型、行为型三大类,我只归纳为创建型(CreationalClass)、简单功能场景(SimpleMethodClass)、复杂功能场景(ComplexMethodClass)三大类。原因是结构、行为这种词本身就比较泛,而模式本身就是一种比较交叉融合的状态,所以根据我的理解,我主观性的重新划分,当然只是为了让我理解和思考。其实程序设计模式里,大多数的考虑初衷都是为了面向未来未知情况,在当前就先规划做好扩展方式,方便能让未来使用者使用方便的代码结构。也有能节省资源的设计模式、方便解耦的设计模

ant-design-vue在ios使用AUpload组件唤起了相机,HTML的 `capture` 属性

在使用antdesignvue组件的上传组件AUpload的时候有一个问题,直接按照demo写,在ios上会唤起相机,但是实际上我们的需求是弹出选择相册/相机这个弹框。解决办法是加一个 cupture="null"这个属性即可 点击上传HTMLattribute:capture-HTML:HyperTextMarkupLanguage|MDNThecaptureattributespecifiesthat,optionally,anewfileshouldbecaptured,andwhichdeviceshouldbeusedtocapturethatnewmediaofatypedefin

vue3 组合式 ant.design组件Table嵌套表格,从后端获取数据并动态渲染

在根据官方文档使用ant.design中的嵌套表格时,发现官方文档很多地方都不够详细。在过程中踩了不少坑,例如:子表如何获取父表的数据?如何获取子表的行索引?如何让子表的数据源来自父表该行的数据?总之,最后还是磕磕绊绊做完了功能,于是第一时间把代码整理出来以作分享。首先,后端返回的数据是json格式。后端返回数据格式如下:{"result":true,"errorCode":null,"errorMsg":null,"data":[{"id":"001","name":"A","releaseVersion":"v2.00.02","subSystem":"a","type":"edit","

数字IC设计 - 逻辑综合简介与Design Compiler使用(GUI方式)

逻辑综合定义逻辑综合就是将前端设计工程师编写的RTL代码,映射到特定的工艺库上,通过添加约束信息,对RTL代码进行逻辑优化,形成门级网表。约束信息包括时序约束,线载模型约束,面积约束,功耗约束等。逻辑综合的转换过程逻辑综合主要包含以下三个方面:翻译,门级映射,逻辑优化。Synthesis=Translation+GateMapping+LogicOptimizationTranslation:将Verilog或者VHDL代码转换成GTECH网表(通用的网表格式,与工艺库没关系),然后会转换成和工艺库相关的网表设计文件。GateMapping:将GTECH网表文件进行实际门级电路的映射,映射到标

Ant Design表单之labelCol 和wrapperCol的实际开发笔记

目录前言一、labelCol和wrapperCol是什么二、布局的栅格化1.布局的栅格化系统的工作原理三、栅格常用的属性1.左右偏移2.区块间隔3.栅格排序四、labelCol和wrapperCol的实际使用总结前言主要是记录一下栅格布局的一些属性和labelCol、wrapperCol等。一、labelCol和wrapperCol是什么首先,我们先去查询AntDesignVue文档, 由图中可知,它是属于Grid栅格里面的属性。而labelCol是什么意思呢,直接去翻译一下,而label它是标签的意思,而Col它是列的意思,所以,从字面上去理解,就是标签列。而wrapperCol,它在英文里

Ant Design Vue 日期选择器DatePicker传给后台日期参数格式问题

花了一个下午才解决,官方组件文档里面是没有处理方案说明的。项目版本:AntDesignVue2.0.2前端部分代码:template>a-modal:visible="visible":width="windowWidth":height="800":title="title":maskClosable="false"@ok="close"@cancel="close"cancelText="关闭"> a-col:md="6":sm="8"> spanstyle="color:red;width:15px;float:left;margin-top:5px;">★/span> a-form-i

Ant Design Charts 自定义提示信息、图例、文本信息

AntDesignCharts自定义图例legend关闭图例legend:false;图例配置参数,布局类型layout图例展示位置positionlegend:{layout:'horizontal',position:'right'}布局类型layoutoptionalhorizontal|vertical图例布局方式。提供横向布局和纵向布局。图例展示位置position图例位置,可选项:‘top’,‘top-left’,‘top-right’,‘left’,‘left-top’,‘left-bottom’,‘right’,‘right-top’,‘right-bottom’,‘botto

告别原始 UI 样式,拥抱 Fluent Design 风格 PyQt/PySide 组件库

简介这是一个使用PyQt/PySide编写的FluentDesign风格的组件库,支持亮暗主题无缝切换和自定义主题色,搭配QtDesigner可以快速开发美观的界面。github仓库地址为https://github.com/zhiyiYo/PyQt-Fluent-Widgets,演示视频可以在哔哩哔哩上观看。安装轻量版(AcrylicLabel不可用):pipinstallPyQt-Fluent-Widgets-ihttps://pypi.org/simple/完整版:pipinstall"PyQt-Fluent-Widgets[full]"-ihttps://pypi.org/simple

EBU5476 Microprocessor System Design 知识点总结(二)Arm architecture

ARM架构ARM是一个指令集,前面讲的几个汇编指令这些都算做指令。ARM公司有意思的地方是,他们不做ARM设备,他们只设计指令集架构,然后授权(知识产权核,IP核)给其他半导体厂商做。A:application,主打高性能,手机电脑有许多就是ARM架构的。R:realtime,主打实时,比如车联网对实时性要求很高。M:microcontroller,应用于小型嵌入式系统,我们使用的板子。m系列有m0到m7(简单说就是性能逐渐增加?),而且向下兼容即m7兼容m0~m6.SoC我们的板子上有一个黑色的小芯片,上面写着stm32blabla一串字符。这个就是整个板子的核心,相当于囊括了上文提到的计算