- 基于css-vars-ponyfill实现换肤
小马甲丫
#换肤#npmcsscss前端换肤
文章目录一、换肤二、换肤调研2.1、`ElementUI`2.2、`ant.design`三、换肤痛点和思考四、换肤架构五、换肤技术选型和实现5.1、该方案的亮点和规则5.2、核心原理5.3、色组`&`色值平台设计5.4、获取在当前主题自定义变量颜色六、总结七、最后一、换肤网站或者应用一键切换主题(简称:换肤)功能,对每个前端开发者来说已经非常常见了,通常是一深一浅,或自由组合衍生出众多主题,或任
- 测试平台系列(33) 编写环境配置页面(下)
米洛丶
阅读本文可能需要一些时间,建议通勤/蹲坑的时候观看。回顾上篇编写了一部分结构,还剩下表格没有编写。以及和后端接口的联调,也会在本文补充。补充Table内容在此之前,我们给新增环境这个按钮加一个icon,这样会更直观。icon地址:https://ant.design/components/icon-cn/点击复制image其实icon也是一个组件,我们把它嵌入到Button补充Table组件需要注
- 封装ProTable组件
_琉
react.js前端前端框架
今天分享一篇关于ProComponents(ant.design)的文章,后面也会围绕ProTable这个组件去更新一个比较好用的table。这次主要用到的技术点:import{createContext,useEffect}from'react';import{useRef,useState}from'react';importProTablefrom'@ant-design/pro-table
- react: useMemo
小强有个dream
react18react.jsjavascript前端
useMemo避免组件更新结果重新计算,提高性能在https://ant.design/components/button-cn打开codesanbox,替换代码保存importReact,{useMemo,useState,useEffect}from"react";functionMyComponent({propB=2}){const[data,setData]=useState(1);co
- react: useEffect
小强有个dream
react18react.jsjavascript前端
可以吧useEffect看作是componentDidMountcomponentDidUpdatecomponentWillUnmount三个函数的组合在https://ant.design/components/button-cn打开一个codesanbox,替换下面代码importReact,{useEffect,useState}from"react";importReactDomfrom
- react: useState
小强有个dream
react18react.jsjavascriptecmascript
用来改变数据在https://ant.design/components/button-cn打开一个codesanbox替换importReact,{useState}from"react";import"./index.css";import{Button,Flex}from"antd";constApp:React.FC=()=>{const[data,setData]=useState({a
- React - Form.create
惊鸿尘
antd4之前使用Form.create()控制表单域Form.create()是一个高阶函数,包装过的组件可以通过props.form属性获取表单数据props.formantd4废弃了Form.create方法,见https://ant.design/docs/react/migration-v4-cn#%E7%A7%BB%E9%99%A4%E5%BA%9F%E5%BC%83%E7%9A%84
- antd ProTable 列配置枚举值 request无效
jack钱
ProTable-高级表格-ProComponents(ant.design)Columns列定义枚举值方式:1.valueEnum2.requestrequest无效,原因是需要设置valueType:'select',{title:'状态',dataIndex:'validSta',valueType:'select',request:async()=>[{label:'新建',value:'
- 关于清空ant.design 中表单内容的方法
IDIOT___IDIOT
javascript前端react.js
关于清空ant.design中表单内容的方法其实就两个方法具体怎么清除一个一个试试就知道了表单有两个可能的属性:formformRef可以用他们绑定两个用法在代码部分定义:form=useRef()form=Form.useForm()清空的方法:form.current?.setFieldsValue({这里把你的值放进来并且赋值空字符串就好})form.setFieldsValue({这里把你
- AntDesignPro快速入门
智商偏低
JavaScripttypescriptjavascript前端
学习代码很简单,找对思路是关键,当我们看到一个项目的时候,总想着打开项目看一下代码,一看代码两眼发黑,互联网时代不可能把认识所有代码,当我们接触一个项目的时候,先看项目目录结构,对着目录结构写一套增删查改就算是入门了。安装环境node+vscode创建项目参考官方:入门-蚂蚁设计专业版(ant.design)项目创建好了,打开一看,这么多目录无从入手啊,然后看官方文档,又要去了解umi,又要去了解
- ant.design(简称antd)中时间DatePicker中RangePicker的日期选择限定为只能选择某一天的0点之前的日期
王鹏飞的解忧屋
Reacthtml5javascriptreact.jscsshtml
需求:开始时间和结束时间只能选在一天之内,不能跨天选择。比如开始时间选择为2022年7月20日12点11分06秒,结束时间范围只能选择2022年7月20日12点11分06秒到2022年7月20日23点59分59秒。解答思路,开始选择的时分秒范围不做限制,当拿到开始的时分秒之后,在开始的时分秒基础上往后推即可,日期(年月日)就是选择开始和结束的日期(年月日)相同即可,主要是时分秒问题。下图是开始选择
- Antd Select 设置偏移量
优资园
组件antd前端javascriptreact.jscss
对于Select组件我要想实现如下效果,该如何处理呢?我们查看你select组件https://ant.design/components/select-cn#select-props并没有相关的属性API,如何去处理这个呢?添加dropdownAlign={{offset:[0,30]}}这个属性,可以设置偏移量,可以看https://github.com/ant-design/ant-desi
- 前端项目开发中用到的20个轮子 开发效率提升200%
耿先森_fd76
ReactUI组件库公司的测试项目和我自己的项目全部使用React开发,所以先来推荐我经常使用的React组件库。AntDesign:文档齐全,社区生态良好,有手机版,还有PC版。可以用来快速创建手机/后台/内部应用的UI组件库。我的博客,就是那这个组件库制作的。网址:https://ant.design/ReactBootstrap:BootStrap我在JQuery时代就开始使用,现在已经推出
- ant.design 的 Pro Component 的 ProTable 清除表单内容的方法
IDIOT___IDIOT
前端ant.design
ant.design的ProComponent的ProTable清除表单内容的方法我们用ProTable进行一个表单的呈现,只需要在属性上进行一个type={“form”}的属性即可,用到表单的时候肯定需要对表单的数据进行提取,以及当数据提交的完的时候我们要进行清空原来的数据。使用示例(不能清除表单中的数据):首先需要知道的是,我们想要拿到在表单中的数据,只要在onSubmit事件定义一个参数,组
- react 引入antd 样式_react引入antd组件
新德里的雨
react引入antd样式
1.antd官网:https://ant.design/docs/react/introduce-cn2、React中使用Antd1、安装antdnpminstallantd--save/yarnaddantd/cnpminstallantd--save2、在您的react项目的css文件中引入Antd的css@import'~antd/dist/antd.css';3、看文档使用:如使用Butt
- Warning: [antd: Menu] `children` will be removed in next major version. Please use `items` instead.
忘喧
报错前端javascript开发语言
Warning:[antd:Menu]childrenwillberemovedinnextmajorversion.Pleaseuseitemsinstead.andt更新导致警告https://ant.design/components/menu-cn/在4.20.0版本后,我们提供了的简写方式,有更好的性能和更方便的数据组织方式,开发者不再需要自行拼接JSX。同时我们废弃了原先的写法,你还是
- react学习
qiu_lovejun998
前段react
react相关的组件APIhttps://ant.design/components/card-cn/#目录结构#我们已经为你生成了一个完整的开发框架,提供了涵盖中后台开发的各类功能和坑位,下面是整个项目的目录结构。├──config#umi配置,包含路由,构建等配置├──mock#本地模拟数据├──public│└──favicon.png#Favicon├──src│├──assets#本地静
- next.js+react+typescript+antd+antd-mobile+axios+redux+sass react服务端渲染构建项目,从构建到发布,兼容pc+移动端
局外人LZ
前端javascriptreact.jssass前端typescript
简介:该教程兼容pc+移动端,如只需一端,可忽略兼容部分教程,根据需要运行的客户端构建项目antd官网:https://ant.design/components/overview-cn/antd-mobile官网:https://mobile.ant.design/zhnext.js:https://www.nextjs.cn/react:https://react.zcopy.site/red
- react调用antd4.X自定义图标 icon(深入,解决阿里巴巴矢量图标自定义更改后无法引用问题)
你好昵称已存在
大前端reactantd4.x
1先贴图2看官网代码https://ant.design/components/icon-cn/#components-icon-demo-custom使用iconfont.cn,使用多个和单个是异曲同工之处。那里的scriptUrl是生成的一个远程链接,我们在react里面调用它即可。3看这篇博客https://blog.csdn.net/weixin_44021270/article/deta
- React项目中常用的插件
Jie221
Axios中文网站说明:https://www.kancloud.cn/yunye/axios/234845一个基于promise的HTTP库,可以用在浏览器和node.js中。AntDesign中文网站:https://ant.design/docs/react/introduce-cn由蚂蚁金服提供的一套企业级的UI设计语言和React实现。DvaJsgithub地址:https://gith
- 接口自动化平台(一):antd + antd pro 安装和简介
出处不详,经久不息
四.react.jsantd
目录1.antd1.1进入ant.design官网做初步了解1.2安装antd1.3动手实际操作2.antdesignpro2.1antdpro介绍2.2antdpro安装2.3andtpro项目目录介绍2.4函数式组件的扩展2.4.1函数式组件的state,用React.useState()2.4.2函数式组件的props2.4.3函数式组件的ref,用React.useRef2.4.4函数式组
- react中ant.design框架如何配置动态路由
晓同哇哇~
react.js前端javascript
目录什么是动态路由?应用场景:ant.design动态路由如何配置:首先:找到app.tsx文件然后:找到menuHeaderRender其次:修改menuHeaderRender为menuDataRender编辑最后:在箭头函数里return出对应的数据代码例子代码片段1:代码片段2:总结:什么是动态路由?动态路由是一种在Web应用程序中用于根据特定参数或条件生成路由路径的方式。与静态路由不同,
- 基于ant.design的FormList,通过配置生成动态列表
吃瓜群众欢乐多
Reactant.design
目前只配置了输入框和文本框,需要的可自定义添加type实现效果如图constinitValues=[{type:'input',name:'start',label:'最小值',initValue:'',},{type:'input',name:'end',label:'最大值',initValue:'',},{type:'text',name:'unit',label:'采购单位',initVa
- [React] Antd Form.List 的基本使用
iChangebaobao
Reactreact.jsjavascript前端
[React]AntdForm.List的基本使用Form.List为字段提供数组化管理。官网:https://ant.design/components/form-cn/#Form.List{(fields,{add,remove})=>({gettext('用户填写信息')}add()}>+{gettext('请在下方输入框中配置用户需要填写的信息标题,如手机号码')}{fields.map(
- ant.design组件Table嵌套子表格
赵羽珩
image.png数据格式importReact,{Component}from'react'import{Table}from'antd';constdataSource=[{busi_name:"指标用户1103",prov_name:"西藏",task_id:7911,item:[{busi_name:"指标用户1103",log_id:8955,prov_name:"西藏",},{busi
- 05-React Antd UI库
十六夜之彼岸舞
react.jsuijavascript前端ecmascript
AntDesignUI库地址https://ant.design/components添加依赖yarnaddantd我在使用的时候一致报错超时npminstallantd--save可以使用NPM尝试基础使用引入组件import{Button}from'antd'引入样式(一般全局引入一次)import'antd/dist/antd.css'使用按钮importReact,{Component}f
- 对下拉框进行模糊查询:一边输入一边模糊匹配
outstanding木槿
react+antd组件javascript前端框架react
目录1、对下拉框进行模糊查询:一边输入一边模糊匹配2、拓展:使用antdUI框架中的select需要注意的一些问题3、Antd-Select提供几种类型1、对下拉框进行模糊查询:一边输入一边模糊匹配AntDesign组件:https://ant.design/components/select-cn代码中实现:allowClear:可点击小叉号清除输入框中的数据,输入框尾部出现这个‘x’showS
- ant.design table的defaultExpandAllRows不起作用问题 笔记
KK_boy
1、table的defaultExpandAllRows不起作用问题:设置rowKey会影响其不起作用。2、table指向行不变颜色问题:原因是设置了size=“small”3、css实现鼠标指向父级div时,子类div的内容变颜色.calEvent:hover.eventText{color:blue;}
- react + ant.design实现tree组件懒加载保持目录展开的状态
幽冥雪羽
ant-designreact.js前端
需求实现树形数据懒加载,需要新增、删除等功能,数据新增删除后,能够保持子目录及以下目录的数据存在问题目前antd组件库提供的tree组件使用loadDataapi来实现树形数据的懒加载,但是涉及数据的删除和新增,就会导致子级及以下的目录数据缺失(原因是新获取的数据没有子集数据),还需要处理loadedKeys(已加载的目录)等,才能重新加载新的子数据,过程繁琐。解决方式利用展开目录的事件api(o
- 1.1 初始化react项目
LetsStudy
Reactreactreact-ts项目
一、创建react-ts项目yarncreatevitemyreact--templatereact-ts二、安装依赖yarn三、启动项目npmrundev四、新建目录五、pages目录新建个index.tsx,代码来源AntDesgin,然后改造为TShttps://pro.ant.design/https://motion.ant.design/https://ant.design/impor
- scala的option和some
矮蛋蛋
编程scala
原文地址:
http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html
对于学习 Scala 的 Java™ 开发人员来说,对象是一个比较自然、简单的入口点。在 本系列 前几期文章中,我介绍了 Scala 中一些面向对象的编程方法,这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念,找到其缺点
- NullPointerException
Cb123456
androidBaseAdapter
java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference
出现以上异常.然后就在baidu上
- PHP使用文件和目录
天子之骄
php文件和目录读取和写入php验证文件php锁定文件
PHP使用文件和目录
1.使用include()包含文件
(1):使用include()从一个被包含文档返回一个值
(2):在控制结构中使用include()
include_once()函数需要一个包含文件的路径,此外,第一次调用它的情况和include()一样,如果在脚本执行中再次对同一个文件调用,那么这个文件不会再次包含。
在php.ini文件中设置
- SQL SELECT DISTINCT 语句
何必如此
sql
SELECT DISTINCT 语句用于返回唯一不同的值。
SQL SELECT DISTINCT 语句
在表中,一个列可能会包含多个重复值,有时您也许希望仅仅列出不同(distinct)的值。
DISTINCT 关键词用于返回唯一不同的值。
SQL SELECT DISTINCT 语法
SELECT DISTINCT column_name,column_name
F
- java冒泡排序
3213213333332132
java冒泡排序
package com.algorithm;
/**
* @Description 冒泡
* @author FuJianyong
* 2015-1-22上午09:58:39
*/
public class MaoPao {
public static void main(String[] args) {
int[] mao = {17,50,26,18,9,10
- struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题!
7454103
DAOspringAjaxjsonqq
struts2.18 出来有段时间了! (貌似是 稳定版)
闲时研究下下! 貌似 sruts2 搭配 json 做 ajax 很吃香!
实践了下下! 不当之处请绕过! 呵呵
网上一大堆 struts2+json 不过大多的json 插件 都是 jsonplugin.34.jar
strut
- struts2 数据标签说明
darkranger
jspbeanstrutsservletScheme
数据标签主要用于提供各种数据访问相关的功能,包括显示一个Action里的属性,以及生成国际化输出等功能
数据标签主要包括:
action :该标签用于在JSP页面中直接调用一个Action,通过指定executeResult参数,还可将该Action的处理结果包含到本页面来。
bean :该标签用于创建一个javabean实例。如果指定了id属性,则可以将创建的javabean实例放入Sta
- 链表.简单的链表节点构建
aijuans
编程技巧
/*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h"
#define NODE(name, key_word, help) \ Node name[1]={{NULL, NULL, NULL, key_word, help}}
typedef struct node { &nbs
- tomcat下jndi的三种配置方式
avords
tomcat
jndi(Java Naming and Directory Interface,Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来,使得我们可以用名称
访问对象。目录服务是一种命名服务,在这种服务里,对象不但有名称,还有属性。
tomcat配置
- 关于敏捷的一些想法
houxinyou
敏捷
从网上看到这样一句话:“敏捷开发的最重要目标就是:满足用户多变的需求,说白了就是最大程度的让客户满意。”
感觉表达的不太清楚。
感觉容易被人误解的地方主要在“用户多变的需求”上。
第一种多变,实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的,只是比较多,也比较混乱,用户一般只能了解自己的那一小部分,所以没有用户能清楚的表达出整体需求。而由于各种条件的,用户表达自己那一部分时也有
- 富养还是穷养,决定孩子的一生
bijian1013
教育人生
是什么决定孩子未来物质能否丰盛?为什么说寒门很难出贵子,三代才能出贵族?真的是父母必须有钱,才能大概率保证孩子未来富有吗?-----作者:@李雪爱与自由
事实并非由物质决定,而是由心灵决定。一朋友富有而且修养气质很好,兄弟姐妹也都如此。她的童年时代,物质上大家都很贫乏,但妈妈总是保持生活中的美感,时不时给孩子们带回一些美好小玩意,从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
- oracle 日期时间格式转化
征客丶
oracle
oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP;
SYSDATE:不支持毫秒,取的是系统时间;
SYSTIMESTAMP:支持毫秒,日期,时间是给时区转换的,秒和毫秒是取的系统的。
日期转字符窜:
一、不取毫秒:
TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS')
简要说明,
YYYY 年
MM 月
- 【Scala六】分析Spark源代码总结的Scala语法四
bit1129
scala
1. apply语法
FileShuffleBlockManager中定义的类ShuffleFileGroup,定义:
private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) {
...
def apply(bucketId
- Erlang中有意思的bug
bookjovi
erlang
代码中常有一些很搞笑的bug,如下面的一行代码被调用两次(Erlang beam)
commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b
Author: Jovi Zhang <
[email protected]>
Date: Fri Dec 2 16:19:22 2011 +0100
erts:
- 移位打印10进制数转16进制-2008-08-18
ljy325
java基础
/**
* Description 移位打印10进制的16进制形式
* Creation Date 15-08-2008 9:00
* @author 卢俊宇
* @version 1.0
*
*/
public class PrintHex {
// 备选字符
static final char di
- 读《研磨设计模式》-代码笔记-组合模式
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
abstract class Component {
public abstract void printStruct(Str
- 利用cmd命令将.class文件打包成jar
chenyu19891124
cmdjar
cmd命令打jar是如下实现:
在运行里输入cmd,利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes)
现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作:
cd D: 回车
cd workspace/prpal
- [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明
comsci
eclipse设计模式算法工作swing
JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明
&nb
- SecureCRT右键粘贴的设置
daizj
secureCRT右键粘贴
一般都习惯鼠标右键自动粘贴的功能,对于SecureCRT6.7.5 ,这个功能也已经是默认配置了。
老版本的SecureCRT其实也有这个功能,只是不是默认设置,很多人不知道罢了。
菜单:
Options->Global Options ...->Terminal
右边有个Mouse的选项块。
Copy on Select
Paste on Right/Middle
- Linux 软链接和硬链接
dongwei_6688
linux
1.Linux链接概念Linux链接分两种,一种被称为硬链接(Hard Link),另一种被称为符号链接(Symbolic Link)。默认情况下,ln命令产生硬链接。
【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中,保存在磁盘分区中的文件不管是什么类型都给它分配一个编号,称为索引节点号(Inode Index)。在Linux中,多个文件名指向同一索引节点是存在的。一般这种连
- DIV底部自适应
dcj3sjt126com
JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q
- Centos6.5使用yum安装mysql——快速上手必备
dcj3sjt126com
mysql
第1步、yum安装mysql
[root@stonex ~]# yum -y install mysql-server
安装结果:
Installed:
mysql-server.x86_64 0:5.1.73-3.el6_5 &nb
- 如何调试JDK源码
frank1234
jdk
相信各位小伙伴们跟我一样,想通过JDK源码来学习Java,比如collections包,java.util.concurrent包。
可惜的是sun提供的jdk并不能查看运行中的局部变量,需要重新编译一下rt.jar。
下面是编译jdk的具体步骤:
1.把C:\java\jdk1.6.0_26\sr
- Maximal Rectangle
hcx2013
max
Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.
public class Solution {
public int maximalRectangle(char[][] matrix)
- Spring MVC测试框架详解——服务端测试
jinnianshilongnian
spring mvc test
随着RESTful Web Service的流行,测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架,如果版本低于3.2,请使用spring-test-mvc项目(合并到spring3.2中了)。
Spring MVC测试框架提供了对服务器端和客户端(基于RestTemplate的客户端)提供了支持。
&nbs
- Linux64位操作系统(CentOS6.6)上如何编译hadoop2.4.0
liyong0802
hadoop
一、准备编译软件
1.在官网下载jdk1.7、maven3.2.1、ant1.9.4,解压设置好环境变量就可以用。
环境变量设置如下:
(1)执行vim /etc/profile
(2)在文件尾部加入:
export JAVA_HOME=/home/spark/jdk1.7
export MAVEN_HOME=/ho
- StatusBar 字体白色
pangyulei
status
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
/*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
- 如何分析Java虚拟机死锁
sesame
javathreadoracle虚拟机jdbc
英文资料:
Thread Dump and Concurrency Locks
Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
- 位运算简介及实用技巧(一):基础篇
tw_wangzhengquan
位运算
http://www.matrix67.com/blog/archives/263
去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一,很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料,学习到了更多关于位运算的知识,有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章,与其说是原来那篇文章的follow-up,不如说是一个r
- jsearch的索引文件结构
yangshangchuan
搜索引擎jsearch全文检索信息检索word分词
jsearch是一个高性能的全文检索工具包,基于倒排索引,基于java8,类似于lucene,但更轻量级。
jsearch的索引文件结构定义如下:
1、一个词的索引由=分割的三部分组成: 第一部分是词 第二部分是这个词在多少