React
MonkeySoft
这个作者很懒,什么都没留下…
展开
-
【项目实战】sass使用基础篇(上)
Sass是一种CSS预处理语言。CSS预处理语言是一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让css更加简洁、适应性更强,可读性更佳,更易于代码的维护等诸多好处。CSS预处理语言有Scss(Sass) 和Less、Postcss。Scss和Sasssass一开始用的是一种缩进式的语法格式采用这种格式文件的后缀名是.sass在sass3.0版本后我们常用的是sassy css语法,扩展名是.scss,更接近与css语法原创 2020-08-06 11:37:46 · 196 阅读 · 0 评论 -
react的setState到底是同步还是异步?
在介绍这个问题之前,我们先来看一下一个例子:state = { number:1};componentDidMount(){ this.setState({number:3}) console.log(this.state.number)}看完这个例子,也许很多小伙伴会下意识的以为setState是一个异步方法,但是其实setState并没有异步的说法,之所以会有一种异步方法的表现形式,归根结底还是因为react框架本身的性能机制所导致的。因为每次调用setState都原创 2020-07-11 14:50:08 · 685 阅读 · 0 评论 -
前端性能优化总结
gzip压缩gzip压缩效率很高,可以达到70%的压缩率//npm i -D compression-webpack-plugin 安装插件依赖configureWebpack: config => { const CompressionPlugin = require('compression-webpack-plugin') config.plugins.push(new CompressionPlugin())}去掉console.log生产环境中,不需要打印日志。通过对原创 2020-07-10 22:08:52 · 120 阅读 · 0 评论 -
react后台管理系统路由方案及react-router原理解析
最近做了一个后台管理系统主体框架是基于React进行开发的,因此系统的路由管理,选用了react-router(4.3.1)插件进行路由页面的管理配置。实现原理剖析1、hash的方式 以 hash 形式(也可以使用 History API 来处理)为例,当 url 的 hash 发生变化时,触发 hashchange 注册的回调,回调中去进行不同的操作,进行不同的内容的展示function Router() { this.routes = {}; this.curren原创 2020-06-11 14:53:42 · 1146 阅读 · 0 评论 -
ant design pro生产和开发环境的坑
1、axios的get请求开发环境会自动带上cookie,但是生产环境则不会,需要手动设置以下代码:axios.defaults.withCredentials=true;2、models全局和局部问题局部model在生产环境中,在未渲染之前调用会报错,在开发环境中则不会,生产环境中需要使用其他的局部model,需将其提升为全局的model。...原创 2018-12-17 17:44:36 · 3509 阅读 · 1 评论