![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 62
wyd1022
这个作者很懒,什么都没留下…
展开
-
React技术栈
React 是目前最热门的前端框架。Facebook 公司2013年推出现在最好的社区支持和生态圈大量的第三方工具React 的优点组件模式:代码复用和团队分工虚拟 DOM:性能优势移动端支持:跨终端React 的缺点学习曲线较陡峭全新的一套概念,与其他所有框架截然不同只有采用它的整个技术栈,才能发挥最大威力总结:React转载 2017-10-26 17:53:55 · 268 阅读 · 0 评论 -
create-react-app创建react项目,使用axios跨域
最近用react做项目练手,项目中调用接口有跨域问题,引用的插件是axios,react项目是用 create-react-app创建的,解决跨域问题可以后台设置cros(跨域资源共享),如果前端解决的话可以用代理,用webpack搭建的项目可以在webpack.config.js中配置,用create-react-app创建的项目webpack配置集成在react-script中集成了,不好配置...转载 2018-03-10 14:00:45 · 5628 阅读 · 1 评论 -
以create-react-app为基础创建项目
初始化项目首先,要先利用create-react-app创建一个react项目,可参考https://github.com/facebookincubator/create-react-app注:用“[ ]”包裹的都是可自定义的内容,例如:cd [project-name],实际上可能是cd my-app,也可能是cd my-project。总之“[ ]”包裹的内容,只表示上下文里相互对应的变量。...转载 2018-03-10 14:23:00 · 992 阅读 · 0 评论 -
如何扩展 Create React App 的 Webpack 配置
Create React App(以下简称 CRA)是创建 React 应用的一个脚手架,它与其他脚手架不同的一个地方就是将一些复杂工具(比如 webpack)的配置封装了起来,让使用者不用关心这些工具的具体配置,从而降低了工具的使用难度。但是对于一些熟悉 webpack 的开发者来说,他们可能想对 webpack 配置做一些修改,这个时候应该怎么办呢?其实我们可以通过以下几种方式来修改 webp...转载 2018-03-10 14:40:21 · 8075 阅读 · 0 评论 -
React学习之扩展阻止数据的更新的方法
1、使用PureRenderMixin浅比较PureRenderMixin的出现早于React.PureComponent,该插件属于历史保留,现在就使用React.PureComponent吧,这里也就提一下如果你的React组件的渲染函数是一个纯函数也就是说对于相同的值返回一样的结果同时不影响元素局,在某些场景下,你可以利用这个插件来极大地提升性能。var PureRenderMixin = ...原创 2018-03-13 17:16:35 · 1205 阅读 · 0 评论 -
React 5大核心概念
现在揭晓这五大核心概念:1、组件 2、JSX 3、Props & State 4、组件API 5、组件类型概念一:React组件的作用React组件能够像原生的HTML标签一样输出特定的界面元素,并且也能包括一些元素相关逻辑功能的代码。现在我们一般会用ES6的Class语法来声明一个React组件,它包含一个能够返回HTML的render方法。(当然也可以用函数声明,我们在之后会...原创 2018-05-18 10:44:53 · 4414 阅读 · 0 评论 -
深入理解 React 高阶组件
摘要这篇文章主要面向想要使用 HOC(Higher Order Component,高阶组件) 模式的进阶开发者。如果你是 React 新手,建议你从阅读 React 的文档开始。高阶组件是一种很好的模式,很多 React 库已经证明了其价值。这篇文章中我们将会详细的讲解什么是 HOC,你能用它做什么,它有哪些局限,如何实现它。什么是高阶组件?高阶组件就是一个 React 组件包裹着另外一个 Re...转载 2018-05-18 11:20:55 · 1123 阅读 · 0 评论 -
ES6中class的使用
javascript传统做法是当生成一个对象实例,需要定义构造函数,然后通过new的方式完成。function StdInfo(){ this.name = "job"; this.age = 30; }StdInfo.prototype.getNames = function (){ console.log("name:...转载 2018-05-18 17:01:29 · 426 阅读 · 0 评论