前端
文章平均质量分 77
前端技术汇总,为了系统的学习前端的基础知识,记录学习过程中的点点滴滴,更好的巩固基础知识
慢就是【快】
三律:律行、律言、律心
展开
-
React学习笔记7:React使用注意事项
1. setStatesetState更新状态的2种写法方式一:setState(stateChange, [callback])------对象式的setStatestateChange为状态改变对象(该对象可以体现出状态的更改)callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用方式二:setState(updater, [callback])------函数式的setStateupdater为返回stateChange对象的函数updat原创 2021-02-19 05:20:43 · 736 阅读 · 1 评论 -
React学习笔记6:React Hooks API总结
useState-保存状态(惰性初始化)作用函数组件添加状态注意事项初始化以及更新state用来声明状态变量使用步骤(使用useState来创建状态)引入import React,{useState} from "react"接收一个参数作为初始值返回一个数组,第一个值为状态,第二个为改变状态的函数useEffect-解决副效应只要是副效应,都可以使用useEffect()引入。useEffect,就是执行有副作用的操作,默认情况下,它在第一次渲染之后和每次更新原创 2021-02-13 23:01:26 · 429 阅读 · 0 评论 -
React学习笔记5:React Hooks概述
文章目录概述React的两套API类和函数的差异副效应(副作用)是什么?钩子(hook)出现的意义三大框架对比为什么学习hooks应用场景新版本特性解读Hook使用规则概述React的两套API以前,React API 只有一套,现在有两套:类(class)API 和基于函数的钩子(hooks) API。任何一个组件,可以用类来写,也可以用钩子来写。下面是类的写法。class HelloReact extends React.Component { render() { return原创 2021-02-13 22:32:50 · 343 阅读 · 0 评论 -
React学习笔记4: React脚手架配置代理
方式一在package.json中追加如下配置"proxy":"http://localhost:5000"说明优点:配置简单,前端请求资源时可以不加任何前缀。缺点:不能配置多个代理。工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源)方式二第一步:创建代理配置文件在src下创建配置文件:src/setupProxy.js编写setupProxy.js配置具体代理规则:const proxy = requ原创 2021-02-13 21:59:40 · 818 阅读 · 0 评论 -
React学习笔记3:React脚手架
使用create-react-app创建react应用react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: react + webpack + es6 + eslint使用脚手架开发的项目的特点: 模块化, 组件化, 工程化创建项目原创 2021-02-05 17:22:59 · 182 阅读 · 0 评论 -
React学习笔记2:React面向组件编程
面向组件编程概述组件名必须首字母大写虚拟DOM元素只能有一个根元素虚拟DOM元素必须有结束标签渲染类组件标签的基本流程React内部会创建组件实例对象调用render()得到虚拟DOM,并解析为真实的DOM插入到指定的页面元素内部组件的三大核心属性:state定义state是组件对象最重要的属性,值是对象(可以包含多个key-value 的组合)组件被称为“状态机”,通过更新组件的state来更新对应的页面显示(重新渲染组件)注意点组件中render方法中的this原创 2021-02-05 16:57:26 · 177 阅读 · 0 评论 -
React学习笔记1:React基本概念
React简介概念React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。用于动态构建用户界面的 JavaScript 库(只关注于视图)由Facebook特点声明式编码组件化编码React Native编写原生应用高效(优秀的Diffing算法)React高效的原因使用虚拟DOM,不总是直接操作页面真实DOMDOM Diffing算法,最小化页原创 2021-02-05 16:50:18 · 226 阅读 · 1 评论 -
ES6新特性
ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ES6主要的新特性如下所示:let关键字let 关键字用来声明变量,使用 let 声明的变量有几个特点:不允许重复声明块级作用域不存在变量提升不影响作用域链const关键字const 关键字用来声明常量,const 声明有以下特点:声明必须赋初始值标识符一原创 2021-02-05 16:14:23 · 549 阅读 · 0 评论