![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 77
姚尔摩斯
这个作者很懒,什么都没留下…
展开
-
【React】使用react-intl-universa国际化
我在做一个项目时有国际化的要求,查询后发现可以使用阿里的react-intl-universal先安装到项目里yarn add react-intl-universal在项目中使用时发现 将国际化内容放在 react-redux的Provider里会导致bug,组件延迟变化,所以我在最外层又套了一个antd框架提供的 ConfigProvider 具体使用如下在app.js入口...原创 2019-12-29 01:17:30 · 461 阅读 · 0 评论 -
【React】使用redux-persist 刷新不重置state
在做一个项目时 发现每次刷新菜单栏都会变成初始位置 实用性很差 ,便想着把redux中的数据保存下来,查了一下,应使用redux-persist首先使用yarn下载下来(基础的redux默认下载好了)yarn add redux-persist修改store中的index.jsimport { createStore,applyMiddleware,compose } f...原创 2019-12-26 23:34:18 · 1413 阅读 · 0 评论 -
【React】antd,Redux
React组件之间传值不方便,所以用Rudex准备下载antd(有点像bootstrap)下载redux (仓库)项目目录进入cmdyarn add antdyarn add redux下载duduxdevtools在google商店中安装使用Redux创建store在src中创建一个文件夹store在store中创建index.js...原创 2019-11-12 22:30:54 · 209 阅读 · 0 评论 -
【React】使用charles
首先360wcnm我安装了半天一直失败,我寻思着我也没出错啊,查了半天,百度也google也找,都没啥人和我一个毛病,最后看到一个老哥说,你把360关了试试。。我真是一口血吐出来了。在测试时发现新版本charles不支持本地抓取 网上参考https://blog.csdn.net/weixin_43735348/article/details/100824002将localhost...原创 2019-11-12 01:27:19 · 220 阅读 · 1 评论 -
【React】生命周期函数
在某一时段会自动执行的函数Initialization初始化constructo()中完成Mounting 组件第一次挂载到页面的流程componentWillMount :render之前 组建即将被挂载到页面上时执行componentDidMount :render之后 组件挂载后执行Updation 组件更新shouldComponen...原创 2019-11-11 23:45:15 · 89 阅读 · 0 评论 -
【React】PropTypes/DefaultTypes
PropTypes 与 DefaultTypes 可以在组件中设置属性的值PropTypes可以设置组件中属性的类型 若是接收到 contnet 是 number 类型 就会 warnning也可以设置 .isRequired 那么久一定要有 没有就会报错、使用 arrayOf 可以设置多重属性,既可以是number 也可以是stringimport PropType...原创 2019-07-14 03:51:14 · 146 阅读 · 0 评论 -
【bootstrap】前端框架bootstrap的学习(1)
Bootstrap 网格系统 默认最大为12格 你希望你的东西占多宽就给多少格 如过希望占1/3 就如下<div class="col-xs-4"></div> 这种就是根据不同的情况给不同的宽度 小的时候占1/3 大了占1/2<div class="col-xs-4 col-md-6"></div>网格系统参考表格 ...原创 2018-12-19 17:18:40 · 151 阅读 · 0 评论 -
【bootstrap】前端框架bootstrap的学习(2)
Bootstrap导航栏<nav class="navbar "> 导航栏<nav class="navbar navbar-default " role="navigation"> 默认样式.navbar-inverse 反色样式<nav class="navbar navbar-fixed-top" role="navigation"...原创 2019-04-16 11:46:41 · 136 阅读 · 0 评论 -
ES6知识
ES6对比以往的JS语法多了 let 和 const let命令 如果说以前的 var 是全局变量 , 那么 let 就是局部变量,只在声明的代码块部分生效,且不能重复声明, 适用于一些内部循环 , 不会出现变量提升 变量提升let 不存在变量提升,var 会变量提升:console.log(a); //ReferenceError: a is not def...原创 2019-07-12 23:40:29 · 139 阅读 · 0 评论 -
【React】拆分组件与组件间传值
组件拆分将一个大的组件可以拆分成几个组件 比如 TodoList 将搜索栏和展示栏分别设置为组件,将列表中的每一个列都设置为单独的组建例如:<ul> { this.state.list.map((item,index) => { return ( <TodoItem /> ) }) }</ul>组件传值...原创 2019-07-13 02:10:20 · 317 阅读 · 0 评论 -
【React】入门
React是视图层框架,并不能解决所有问题.React 的核心我现在的理解就是 把dom层的工作放到数据层来,利用绑定事件来体现响应式设计,能改数据层都在数据层改.对应于原来原生开发的命令式开发,React是声明式开发.React16后的版本可以称作React Fiber在chrome扩展程序里搜React可以添加React工具React作为一个前端框架有两种开发模式一种是传统...原创 2019-07-10 23:35:23 · 120 阅读 · 0 评论 -
【React】JSX语法基础
JSX语法就是React的框架语言通过JSX在js文件中创建html元素 例如红色部分就是jsxconst h1 = < h1 > Hello world </ h1 > ;尽管就像html但是它在js文件中,如果不编译的话无法被理解创建jsx元素时应该使用有效的HTML标记,而且react中的dom属性与html不同记得查看比如html中的cla...原创 2019-07-10 23:44:04 · 453 阅读 · 0 评论