2019-11-18:-- antd有啥好?antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。提炼自企业级中后台产品的交互语言和视觉风格。开箱即用的高质量 React 组件。使用 TypeScript 构建,提供完整的类型定义文件。全链路开发和设计工具体系。学习内容:(国际化)语言设置、datepicker、antV--G2、一、
转载 2024-05-10 17:00:59
145阅读
暑不尽的盛夏关注并将「趣谈前端」设为星标每早08:30按时推送技术干货/优秀开源/技术思维1. 背景ant design pro v2的项目需要显示页面而且还需要页面能够缓存下来。...
转载 2022-01-11 16:32:52
1882阅读
每天定时分享技术干货/优秀开源/技术思维1. 背景ant design pro v2的项目需要显示页面而且还需要页面能够缓存下来。页面展示不同数据会对应...
转载 2022-01-11 16:13:25
2265阅读
Ant 标签 1.<project> 每个构建文件对应一个项目。 <project> 就如代码中所示,其各个属性的含义分别如下。 (1) default (2) basedir (3) name (4) description 每个构建文件都对应于一个项目,但是大型项目经常包含大量的子项目,每一个子项目都可以有 自己的构建文件。 2.<tar
转载 10月前
88阅读
1.修改模板/src/layouts/BasicLayout.vue添加如下代码第一处: <!-- layout content --> <a-layout-content :style="{ height: '100%', margin: '0 0 40px 0', paddingTop: fixedHeader ? '64px' : '0' }"> <multi-tab v-if="multiTab"></multi-ta
原创 2022-04-16 09:13:55
3342阅读
我以下的方式,其实并把Ant Design Pro文件打包到生成的安装包里,所以,安装包=Ant Design Pro+Electron环境   ant-design-pro ----> version :2.3.1 由于网上Ant Design Pro+Electron的资料太少,我就贡献一点经验  
转载 2024-08-19 20:15:35
151阅读
前言面试遇到一道题,使用 React 实现移动端物流单据列表查询功能。好家伙,React 咱已经一年没碰过了(主要是项目都是用的 vue ,只能额外找时间学习 React )。既然挑战来了,刚好也可以复习一下 React ,所以咱花了一天时间将它封装成了复用组件,当其他页面也用到差不多的列表时,直接搬来用。这里使用到了 Antd-mobile 组件库(毕竟人生苦短,该偷懒还是得偷懒的)废话不多说
转载 2024-05-07 16:43:17
166阅读
react-native 结合ant-Design- mobile, 发现有些组件样式不好调,尤其是嵌套很多层的子组件. 解决办法如下http://www.jianshu.com/p/70b46e305914 react-native 结合ant-Design- mobile, 但是发现有些组件样式不好调,尤其是嵌套很多层的子组件的字体,颜色, 官方使用style={} 作
转载 2024-03-18 12:41:09
365阅读
ReactDOMServerReactDOMServer 对象允许你将组件渲染成静态标记。通常,它被使用在 Node 服务端上:// ES modules import ReactDOMServer from 'react-dom/server'; // CommonJS var ReactDOMServer = require('react-dom/server');概览下述方法可以被
转载 6月前
17阅读
1.Ant Design介绍和环境初始化Ant Design是一套面向企业级开发的UI框架,视觉和动效作的很好。阿里开源的一套UI框架,它不只支持React,还有ng和Vue的版本,我认为不论你的前端框架用什么,Ant Design都是一个不错的选择。习惯性把AntDesign简称为antd。官网地址:https://ant.design/index-cn2.项目初始化#安装脚手架工具 cnpm
一:项目效果二:项目说明项目框架 项目使用 react ant.design调用说明 1.控制是否显示设置,默认true         1)控制表格列的显示和隐藏         2)控制列的对齐方式   &
Ant design pro-项目探究(5)react基础知识前言,前端利用请求参数、界面与数据进行整合,构成前端的展示。对于状态的一些调用,react中拥有useState,useEffect,useRef方式来实现前端状态的利用,了解这些方式的运用,对开发界面化来说提供了非常大的便捷之处,以下以以项目自带的table-list来讲解。首先我们来看看useStateimport React, {
一、概述在日常开发中,往往是前后端分离的,这个时候约定好一套接口标准,前后端各自独立开发,就不会被对方的技术难点给阻塞住,从而保证项目进度。在 Ant Design Pro 中我们已经有了一套比较完善的 mock 功能,而 roadhog-api-doc 工具,则能够从项目的 mock 数据中读取接口信息生成对应的文档,这样就能够更加清晰明了的展现项目的接口情况。效果如下:Pr
转载 2024-05-12 18:37:51
72阅读
一、概述1.1、脚手架概念  编程领域中的“脚手架(Scaffolding)”指的是能够快速搭建项目“骨架”的一类工具。例如大多数的React项目都有src,public,webpack配置文件等等,而src目录中又包含components目录等等。每次在新建项目时,手动创建这些固定的文件目录。脚手架的作用就是帮助你完成这些重复性的工作,包括一键生成主要的目录结构、安装依赖等等。1.2、参考地址 
转载 2024-03-28 13:36:59
236阅读
   Web测试主要指基于BS架构的软件产品的测试,通俗来说就是web网站的功能测试。 web功能测试的主要分类:1、链接测试 链接是web应用系统的一个很重要的特征,主要是用于页面之间切换跳转,指导用户去一些不知道地址的页面的主要手段,链接测试一般关注三点:       1)链接是否按照既定指示那样,确实链
