![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端框架
文章平均质量分 71
吴 虹均
这个作者很懒,什么都没留下…
展开
-
react 生命周期钩子函数
state页面数据定义:用于在当前页面需要使用的数据定义。与props的区别: props是由父组件传给子组件的属性传值。不可改变,只可以使用,而state是可以通过setState方法来进行改值,并且state的改变会引起render方法的触发,页面会进行重新渲染,所以通常我们会在声明周期中或者事件中对其进行操作。//在类组件中的使用方法 // state = { // name: 'zhangsan', // age: 16 // } constr原创 2021-01-20 18:35:39 · 189 阅读 · 0 评论 -
react基础插件
热加载在项目的入口index.js文件中最后面写上一段代码if(module.hot) { module.hot.accept()}类组件和函数组件1.函数组件函数组件没有this,没有生命周期。快捷创建rfc通过函数的参数来接受props。2.类组件快捷创建rcc必须有render方法,返回我们的DOM内容,同时需要继承react.component,成为一个组件。内组件有默认属性。this.props,里面包含了关于路由的一些参数。this问题,通常在绑定事件时,我们会添加原创 2021-01-19 22:49:27 · 199 阅读 · 0 评论 -
react简介与框架搭建以及初始化新项目
react简介基于webpack的快速开发框架,用于构建高效、快速的用户界面。它是一个轻量级库,因此很受欢迎。它遵循组件设计模式、声明式编程范式和函数式编程概念,以使前端应用程序更高效。它使用虚拟DOM来有效地操作DOM。它遵循从高阶组件到低阶组件的单向数据流。React 中一切都是组件。 我们通常将应用程序的整个逻辑分解为小的单个部分。 我们将每个单独的部分称为组件。 通常,组件是一个javascript函数,它接受输入,处理它并返回在UI中呈现的React元素。react只负责维护它自己的核心库原创 2021-01-19 15:33:42 · 243 阅读 · 0 评论 -
gulp
简介自动化构建工具(基于流,构建速度更快,增强你的工作流程)基于node环境。与webpack的区别webpack是模块化打包工具,而且也集成了gulp的一些功能。vue和react都是用的webpack,gulp更多是用于jQuery项目。使用1.安装:在任何位置打开命令行输入npm i -g gulp-cli 安装完成后 gulp -v 查看安装是否成功。2.创建项目目录3.初始化一个新项目(npm init -y)4.规划目录结构, 比如src放源码,dist就是放打包过后可以原创 2021-01-18 15:10:17 · 69 阅读 · 0 评论