一、Ant Design of React ://ant.design/docs/react/introduce 二、建立webpack工程 webpack+react demo下载 项目的启动，参考 三、简单配置 1.工程下载下来之后，在src目录下新建目录“table”，新建app.js
转载
2016-07-20 21:21:00
663阅读
2评论
在 react + redux 已经成为大部分前端项目底层架构的今天，
让我们再次回到软件工程界一个永恒问题的探讨上来，
那就是如何提升一个开发团队的开发效率？
从宏观的角度来讲，其实只有良好的抽象才能真正提高一个团队的开发效率，而囿于不同产品所面临的不同业务需求，当我们抽丝剥茧般地将一个个前端工程抽象到最后一层，那么
react + Ant Design后台管理系统下载命令：npm install antd --save官网：https://ant.design
Step 1：安装脚手架工具 （Node.js 需要 v4.x 或以上）$ npm install antd-init -gstep 2：创建项目&初始化$ mkdir ant-design-demo && cd ant-de
今天刚刚运用antd做了个分页，根据官网上的指导和一些自己的摸索，将其完成，有些代码编写的还是比较繁琐，没有做简化。antd官网讲的还是比较详细的，有案例，本例在其基础上扩展了一下功能，现将其按照例子的方式记录下来，以供以后参考。 先将显示出来的效果放出来（注：本次案例是点击一次页码请求一页数据）： 编码过程大体需要以下几步：1.初始化必要属性，如数据 data，数据条数 co
转载
2024-06-19 15:21:37
858阅读
import { Upload, message, Button, Icon } from 'antd'; const props = { name: 'file', action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76', header
原创
2022-07-31 00:08:25
157阅读
react
原创
2023-02-12 01:47:12
84阅读
开发中遇到一个需求：在Vue项目中使用已经开发好的React组件。这里选择了使用vuera库来
原创
2022-07-12 21:09:49
4874阅读
Angular和React是用于前端应用程序开发的两个流行的开源框架。因此，你必须决定正确的框架来开发优于其他应用程序的最佳应用程序。为什么开发人员会比较这两个术语? 现在我们将从8个不同的特性来比较这两个JS框架。 1、Angular和React — 学习曲线 作为一个初学者，Angular和React都很难学习，并且会产生一种令人困惑的状态，不知道从哪个开始。 如果你是前端开发的初
项目中经常会对请求进行统一的封装处理，方便我们搭载token、对请求进行拦截等需求。在React中经常会使用到umi提供的request请求。那么在antdPro创建的项目中，怎么对request请求进行统一的封装呢？实现的话大致有两种方式：方式一：是对umi的request进行简单封装，再暴露出去；在项目后续的网络请求统一都使用这个封装后并暴露出去的request方法，具体的处理方式可以参见这篇
react 封装通用组件之table组件工作中发现我们在做react后台管理系统的时候，会有大量重复的页面（如下图），比如form表单和table组件、以及接口通讯，新增修改modal等。虽然antd里面的组件已经很简便了，但是遇到众多功能类似的页面，每次都复制大量的代码还是会耗费很大的时间而且不易维护，看起来很不清爽，于是找了个时间就把他们做了二次封装。 尽量涵盖了大多数的业务。table表格的
转载
2024-05-31 01:19:46
888阅读
这篇文章来讲解一下angular内置的filter过滤器.没错,这个过滤器的名字,就叫'filter',虽然自定义过滤器也是使用module.filter()...但是不要混淆了,这个filter就是过滤器的名字~这个过滤器是干嘛的呢? 它的作用是: '从数组中过滤出需要的项,放入新的数组并返回这个新数组。'一.用在html模板里:因为是用来过滤数组,所以这个过滤器基本上都用在ng-repeat指
写这个系列文章的开始，我没有学过React，更没有写过一行React代码。前端的知识积累来源于多年的Javascript和Vue开发经验。基于对Ant Design Pro的“开箱即用”的信心，开始本次旅程。如果我这样的知识储备之下可以真正的“开箱即用”，那么这就是真正的“开箱即用”。代码编辑器选择基于多年使用习惯，选择Visual Code （点击链接下载）作为代码编辑器，以前用VsCode编写
转载
2024-03-16 16:49:59
51阅读
#1、表格 1）分页表格 <template> <a-table :rowSelection="rowSelection" :columns="columns" :dataSource="data" :pagination="ipagination"/> </template> <script> c
原创
2021-07-13 16:56:31
429阅读
前言本文讲解 8 道高频出现的 Vue 面试题及答案。
复习前端面试的知识，是为了巩固前端的基础知识，最重要的还是平时的积累！
注意：文章的题与题之间用下划线分隔开，答案仅供参考。前端硬核面试专题的完整版在此：前端硬核面试专题，包含：HTML + CSS + JS + ES6 + Webpack + Vue + React + Node + HTTPS + 数据结构与算法 + Git 。
Ant Design 是一个流行的 React UI 组件库，提供高质量的设计语言和丰富的组件。以下是详细使用指南：1. 安装npm install antd
# 或
yarn add antd2. 基本使用import React from 'react';
import { Button, DatePicker } from 'antd';
import "antd/dist/reset.cs
之前的文章都在介绍React的入门，我们从一个react项目的创建到
原创
2022-02-21 16:02:41
601阅读
之前的文章都在介绍React的入门，我们从一个react项目的创建到组件的新建，再到路由的配置，最后的路由模块化。我们可以创建的都是一些简单的react页面，它的样式我们最然可以写css文件来修饰，但是工作量有点大。 接下来我们讲解react搭配使用的一套组件库——Ant Design。它类似于Bootstrap，里面提供了丰富的组件，我们只需配置环境后即可按需引用它们来...
原创
2021-08-26 15:15:55
1234阅读
react-native 结合ant-Design- mobile, 发现有些组件样式不好调,尤其是嵌套很多层的子组件. 解决办法如下http://www.jianshu.com/p/70b46e305914 react-native 结合ant-Design- mobile, 但是发现有些组件样式不好调,尤其是嵌套很多层的子组件的字体,颜色, 官方使用style={} 作
转载
2024-03-18 12:41:09
365阅读
关注前端的同学都了解，React和Vue是目前应用很广泛的两个前端框架。React是由Facebook开发的，Vue起初则是由google一名程序员尤雨溪开发的。截止到目前github上显示，React的Star数为87422，Vue的为78523，数据差距越来越小。两个框架国内外使用概况如图1所示： &
组件 & Props的学习 组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思。组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。1.函数组件与 class 组件 1).定义组件最简单的方式就是编写 JavaScript 函数： function Welcome(pr
转载
2024-03-28 11:51:12
260阅读
