react
火星第一帅
不能改变世界,那就改变自己!
展开
-
React被废弃的三个生命周期函数及替代函数
前奏学习react的看官都知道,react生命周期函数贯穿于组件的初始化、挂载、更新、销毁的整个过程,可以说配合紧密,但随着react使用的深入,在业务开发中一些声明周期函数也带来了一些严重的问题,因此官方大大也很快做出了修正,废弃了几个容易造成严重问题的函数,并且给出来替代的函数。react精益求精的“弃子”1、componentWillMount2、componentWillUpdate3、componentWillReceiveProps原因在 componentWillMou原创 2022-01-25 10:51:23 · 4005 阅读 · 0 评论 -
npm 创建react项目
win+R 输入cmd ,打开cmd面板 安装cnpm (淘宝镜像,作用:提升下载速度)npm install -g cnpm --registry=https://registry.npm.taobao.org 安装react的构建器create-react-appcnpm install -g create-react-appcreate-react-app my-app...原创 2018-08-01 20:57:35 · 3453 阅读 · 2 评论 -
第二种npm 创建react项目方式
上篇文章学过关于ceate-react-app快速创建react项目的方法,其实是将本篇所要安装的各类包及插件集成后的结果。本篇将介绍不通过create-react-app创建react项目的方式 前提准备:首先安装node.js,npm 正文:一.安装全局包$ npm install babel -g$ npm install webpack -g$ npm ...原创 2018-08-01 21:58:22 · 924 阅读 · 0 评论 -
react 页面点击加载更多
一般对于加载更多有2中做法1.一次性从服务端拿到所有数据,然后分页显示;2.分批次从服务器加载数据; 优缺点:第一种对于更进入页面时加载时间过长,体验不是太好。当然,当数据加载完毕后,后面的操作就比较流畅了;第二种:相对来说比较好一点,需要多少数据加载多少数据,减少了不必要的网络开销,为用户节省流量,推荐! 本篇文章使用的第二种方式,模拟服务端分批加载数据,下面是整个页...原创 2018-08-02 09:15:46 · 3563 阅读 · 0 评论 -
react+webpack 打包,开发环境和生产环境集成一体拿来就能用
直接上代码:webpack.config.js import webpack from "webpack";import path from "path";var path = path.resolve(__dirname,"/main.j")var ExtractTextPlugin = require("extract-text-webpack-plugin");//c...原创 2018-08-11 19:52:25 · 2552 阅读 · 0 评论 -
快速构建react+webpack+es6项目的两种方式之一
本例转自https://blog.csdn.net/hahahhahahahha123456/article/details/80358381一、安装最新的node.js原博文是这样写说的npm install -g n //首先安装n模块 n stable //升级node.js到最新稳定版 n 5.0.0 //或者指定版本升级 node -v //检查更新是否成功我自...转载 2018-08-21 15:47:05 · 286 阅读 · 0 评论 -
快速构建react+webpack+es6项目的两种方式之二
转载自https://blog.csdn.net/pcaxb/article/details/52212367环境搭建:1.从官网下载最新版本的node.js安装官网下载地址:http://nodejs.org/en/官网需要翻墙,如果没有翻墙的同学可以到nodejs中文网下载,下载地址:http://nodejs.cn如果你需要使用Homebrew安装nodejs,请参...转载 2018-08-21 15:49:56 · 371 阅读 · 0 评论 -
react滚动条开发 适配PC 和 移动端的滚动 显示隐藏header和footer/滚动显隐公用组件
功能描述:移动端时,上滚则显示footer,下滚则隐藏footerPC端时,上滚则显示header,下滚则隐藏header。 xx.jsimport React, { Component } from 'react';import {BrowserRouter as Router,withRouter,} from 'react-router-dom'; ...原创 2018-09-28 10:59:19 · 3113 阅读 · 0 评论 -
Rect环状统计图工具类
由于公司项目需要,对可用金额和全部金额进行环状统计图统计,因此秉着不重复造轮子的信念,开始疯狂的度娘查询。例如ECharts 、 BizCharts 、G2都进行了考虑,不过由于项目中只需要单纯的环状图,所以如果将此插件引入项目,有点过于厚重,势必对项目性能造成一定的损失,so果断放弃。经过反复度娘筛选,最终确定用简书的一位简友的“使用JS绘制一个圆环统计图”,但公司用的reac...原创 2019-04-30 09:38:17 · 390 阅读 · 0 评论