![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React.js
文章平均质量分 65
奔跑的飞牛
热爱前端和算法的学者
展开
-
React节点属性,列表渲染
节点属性渲染由于jsx语法是和js语法相包容的,所以,jsx里的语法会和js的语法相冲突,比如说,元素的属性值class和js里的关键字class重名,所以,html的元素在jsx的语法里,使用这些属性名的时候就要注意与js的关键字等冲突,这里的class被替换成了className:<script type="text/babel"> const element = ...原创 2018-10-22 10:22:02 · 960 阅读 · 0 评论 -
React事件、函数式声明组件、有状态组件
事件react的事件到底常不常用我也不清楚,因为js里是能不用行内事件就坚决不用行内事件,但是既然html里有事件这一属性,那么react实现其功能也是无可厚非的。事件触发调用函数利用好插值符号,因为插值符号里就是给你写js的地方;<script type="text/babel"> function alertThis() { alert("C...原创 2018-10-22 21:35:55 · 7632 阅读 · 0 评论 -
React脚手架
React脚手架和vue一样,react也有它开发用的脚手架,能够快速的创建一个项目结构,并下载部分依赖。安装之前的准备准备好node.js运行环境,大家可以去搜索node的安装和配置,这里不做详细介绍,整篇文章默认大家已经安装并配置了nodejs及其全局环境;全局安装create-react-app工具:npm install create-react-app -g;可能要花上几...原创 2018-10-25 11:22:44 · 8752 阅读 · 0 评论 -
React简介,安装与使用
React框架 一. 插件或框架的好处从久远的时代到现在,我们的网页更加动态化与强大,大家在学习的过程中,发现或了解过很多很多的插件或框架,用过的都知道,方便、快速、简单上手快、重用性高、维护成本低、兼容性好、稳定性强这些插件或框架的出现,是因为JavaScript的越来越强大,都成为服务端语言了。在之前我们开发大型的项目,由于业务逻辑非常复杂,html结构累赘,css样式庞大,造成了资源...原创 2018-10-21 17:40:03 · 1465 阅读 · 0 评论 -
js面向对象,es5和es6的区别,构造继承
class——类?js是一个伪面向对象的语言,没有完整的面向对象的体系,至少es5及之前没有面向对象的体系,但是聪明的人自然有聪明的办法模拟其功能,到es6或以后,js的面向对象逐渐的展露头角。不是对象的对象,我用函数也能构造对象:js虽然开始没有对象,但是因为保留了new的功能,实际上也能做出面向对象的感觉来。<script> function Person(na...原创 2018-10-23 15:35:23 · 1941 阅读 · 0 评论 -
React基本语法,注释、插值
元素渲染ReactDOMrender接收两个参数,一个jsX语法的节点模板,一个是渲染到那个元素对象上(会成为其子节点)<script type="text/babel"> const element = ( <h1>hello React</h1> ); ReactDOM.render( el...原创 2018-10-21 20:56:48 · 2994 阅读 · 0 评论 -
强大的webpack-dev-server
万能本地运行环境webpack-dev-server是一个用来快速搭建本地运行环境的工具。命令简单webpack-dev-server或配置命令脚本快捷运行。使用情况:解决本地运行跨域很多框架使用时其实是用了ajax的请求的,在本地运行时会发生跨域请求(啊擦嘞,我只是在html里引入一个js文件还能跨域?没错,就是这么神奇!!!)模拟服务器运行情况,进行上线前调试等。环境...原创 2018-10-24 10:52:36 · 14541 阅读 · 0 评论 -
React——组件基本结构及其生命周期
组件基本结构es6类与继承点击跳转构造函数constructor功能:子级继承父级的时候,通过构造函数获取父级的属性和方法,并通过super()传递的参数进行构造。constructor(){super()}组件构造函数会在组件实例的时候最先调用! constructor() { super() console.log('constructor 初始化数据')...原创 2018-10-30 17:42:37 · 835 阅读 · 0 评论