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阅读
? 大家好，我是小丞同学，一名大二的前端爱好者? 这篇文章是学习 React 中 React antd组件库的学习笔记? 非常感谢你的阅读，不对的地方欢迎指正 ?? 愿你忠于自己，热爱生活引言在我们学习JavaScript 的时候，我们学习了一个 bootstrap 的组件库。可以让我们快速开发，但是我们现在学习了 React ，一种组件化编程方式，很少说会去贴大量的 HTML 代码，再配一下 C
转载
2024-05-06 21:05:09
818阅读
一、vue中自适应rem的设置新建文件src/libs/rem.jsfunction setRem() {
// 750px为设计稿视口宽度 字体大小默认18px;
const screenWidth = 750
const scale = screenWidth / 18
const htmlWidth = document.documentElement.cli
1. 本节课将为您演示如何为新建的工作簿，设置默认的工作簿属性。首先点击空白工作簿缩略图，创建一份空白的工作簿。
2. 从字体命令组区域可以看出，工作簿默认的字体大小为11号。那么如何更改工作簿中单元格的字体大小呢？首先点击选择一个单元格。
3. 然后点击字体大小下拉箭头，弹出系统预设的字体尺寸列表。
4. 选择列表中的36号选项，
目标：自己实现一个antd表单组件先看下Ant Design官网上给出的表单组件用法： 1 import React, { Component } from 'react'
2 import { Form, Icon, Input, Button } from 'antd'
3
4 function hasErrors(fieldsError) {
5 return Object.
转载
2024-07-05 06:38:10
603阅读
Ant Design 4.0 正式版来了引言我们在 SEE Conf 之际发布了 4.0 rc 版本。经过 1 个多月的反馈收集和调整之后，我们终于迎来了 4.0 的正式版！感谢在此期间每一位提供反馈、建议以及贡献的人。我们会结合 rc 版本已经涉及的更新以及一些比较重要的新增内容于此进行列举。完整的更新文档可以点击此处[1]。v4 文档地址：https
转载
2024-05-24 22:53:52
114阅读
前言团队在使用react时，不断探索，使用了很多不同的css实现方式，此篇blog总结了，react项目中常见的几种css解决方案：inline-style/radium/style-component，只列举了团队项目中用过的一下实现方式，还有其他的不过多展开css的不足样式与状态相关的情况越来越多，需要动态、能直接访问组件state的css。一切样式都是全局，产生的各种命名的痛苦，BEM等命名
一、前言 利用Sass预处理实现换肤和字体大小调整。 思路及达到的效果：字体大小的适配使用window.devicePixelRatio的值和需要调整的差量进行控制。页面初始化是的字体适配可以根据devicePixelRatio和css3 media进行适配. 实现方法：1.利用全局变量和bus事件，使用js方式调整字体和颜色(这里暂不讨论); 2.利用scss预处理方式实现
转载
2024-07-13 05:43:43
478阅读
css伪类选择器1. :active 向被激活的元素添加样式。 :active 伪类向激活（在鼠标点击与释放之间发生的事件）的元素添加特殊的样式。这个伪类应用于处于激活状态的元素。最常见的例子就是在 HTML 文档中点击一个超链接：在鼠标按钮按下期间，这个链接是激活的，active 里的样式会被应用2.:focus 向拥有键盘输入焦点的元素添加样式。这个伪类应用于有焦点的元素。例如 HTML 中
P1章节：什么是Axure原型1.Axure的软件目的1)软件功能复杂，用户需求多2)向用户演示产品原型，挖掘需求3)项目组(产品、设计、研发)之间降低沟通成本2.原型分类1）草图原型(记录灵感)2）低保真原型(系统大致结构、交互效果)3）高保真原型(视觉、体验接近真实)3.原型发展历史1）白班或者草纸2）画图工具3）Visio、Dreamweave绘制(难)4）Axure诞生(内部沟通、演示产品
AntDesign-React与VUE有点不一样，第一篇深入了解React的概念之一：JSX一、什么是JSX使用JSX声明一个变量（REACT当中的元素）：const element =<h1>Hello,world!</h1>;JSX是一种JavaScript的语法扩展。我们推荐在REACT中使用JSX来描述用户界面，JSX乍一看起来可能比较像是模板语言，但事实上完全是J
之前一篇博客的变色是可以根据选择的颜色变色的，现在需要直接改变主题色，也就是改变默认的那个蓝色，之前的方法用到这里就太繁琐了，百度是个好东西，查到了好用的办法，复制一下，谨防丢失 参考文章： 作者：撑船的摆渡人我用的办法：在项目中改变 SCSS 变量新建一个样式文件，例如 element-variables.scss，写入以下内容：/* 改变主题色变量 */
$--color-primary: t
转载
2024-04-14 14:46:34
395阅读
定义和用法<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。thead 元素应该与 tbody 和 tfoot 元素结合起来使用。tbody 元素用于对 HTML 表格中的主体内容进行分组，而 tfoot 元素用于对 HTML 表格中的表注（页脚）内容进行分组。注释：如果您使用 thead、tfoot 以及 tbody 元素，您就必须使用全部的
近期准备撸一撸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阅读
antdesign-vue结合sortablejs实现两个table相互拖拽排序实现效果sortablejs介绍具体实现 实现效果本来想在网上看看有没有基于antdesign做的，然后发现是真的少啊！废话不多说，先上图：sortablejs介绍首先先来认识一下这个插件: sortablejs 大家可以去细读一下它的api文档： 这边我就着重介绍一下我用到的api。 1.group可以传入对象，参
转载
2024-06-26 06:14:08
264阅读
今天用到了这个东西 搜索到一个网站htt
原创
2023-06-21 08:39:39
53阅读
## 如何使用 Ant Design Pro 组件编写 JavaScript 应用
欢迎来到使用 Ant Design Pro 组件的学习之旅！本文将帮助你逐步使用 JavaScript 实现 Ant Design Pro 组件，适合刚入行的开发者。我们会通过一个简单的流程来引导您完成整个过程，最后呈现一个状态图来帮助您理解每一步的进展情况。
### 整体流程图
我们将整个过程分为以下几个步
前言开始学习欢迎来到《Ant Design 实战教程》。 这本教程将从最简单的教起，让大家学会如何使用 Ant Design 组件库，然后逐渐深入，讲解如何开发一个包含多个复杂网页、用于实际生产的大型应用。这是 Ant Design 组件库的官方教程，由 Ant Design 开发团队负责编写。不管你是刚刚接触前端开发的新手，还是已经从事实际开发、希望尝试 React 技术栈的工程师，都
转载
2024-03-17 13:12:56
99阅读
一、开发环境说明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代码后端代码
