组件的按需加载是提升首屏性能的重要手段。 dva@2.0使用了react-router@4.0,相关的使用方式有变化,网上的讨论基本上都是旧的,不清楚的话会比较乱,这里做一下记录。 dva@2.0以前 dva@2.0以前…
分类:react.js
react 高阶组件
高阶组件本质是函数,参数是 组件1 返回组件2,高阶组件是为了复用通用逻辑 高阶组件eg: import React, { Component } from 'react'; const withPersistentDa…
react本质:JSX如何转化为javascript
react中基本都使用JSX来开发,但JSX其实是javascript的一种语法糖。 什么是语法糖? 语法糖就是提供了一种全新的方式书写代码,但是其实现原理与之前的写法相同。语法糖可以说是广泛存在于各种计算机代码中,包括…
webpack中如何加载静态文件
前言: 对于非静态的文件,如js,当webpack打包时,会被直接打到模块文件中,如main.js,如果修改了,需要再次编译而对于静态文件,如jpg,svg等,我们不希望webpack去打包,只需要在build完后,直接…
快捷写react代码的方法-plop
每次写重复的代码是不是很浪费时间呢?接下来介绍一款用命令行就可以自动生成代码的工具。 plop的介绍 https://www.npmjs.com/package… 在项目中安装plop; npm instal…
anujs+ webpack2
npm init -y npm i anujs npm i babel-core babel-loader babel-preset-es2015 babel-preset-react webpack@1.1.13 --…
React 16 发布啦。。渣渣看了一下更新文档~
React 又双叒更新啦~ 这次是React v16.0,其实在前段时间就知道最近要发布了。协议更新了。。。来看看其他的变化吧。自己看着玩的。。期待官方中文文档的更新。。 原文地址:React v16.0 我们很高兴地宣…
基于 react 的Java web 应用—— 组件复用(后续需更新)
前言 实习第二周,被告知要用React与导师进行基于React的Javaweb 的开发,jinzhangaaaaa~由于React 这款框架没学过,看了一峰老师的基础入门教程,硬着头皮开始上了… 组件的复用 …
ant design iconfont 离线
ant design 的iconfont 字体是调用的阿里的CDN地址,对于一些内网的应用,或者被屏蔽的站点,下载的字体地址就不生效了。官网提供了一种解决方案,替换less变量 @icon-url, 详见: https:…
关于浏览器缓存问题(图片更换后,页面仍优先读取缓存)
因为部分需求(跟换头像,切换轮播图等等)改变图片或者本地上传新图片,会导致图片缓存问题,从而达不到预期效果,还是加载原图片查找了一些资料,总结出2个步骤: 1.在图片的路径的后面拼接 ‘?内容’ 解决,具体如下 (1)在…
react 生命周期
一个React组件的生命周期分为三个部分:实例化、存在期和销毁时。 实例化阶段 客户端渲染时,如下依次被调用 getDefaultProps() getInitialState() componentWillMount(…
microservices-with-docker-flask-and-react 简介
在第一部分, 你学到如何使用 Docker 来创建一个基于python, postgres, 和 flask web 框架的 RESTful API 可重用开发环境. 在 app 启动本地运行后, 学习如何在 Amazo…