宣骞我本着简单易懂的原则,希望各位看官能耐心看完(没有完整代码),创作不易,希望各位爷能给些赏?登录效果出于保护公司项目隐私,这里就用简笔画来代替效果图。错误验证: 1.点击获取验证码: 前端验证: 手机号码为空; 手机号码位数不为11; 手机号码格式不正确; 后端验证: 每分钟只能获取一次验证码; 每小时只能获取五次验证码 手机号码在系统中不存在; 2.点击登录: 前端验证: 手机号码为空; 验
项目中经常会对请求进行统一的封装处理,方便我们搭载token、对请求进行拦截等需求。在React中经常会使用到umi提供的request请求。那么在antdPro创建的项目中,怎么对request请求进行统一的封装呢?实现的话大致有两种方式:方式一:是对umi的request进行简单封装,再暴露出去;在项目后续的网络请求统一都使用这个封装后并暴露出去的request方法,具体的处理方式可以参见这篇
场景描述在做报表的时候,我们会遇到制作循环报表的时候。循环扩展报表是按照某个指定的字段自动循环扩展出多个表格的一类报表。它主要分为纯表格循环扩展和图形循环扩展。下面我们来讲讲如何利用报表设计器实现纯表格循环。如下图,员工信息描述数据比较多,希望通过一个表格展现该对象的所有数据,并且报表布局为多个表格呈上下式段落布局,每个表格结构一致。 实现步骤1、 创建数据集查询出数据。这类型的报表通
前言从0开始,一步步代码图文详解搭建过程. 搭建一个后台管理项目,有用到antd,装饰器等,具体看技术栈.本文的大致流程是:创建项目框架--下载技术栈--配置技术栈--环境配置如跨域等--运行项目创建项目//命令行中执行 npm install -g create-react-app create-react-app 项目名称 或者 create-react-app ./ //这里
转载 2024-09-29 22:46:54
312阅读
前言React是Facebook推出的一个前端框架,之前被用于著名的社交媒体Instagram中,后来由于取得了不错的反响,于是Facebook决定将其开源。出身名门的React也不负众望,成功成为当前最火热的三大前端框架之一。相比于Angular,React更加轻量。而相对于另一个轻量级前端框架Vue来说,React虽然学习和使用起来难度稍微大一些,但是React的社区相对来说人气更旺,而且在移
转载 2024-09-20 10:39:05
86阅读
  • 1
  • 2
  • 3
  • 4
  • 5