react开发两年,转战新公司vue开发,因为是老司机,换技术栈也没啥难度,纯属记录由react到vue的过程。准备:安装webpack,webpack-cli,node,@vue/cli(安装的时候选择router+v…
分类:react.js
antd design 中表格数据导出为excel(支持多表头)
主要用到了better-xlsx和file-saver两个库 import { File } from 'better-xlsx'; import { saveAs } from 'file-saver'; functi…
react-router-config 使用
react-router-config Static route config helpers github: react-router-config 使用 需要注意的是,在page2中, renderRoutes(ro…
React系列---Webpack环境搭建(二)不同环境不同配置
React系列—Webpack环境搭建(一)手动搭建React系列—Webpack环境搭建(二)不同环境不同配置React系列—Webpack环境搭建(三)打包性能优化 实际项目中,往…
Webpack 配置 React 开发环境
Webpack 配置 React 开发环境 先完成基本的配置项,后面在根据项目的复杂度加入更多的配置内容和技巧 Webpack 是一个前端资源加载/打包工具,只需要相对简单的配置就可以提供前端工程化需要的各种功能,并且如…
react-redux简版实现
Provider组件 Provider用于建立能够被子组件访问的全局属性,核心API有两个: childContextTypes静态属性,用于指定被子组件访问的全局属性类型 getChildContext方法,用于指定可…
React 教程第八篇 —— 组件通信
组件通信 在这里只讲 React 组件与组件本身的通信,组件通信主要分为三个部分: 父组件向子组件通信:父组件向子组件传参或者是父组件调用子组件的方法 子组件向父组件通信:子组件向父组件传参或者是子组件调用父组件的方法 …
一个经过优化的react脚手架,拿来就能开发
react-ve 拿来即用的 react 脚手架 没有使用create-react-app,直接走webpack显性配置,使配置透明。 脚手架是我根据大多数公司的业务,取其共同需求搭建的,并且做了项目优化,不管小项目还是…
管理系统的登录控制?手写一个发布订阅模型!
最近做了一个后台的项目,既然是后台管理系统,登录的控制自然是少不了的。 接到需求——后台系统!花了几乎半天搞出来了Webpack配置、搞出来了React Router、搞出来了 React 代码基本的结构,下一步就是搞所…
React入门-3.组件
1. 组件介绍 组件允许我们将UI拆分为独立的、可重用的部分,并独立地考虑每个部分。 2. 组件定义 2.1. 函数组件 定义个组件的最简单的方式就是写一个Javascript函数。该函数接受一个对象作为参数(我们称之为…
react.js的一些注意事项
尽量不要直接修改state中的数据,如: this.state.list.splice(xxx) this.setState({ list:this.state.list }) 这样做确实可以生效,但应该遵循immuta…
React Native组件开发指南
React Native的组件开发一直处在一个比较尴尬的处境。在官方未给予相关示例与脚手架的情况下,社区中依然诞生了许许多多的React Native组件。因为缺少示例与规范,很多组件库仅含有一个index.js文件。这…