css伪类选择器1. :active 向被激活的元素添加样式。 :active 伪类向激活(在鼠标点击与释放之间发生的事件)的元素添加特殊的样式。这个伪类应用于处于激活状态的元素。最常见的例子就是在 HTML 文档中点击一个超链接:在鼠标按钮按下期间,这个链接是激活的,active 里的样式会被应用2.:focus 向拥有键盘输入焦点的元素添加样式。这个伪类应用于有焦点的元素。例如 HTML 中
定义和用法<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。thead 元素应该与 tbody 和 tfoot 元素结合起来使用。tbody 元素用于对 HTML 表格中的主体内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的
语法: position : static | absolute | fixed | relative 参数: static : 无特殊定位,对象遵循HTML定位默认规则 absolute : 绝对定位。将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框。相对于position属性非s
转载
2024-08-31 21:17:01
53阅读
1、打包后不仅有 min.jsVue 使用 lib 模式 开发自己的组件库时,打包后的 dist 目录不仅有 lib.min.js,还会出现 lib.common.js 和 lib.umd.js。第一次看到这两个文件的时候不知道这是啥,为了知其所以然,于是乎查了一下,在这里稍作整理。无论是做项目还是开发自己的组件库,发布之前的最后一步就是打包部署了,之前部署项目时打包文件都是会把 htm
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍,如:B标记,FONT标记,都是不符合XHTML规范的,在此不在一一罗列。
1-------------------------------------------------------------------------
<!-- -->
说明:注释标记,在“<!--”与“-->”
文章目录前言一、Echarts安装二、Echarts引入全量引入(可优化CDN引入,减少打包构建时间)按需引入(加快资源加载,体积小)1、在常量定义文件夹或者公共代码目录新建 `echarts.ts`文件2、引入新建的 /const/echarts.ts3、然后根据官网提供的使用方法就可使用啦三、查找自己需要的组件第一种方法(查看源码)第二种方法(示例名称查找)总结 前言Apache EChar
转载
2024-06-17 19:45:39
219阅读
P1章节:什么是Axure原型1.Axure的软件目的1)软件功能复杂,用户需求多2)向用户演示产品原型,挖掘需求3)项目组(产品、设计、研发)之间降低沟通成本2.原型分类1)草图原型(记录灵感)2)低保真原型(系统大致结构、交互效果)3)高保真原型(视觉、体验接近真实)3.原型发展历史1)白班或者草纸2)画图工具3)Visio、Dreamweave绘制(难)4)Axure诞生(内部沟通、演示产品
Ant Design 4.0 正式版来了引言我们在 SEE Conf 之际发布了 4.0 rc 版本。经过 1 个多月的反馈收集和调整之后,我们终于迎来了 4.0 的正式版!感谢在此期间每一位提供反馈、建议以及贡献的人。我们会结合 rc 版本已经涉及的更新以及一些比较重要的新增内容于此进行列举。完整的更新文档可以点击此处[1]。v4 文档地址:https
转载
2024-05-24 22:53:52
114阅读
近期准备撸一撸react框架,学习学习,记录一下~ 之前对react只是有过了解,可以看看代码,但自己没动手过。首先创建项目(这边直接用的ts版本)yarn create react-app demo --template typescript进入项目并启动cd demo
yarn start浏览器会自动弹出并访问http://localhost:3000/,然后过一会页面就会出来react的lo
转载
2024-10-15 20:26:51
52阅读
原则:ant的学习方式。掌握好基础之后,掌握基本元素。用什么查什么1.target的depends属性target之间执行顺序的定义:depends属性。表示有依赖哦~~~ 自动去先执行自己depends的target哦~~ 2.注释标签build.xml文件的注释的书写方式:第一种:<description>标签。第二种:target的属性<target d
转载
2024-07-15 13:07:07
35阅读
Ant Design of React @3.10.9
拉取项目 luwei.web.study-ant-design-pro, 切换至
add 分支,可看到 Form 表单实现效果
实现一个新增表单 思路Create表单:@Form.create()
表单数据绑定 getFieldDecorator
渲染查询表单的查询条件 render
定义表单校验条件
转载
2024-10-27 10:55:28
7阅读
antdesign-vue结合sortablejs实现两个table相互拖拽排序实现效果sortablejs介绍具体实现 实现效果本来想在网上看看有没有基于antdesign做的,然后发现是真的少啊!废话不多说,先上图:sortablejs介绍首先先来认识一下这个插件: sortablejs 大家可以去细读一下它的api文档: 这边我就着重介绍一下我用到的api。 1.group可以传入对象,参
转载
2024-06-26 06:14:08
264阅读
一、开发环境说明1、jdk1.8+:java运行环境2、Maven:项目依赖管理3、git:代码管理4、mysql5.7+:数据管理。也可以是orcale、pgsql等5、redis:缓存管理6、Idea:代码IDE工具,安装lombok插件7、node.js:前端代码运行。(要求Node 14.18+ / 16+ 版本以上,不再支持 Node 12 / 13 / 15)二、clone代码后端代码
一、通过create-react-app脚手架创建项目npx create-react-app testproject --template typescript 在vscode中打开项目,可以看到顺利生成了react项目且组件的后缀为tsx,此时说明成功创建了react+typescript项目的雏形 在项目根目录下,运行npm run start,成功启动项目npm run
今天带来vue用ant design中table表格,点击某行时触发的事件操作教程详解使用customRow 设置行属性,写对应事件:customRow="rowClick"
然后在data里面写
rowClick: record => ({
// 事件
on: {
click: () => {
// 点击改行时要做的事情
// ......
console.log(record, '
转载
2024-06-21 13:30:41
163阅读
Ant Design(蚂蚁组件)是蚂蚁集团体验技术部经过大量项目实践和总结,逐步打磨出的一个设计系统,内含带有 React 的 UI 库。它是为企业级产品设计而创建的。Ant Design 提供了高质量的交互界面设计组件和演示。作为 UI 设计师,在我们的工作中,善于利用现有的设计系统组件能够极大地提升工作效率。今天,即时设计设计师将向大家介绍广泛使用的设计系统 Ant Design 以及它的使用
转载
2024-03-12 14:41:01
55阅读
Ant Design of Reactantd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。设计语言:随着商业化的趋势,越来越多的企业级产品对更好的用户体验有了进一步的要求。带着这样的一个终极目标,我们(蚂蚁金服体验技术部)经过大量的项目实践和总结,逐步打磨出一个服务于企业级产品的设计体系 Ant Design。基于『确定』和『自然』的设计价值
转载
2024-03-23 08:41:31
76阅读
Ant Design Pro 是一个企业级中后台前端/设计解决方案。本地环境需要安装 node 和 git,技术栈基于 ES2015+、React、dva、g2 和 antd。参考:https://dvajs.com/https://github.com/ant-design/ant-design-pro/blob/master/READ
转载
2024-08-05 11:31:51
190阅读
实习遇到了这样的合并表单需求,从后端接收到的数据类似:{公司a,月份,废铅蓄电池数据,废矿油数据}
{公司a,月份,废铅蓄电池数据,废矿油数据}
{公司b,月份,废铅蓄电池数据,废矿油数据}
{公司c,月份,废铅蓄电池数据,废矿油数据}需要把公司名称这一列的相同公司行合并起来:这一操作可以通过在相应列里添加render实现:/*
value:当前项的值
record:当前行的数据
index:行索
转载
2024-05-04 15:50:03
91阅读
AntDesign(Vue)版的Table中使用图片https://www.cnblogs.com/zhaogaojian/p/11119762.html 之前在使用VUE版Table时,使用大图片时,某些列使用右fix会出现错乱问题(可能我使用的方法有误),试用React版看会有问题不 publi
转载
2020-02-08 12:38:00
169阅读
2评论