- antd of vue treeSelect——异步加载
who_become_gods
onLoadData(treeNode){varthat=thisreturnnewPromise((resolve)=>{if(treeNode.
- 【Antd】Form.List的强大之处,Form.List使用方式细微讲解
hzxOnlineOk
listwindows服务器
设想场景有时候我们会遇到一些复杂的需求,需要用Table嵌套Form.List,逐层嵌套渲染表格表单列表,填写完毕后提交的复杂需求。由于表单项分布在数据的各个层级里,因此,如何回填表单值就成了一个比较棘手的问题,处理不好,很容易引发一些逻辑bug(例如表单重置后,数据回填、表单校验异常等)如何处理数据其实,antd的form实例对象很强,只需要提供给它指定的field和索引i组成的formName
- React Native实现手风琴折叠菜单效果
做全栈攻城狮
使用了各类手风琴组件,都出现了各类问题。而市面上手风琴效果的第三方组件又不是很多。最终使用的是antdesign的手风琴效果,简单高效。组件网址:https://rn.mobile.ant.design/components/accordion-cn/#components-accordion-demo-basic使用DEMO:https://github.com/ant-design/ant-d
- antd-table使用报错的一次记录,rowkey的正确使用
不cong明的亚子
前端奇特的小问题react.js前端antd
eachchildinalistshouldhaveaunique"key"prop.Eachrecordintableshouldhaveauniquekeyprop,orsetrowKeytoanuniqueprimarykey.如果你在使用antd-table中报错如上,那么你应该是错误使用rowkey这个属性正确使用方式:你所使用rowkey传入的值,必须是data中一定有的key值属性名
- C#排序算法新境界:深度剖析与高效实现基数排序
AitTech
算法排序算法c#算法
基数排序(RadixSort)是一种非比较型整数排序算法,其原理是将整数按位数切割成不同的数字,然后按每个位数进行比较。具体来说,基数排序有两种方法:最低位优先(LSD,LeastSignificantDigitfirst):从最低位开始,向最高位进行排序。最高位优先(MSD,MostSignificantDigitfirst):通常用于字符串的排序,从最高位开始,向最低位进行排序,且常使用递归实
- Axure元件库Ant Design中后台原型模板:提升设计与开发效率的利器
招风的黑耳
观点与探讨axureAntDesign
企业对于中后台产品的设计与开发需求日益增长。为了提升用户体验和开发效率,设计者和开发者们不断寻求更加高效、统一的解决方案。AntDesign,作为阿里巴巴开源的一套企业级UI设计语言和React组件库,凭借其丰富的组件和统一的设计风格,已成为众多项目的首选。而在Axure中使用AntDesign元件库,更是为中后台产品的原型设计带来了极大的便利。AntDesign简介AntDesign是一套服务于
- 【Material-UI】Mini Variant Drawer 详解
Peter-Lu
#material-uiuijavascript前端Material-UIreact.js
文章目录一、Minivariantdrawer概述1.组件介绍2.Minivariantdrawer的核心特点二、Minivariantdrawer的基本实现三、Minivariantdrawer的细节解析1.展开与折叠的动态效果2.响应式设计3.适用场景四、如何在项目中使用Minivariantdrawer五、总结Material-UI是React生态系统中的一款强大且流行的UI框架,它提供了大
- 【Python百日进阶-Web开发-Feffery】Day301 - fac(feffery-antd-compontents)快速入门
岳涛@心馨电脑
DashFeffery前端pythonreact.js
文章目录前言:fac是什么?“人生苦短,我用Python;Web开发,首选Feffery!”↓↓↓今日笔记↓↓↓一、fac是什么?1.1feffery-antd-components:AntDesign在Dash中的最佳实现1.2fac特性1.3版本1.4安装二、Dash+fac开发环境的准备2.1创建虚拟环境2.2安装Dash2.3安装fac2.4查看dash和fac版本前言:fac是什么?fe
- Vue3 + vite + antd2 vite.config.js及SyntaxError: The requested module ‘/node_modules/.vite/ant-design
咏春-迪迦
JavaScriptjavascriptvue.js前端
项目中使用Vue3+vite+antdv2.x的vite.config.js配置文件,复制粘贴即可使用!/***Vite配置文件*@author斗宗强者*@since2021-12-1623:09*/import{resolve}from"path";import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importVit
- feffery-antd-components 项目教程
袁菲李
feffery-antd-components项目教程feffery-antd-componentsDash+Antd=项目地址:https://gitcode.com/gh_mirrors/fe/feffery-antd-components1.项目的目录结构及介绍feffery-antd-components/├──README.md├──LICENSE├──setup.py├──feffer
- 在AntDesignPro中的ProFormSelect组件中加入滚动加载及模糊搜索
小童不学前端
AntDesignPro前端javascript开发语言
ProComponents组件使用ProFormSelect组件文章目录ProComponents组件使用前言一、下拉框组件二、使用步骤页面渲染数据请求总结前言最近在学习使用AntDesignPro,在这里将遇到的问题罗列出来,方便后续学习,同样,如果你最近也在使用,希望能帮到你。一、下拉框组件ProFormSelect支持滚动选择,如果数据过多,查找可能浪费时间,此时,我们可以使用自带的搜索功能
- antdesignvue中设置单独组件与所有组件颜色样式
闪电松鼠~
javascript前端vue.js
components中设置单独组件,token中所有组件,单独会覆盖所有组件样式import{ConfigProvider,message}from'ant-design-vue';importzhCNfrom'ant-design-vue/es/locale/zh_CN';message.config({top:'60px'});
- Ant 前端框架
atennis003
Ant框架前端框架前端
Ant学习官网https://antdv.com/docs/vue/introduce-cn/1.面包屑--面包屑--面包屑第一级--左边添加图标首页--面包屑第二级--左边添加图标系统设置--面包屑2.多选--多选框定义多选标题--多选框名称--默认不可选的多选框3.单选单选单选框--默认选择为“a”,选择形式为实色填底,输入框大小为大--单选框默认无法选择4.输入框1.placeholder输
- React|antd|table|给某一条数据设置背景色,并滚动到这条数据的位置
黛玉戴玉逮鱼
前端react.jsjavascript前端
使用rowClassName给满足条件的的行设置类名根据类名获取该行的dom元素使用scrollIntoView让该dom元素滚动到中间位置consttRef=useRef();//给key=='xxxxx'的行设置背景色constrowClassName=({key})=>{if(key=='xxxxx')){//设置条件return`${styles.specialRow}`;//设置背景色}
- react 加粗_react中修改antd的默认样式
半残大叔霁天
react加粗
最近在做react+antd项目.不可避免的遇到了修改antd默认样式的问题.比如,table组件的表头背景色设置,如果直接使用元素样式,会修改整个项目的table.这里我用的方法是,给table添加一个div父元素,给他设置个className,然后设置这个样式内的table表头样式.我使用的.less预编译.1.在Component的Radio中加个style={radioStyle}.多和他
- react中修改组件样式的几种方法
samscat
react.js前端前端框架
使用自定义类名className,引入样式文件进行样式覆盖importReactfrom'react';import{Button}from'antd';constMyComponent=()=>{return(点击我);};exportdefaultMyComponent;.custom-button{background-color:blue;color:white;}使用内联样式import
- React中实现antd自定义图标,鼠标悬浮变色
小鸟哗啦啦
react.js前端javascript
借助antd的tooltip组件来实现hover时变色的效果1.新建组件自定义图标一般在iconfont上面获取,复制下来的svg代码,切记要删除fill属性后添加到组件中import{Tooltip}from"antd";importReactfrom"react";constHoverableSvg=()=>{return({/*...*/});};exportdefaultHoverable
- react antd点击table行时加选中背景色
每一天,每一步
antdesign-reactreact.jsjavascript前端
在React中使用AntDesign的Table组件时,可以通过rowSelection属性来实现点击行时加亮背景色的功能。importReactfrom'react';import{Table}from'antd';constdata=[{key:'1',name:'JohnBrown',age:32,address:'NewYorkNo.1LakePark',},//...更多数据];clas
- Qdrant官方快速入门和教程简化版
shizidushu
Qdrantrag向量数据库embedding
Qdrant官方快速入门和教程简化版说明:首次发表日期:2024-08-28Qdrant官方文档:https://qdrant.tech/documentation/关于阅读Qdrant一小部分的官方文档,并使用中文简化记录下,更多请阅读官方文档。使用Docker本地部署Qdrantdockerpullqdrant/qdrantdockerrun-d-p6333:6333-p6334:6334\-
- tailwindcss
readmancynn
前端css
什么是TailwindCSSTailwindCSS是一个可定制化的CSS框架,最大的特点是功能类优先,和我们知道的bootstrap,elementui,antd,veui等框架一样。将一些CSS样式封装好,用来加速我们开发的一个工具。简单理解TailwindCSS就是CSS的lodash,他是一个增强工具类,你可以用原子类的方式写样式,也可以基于PostCSS作为工具函数做Mixin。核心概念功
- React+Redux+Ant Design+TypeScript 电子商务实战-客户端应用 04 首页产品展示、搜索、筛选和产品详情
皮蛋很白
实战typescriptreact.js
构建首页布局搜索布局//src\components\core\Search.tsximport{Button,Col,Divider,Form,Input,Row,Select}from'antd'importProductItemfrom'./ProductItem'constSearch=()=>{return(所有分类搜索)}exportdefaultSearch搜索结果展示的产品组件//
- 采用Angular + NG-ZORRO + Ng Alain 框架搭建的 MES前端框架
潜龙在渊
AngularNG-ZORROhtmlcsshtml5
闲来无事,想了解下Angular开发技术栈,以备不时之需,断断续续花费1-2周时间,基本掌握antdesign旗下的Angular前端框架。采用开发工具:VisualStudioCode技术栈:Angular,Typescript,NG-ZORRO,AntDesign,NgAlain等另外,这个不完整的demo,也有助于理解钉钉平台下内部系统对接流程
- 简单工作流(后端部分-spring boot,顺便优化了下ui)
liaoyuecai
ui
整个项目我丢到github上去了,需要copy的可以直接去githubhttps://github.com/liaoyuecai/demo前端部分目录在:/react/antd-pro-demo/src/pages/workflow后端部分目录在:/java/spring-boot-demo/src/main/java/com/demo/workflow我这边用的JPA做持久化,如果是mybati
- 关于umjs的主题切换实现
千击万磨还坚韧,任尔东西南北风
javascript
注意本文写作日期2024年7月7日,我目前是最新版本的注意:该功能仅antdv5可用最后目标实现先说一下,umijs布局默认是内置@ant-design/pro-layout布局写的看一下官网ProLayout-高级布局和布局与菜单直接在app.tsx加入以下,umijs会读取对应信息配置到ProLayout...exportconstlayout=()=>{return{logo:logo,ri
- CSS3视图过渡动画
Jinuss
前端CSS前端html5css3
概述网站的主题切换无非就是文字、背景图片或者颜色,我们可以先来看下ElementUI官网的切换主题的动效:PS:AntdesignUI的主题切换动画也是大同小异。实现的两种方式CSS为主constchangeTheme=(e)=>{if(document.startViewTransition){document.startViewTransition(()=>{document.document
- React实现组件的拖拽
赐你岁月如歌
React学习前端
加粗样式近期接到了一个使antd的Drawer组件可以拖拽的需求,以前没有写过类似的案例,只能去网上搜索解决方案,发现有挺多react的拖拽的组件,但是项目中不允许随便引用组件,只能使用原生HTML的拖拽方案了。下面记录一下学习的心得:了解HTML的拖拽注意:为了让元素可拖动,需要使用HTML5draggable属性。提示:链接和图片默认是可拖动的,不需要draggable属性。在拖放的过程中会触
- 前端实习手记(6):6不起来
椰果uu
实习杂记javascript前端vue.js
已经实习六周咯,其实前面都是在做一些官网样式修改之类的,然后这周官网也没有太多需求要修改了,就开始做新的东西了!!!本周也就做了个小小的需求吧,但也是磕磕巴巴的(被自己蠢哭)......不太,开心的一周,后面熟悉了就感觉好多了总结封装组件:自定义模特表单对话框AntDesignVuees6学习:ES6教程新增:自定义模特表单对话框功能概述点击主页面的新增按钮,弹出一个表单的对话框,可以自定义模特的
- ant design pro access.ts 是如何控制多角色的权限的
程序员随风
antdesignpro文章分享react.jsjavascript个人开发
antdesignpro如何去保存颜色antdesignprov6如何做好角色管理antdesign的tree如何作为角色中的权限选择之一antdesign的tree如何作为角色中的权限选择之二看上面的图片,在前端中如何控制这些权限,比如控制按钮的显示,还有菜单的显示。首先我定义好了权限:constcheckPermission=(currentUser:API.CurrentUser,actio
- create-react-app配置Antd自定义主题/按需导入
爱读文言文的码农
react.jsjavascript前端
官方定制主题方案AntDesign的样式变量antd的样式使用了Less作为开发语言,并定义了一系列全局/组件的样式变量,你可以根据需求进行相应调整。以下是一些最常用的通用变量,所有样式变量可以在这里找到。@primary-color:#1890ff;//全局主色@link-color:#1890ff;//链接色@success-color:#52c41a;//成功色@warning-color:
- react antd less-loader 配置
mstark
reactconfigreact
问题说明由于react的版本不同,观看教程时react的配置文件无法对应,导致less-loader的配置出现问题,而且less版本3.0之后,在react加载less文件时会报出错误:.bezierEasingMixin();InlineJavaScriptisnotenabled.Isitsetinyouroptions?如何修改antd主题EONSPC错误问题解决安装less-loaderl
- ASM系列四 利用Method 组件动态注入方法逻辑
lijingyao8206
字节码技术jvmAOP动态代理ASM
这篇继续结合例子来深入了解下Method组件动态变更方法字节码的实现。通过前面一篇,知道ClassVisitor 的visitMethod()方法可以返回一个MethodVisitor的实例。那么我们也基本可以知道,同ClassVisitor改变类成员一样,MethodVIsistor如果需要改变方法成员,注入逻辑,也可以
- java编程思想 --内部类
百合不是茶
java内部类匿名内部类
内部类;了解外部类 并能与之通信 内部类写出来的代码更加整洁与优雅
1,内部类的创建 内部类是创建在类中的
package com.wj.InsideClass;
/*
* 内部类的创建
*/
public class CreateInsideClass {
public CreateInsideClass(
- web.xml报错
crabdave
web.xml
web.xml报错
The content of element type "web-app" must match "(icon?,display-
name?,description?,distributable?,context-param*,filter*,filter-mapping*,listener*,servlet*,s
- 泛型类的自定义
麦田的设计者
javaandroid泛型
为什么要定义泛型类,当类中要操作的引用数据类型不确定的时候。
采用泛型类,完成扩展。
例如有一个学生类
Student{
Student(){
System.out.println("I'm a student.....");
}
}
有一个老师类
- CSS清除浮动的4中方法
IT独行者
JavaScriptUIcss
清除浮动这个问题,做前端的应该再熟悉不过了,咱是个新人,所以还是记个笔记,做个积累,努力学习向大神靠近。CSS清除浮动的方法网上一搜,大概有N多种,用过几种,说下个人感受。
1、结尾处加空div标签 clear:both 1 2 3 4
.div
1
{
background
:
#000080
;
border
:
1px
s
- Cygwin使用windows的jdk 配置方法
_wy_
jdkwindowscygwin
1.[vim /etc/profile]
JAVA_HOME="/cgydrive/d/Java/jdk1.6.0_43" (windows下jdk路径为D:\Java\jdk1.6.0_43)
PATH="$JAVA_HOME/bin:${PATH}"
CLAS
- linux下安装maven
无量
mavenlinux安装
Linux下安装maven(转) 1.首先到Maven官网
下载安装文件,目前最新版本为3.0.3,下载文件为
apache-maven-3.0.3-bin.tar.gz,下载可以使用wget命令;
2.进入下载文件夹,找到下载的文件,运行如下命令解压
tar -xvf apache-maven-2.2.1-bin.tar.gz
解压后的文件夹
- tomcat的https 配置,syslog-ng配置
aichenglong
tomcathttp跳转到httpssyslong-ng配置syslog配置
1) tomcat配置https,以及http自动跳转到https的配置
1)TOMCAT_HOME目录下生成密钥(keytool是jdk中的命令)
keytool -genkey -alias tomcat -keyalg RSA -keypass changeit -storepass changeit
- 关于领号活动总结
alafqq
活动
关于某彩票活动的总结
具体需求,每个用户进活动页面,领取一个号码,1000中的一个;
活动要求
1,随机性,一定要有随机性;
2,最少中奖概率,如果注数为3200注,则最多中4注
3,效率问题,(不能每个人来都产生一个随机数,这样效率不高);
4,支持断电(仍然从下一个开始),重启服务;(存数据库有点大材小用,因此不能存放在数据库)
解决方案
1,事先产生随机数1000个,并打
- java数据结构 冒泡排序的遍历与排序
百合不是茶
java
java的冒泡排序是一种简单的排序规则
冒泡排序的原理:
比较两个相邻的数,首先将最大的排在第一个,第二次比较第二个 ,此后一样;
针对所有的元素重复以上的步骤,除了最后一个
例题;将int array[]
- JS检查输入框输入的是否是数字的一种校验方法
bijian1013
js
如下是JS检查输入框输入的是否是数字的一种校验方法:
<form method=post target="_blank">
数字:<input type="text" name=num onkeypress="checkNum(this.form)"><br>
</form>
- Test注解的两个属性:expected和timeout
bijian1013
javaJUnitexpectedtimeout
JUnit4:Test文档中的解释:
The Test annotation supports two optional parameters.
The first, expected, declares that a test method should throw an exception.
If it doesn't throw an exception or if it
- [Gson二]继承关系的POJO的反序列化
bit1129
POJO
父类
package inheritance.test2;
import java.util.Map;
public class Model {
private String field1;
private String field2;
private Map<String, String> infoMap
- 【Spark八十四】Spark零碎知识点记录
bit1129
spark
1. ShuffleMapTask的shuffle数据在什么地方记录到MapOutputTracker中的
ShuffleMapTask的runTask方法负责写数据到shuffle map文件中。当任务执行完成成功,DAGScheduler会收到通知,在DAGScheduler的handleTaskCompletion方法中完成记录到MapOutputTracker中
- WAS各种脚本作用大全
ronin47
WAS 脚本
http://www.ibm.com/developerworks/cn/websphere/library/samples/SampleScripts.html
无意中,在WAS官网上发现的各种脚本作用,感觉很有作用,先与各位分享一下
获取下载
这些示例 jacl 和 Jython 脚本可用于在 WebSphere Application Server 的不同版本中自
- java-12.求 1+2+3+..n不能使用乘除法、 for 、 while 、 if 、 else 、 switch 、 case 等关键字以及条件判断语句
bylijinnan
switch
借鉴网上的思路,用java实现:
public class NoIfWhile {
/**
* @param args
*
* find x=1+2+3+....n
*/
public static void main(String[] args) {
int n=10;
int re=find(n);
System.o
- Netty源码学习-ObjectEncoder和ObjectDecoder
bylijinnan
javanetty
Netty中传递对象的思路很直观:
Netty中数据的传递是基于ChannelBuffer(也就是byte[]);
那把对象序列化为字节流,就可以在Netty中传递对象了
相应的从ChannelBuffer恢复对象,就是反序列化的过程
Netty已经封装好ObjectEncoder和ObjectDecoder
先看ObjectEncoder
ObjectEncoder是往外发送
- spring 定时任务中cronExpression表达式含义
chicony
cronExpression
一个cron表达式有6个必选的元素和一个可选的元素,各个元素之间是以空格分隔的,从左至右,这些元素的含义如下表所示:
代表含义 是否必须 允许的取值范围 &nb
- Nutz配置Jndi
ctrain
JNDI
1、使用JNDI获取指定资源:
var ioc = {
dao : {
type :"org.nutz.dao.impl.NutDao",
args : [ {jndi :"jdbc/dataSource"} ]
}
}
以上方法,仅需要在容器中配置好数据源,注入到NutDao即可.
- 解决 /bin/sh^M: bad interpreter: No such file or directory
daizj
shell
在Linux中执行.sh脚本,异常/bin/sh^M: bad interpreter: No such file or directory。
分析:这是不同系统编码格式引起的:在windows系统中编辑的.sh文件可能有不可见字符,所以在Linux系统下执行会报以上异常信息。
解决:
1)在windows下转换:
利用一些编辑器如UltraEdit或EditPlus等工具
- [转]for 循环为何可恨?
dcj3sjt126com
程序员读书
Java的闭包(Closure)特征最近成为了一个热门话题。 一些精英正在起草一份议案,要在Java将来的版本中加入闭包特征。 然而,提议中的闭包语法以及语言上的这种扩充受到了众多Java程序员的猛烈抨击。
不久前,出版过数十本编程书籍的大作家Elliotte Rusty Harold发表了对Java中闭包的价值的质疑。 尤其是他问道“for 循环为何可恨?”[http://ju
- Android实用小技巧
dcj3sjt126com
android
1、去掉所有Activity界面的标题栏
修改AndroidManifest.xml 在application 标签中添加android:theme="@android:style/Theme.NoTitleBar"
2、去掉所有Activity界面的TitleBar 和StatusBar
修改AndroidManifes
- Oracle 复习笔记之序列
eksliang
Oracle 序列sequenceOracle sequence
转载请出自出处:http://eksliang.iteye.com/blog/2098859
1.序列的作用
序列是用于生成唯一、连续序号的对象
一般用序列来充当数据库表的主键值
2.创建序列语法如下:
create sequence s_emp
start with 1 --开始值
increment by 1 --増长值
maxval
- 有“品”的程序员
gongmeitao
工作
完美程序员的10种品质
完美程序员的每种品质都有一个范围,这个范围取决于具体的问题和背景。没有能解决所有问题的
完美程序员(至少在我们这个星球上),并且对于特定问题,完美程序员应该具有以下品质:
1. 才智非凡- 能够理解问题、能够用清晰可读的代码翻译并表达想法、善于分析并且逻辑思维能力强
(范围:用简单方式解决复杂问题)
- 使用KeleyiSQLHelper类进行分页查询
hvt
sql.netC#asp.nethovertree
本文适用于sql server单主键表或者视图进行分页查询,支持多字段排序。KeleyiSQLHelper类的最新代码请到http://hovertree.codeplex.com/SourceControl/latest下载整个解决方案源代码查看。或者直接在线查看类的代码:http://hovertree.codeplex.com/SourceControl/latest#HoverTree.D
- SVG 教程 (三)圆形,椭圆,直线
天梯梦
svg
SVG <circle> SVG 圆形 - <circle>
<circle> 标签可用来创建一个圆:
下面是SVG代码:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" c
- 链表栈
luyulong
java数据结构
public class Node {
private Object object;
private Node next;
public Node() {
this.next = null;
this.object = null;
}
public Object getObject() {
return object;
}
public
- 基础数据结构和算法十:2-3 search tree
sunwinner
Algorithm2-3 search tree
Binary search tree works well for a wide variety of applications, but they have poor worst-case performance. Now we introduce a type of binary search tree where costs are guaranteed to be loga
- spring配置定时任务
stunizhengjia
springtimer
最近因工作的需要,用到了spring的定时任务的功能,觉得spring还是很智能化的,只需要配置一下配置文件就可以了,在此记录一下,以便以后用到:
//------------------------定时任务调用的方法------------------------------
/**
* 存储过程定时器
*/
publi
- ITeye 8月技术图书有奖试读获奖名单公布
ITeye管理员
活动
ITeye携手博文视点举办的8月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。
8月试读活动回顾:
http://webmaster.iteye.com/blog/2102830
本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀):
《跨终端Web》
gleams:http