随笔分类 - React
摘要：pdf.js 主要用于在网页上展示 pdf 文档，是一个用户解析和渲染 pdf 文件的开源库。本文主要介绍如何在 react 中使用 pdf.js 解析 pdf 文件，并最终转换成图片形式。 一、 安装 pdf.js 库文件 要在 react 中使用 pdf.js，首先需要安装对应的依赖。对此 pd
阅读全文
摘要：在前端项目中经常遇到上传文件的需求，ant design 作为 react 的前端框架，提供的 upload 组件为上传文件提供了很大的方便，官方提供的各种形式的上传基本上可以覆盖大多数的场景，但是对于不同的服务器平台，可能实现方式会有所不同，尤其最近使用了阿里云作为服务器上传，就需要自定义上传行为
阅读全文
摘要：介绍 SheetJS js-xlsx 是一款能够读写多种格式表格的插件，浏览器支持良好，并且能在多个语言平台上使用，目前在 github 上有 12602 个 star， 刚好项目中遇到了前端解析 excel 的需求，所以就尝试使用了一下，这里将使用方法和遇到的问题简单记录一下。 插件地址：http
阅读全文
摘要：最简单的结构 数据流图 [https://dvajs.com/guide/introduce-class.html#数据流图-1] Model 对象的属性 call 和 put Dva 提供多个 effect 函数内部的处理函数，比较常用的是 call 和 put。 call：执行异步函数 put：
阅读全文
摘要：在 react 组件的 componentDidMount 方法中打印一下 this.props，在浏览器控制台中查看输出如下： 其中页面的 url 信息全都包含在 match 字段中，以地址 为例，其中各个参数定义对应如下： 首先打印 this.props.match ： 可以看到 this.pr
阅读全文
摘要：1. 使用 redux 的异步 action 时浏览器报错： 【原因】没有添加 thunk 中间件 【解决方法】在入口文件中添加中间件，并在 createStore 时进行注册： 2. ant design pro 开启 eslint 后出现大量 warning: Line 1: Definitio
阅读全文
摘要：中国天气网（http://www.weather.com.cn）提供了查询天气的 API，通过传入城市 id， 可以获得当前城市的天气信息，API 相关信息如下： 返回结果格式如下： 在请求天气数据的时候有几个问题需要注意： 1. 使用浏览器原生支持的 fetch 函数来请求 api，同时为了解决跨
阅读全文
摘要：前言 为什么要使用 Redux？ 组件化的开发思想解放了繁琐低效的 DOM 操作，以 React 来说，一切皆为状态，通过状态可以控制视图的变化，然后随着应用项目的规模的不断扩大和应用功能的不断丰富，过多的状态变得难以控制，以至于当不同的组件中触发了同一个状态的修改或者引发了视图的更新，我们可能搞不
阅读全文
摘要：之前用 Ant Design 开发了一个项目，因此对 React 的特性有了一定的了解，React 使用封装组件的思想，组件各自维护自己的状态和 UI， 组件之间通过 props 传递数据和方法。当状态更新时自动重绘整个组件，从而达到局部刷新的效果，大大提高了 DOM 更新的效率，同时组件化十分有利
阅读全文
摘要：最近公司做了一个系统，因为页面涉及的表单交互非常多，如果使用之前的 Node + Express 的开发模式效率是非常低的，因此经过考虑，最后决定使用 Node + React 的开发模式，并且使用了蚂蚁金服出品的开源框架 Ant Design。 正如Ant Design 官方介绍： "在中台产品的
阅读全文