pinganaaa的博客

react-路由单页面应用SPA(single page application):整个应用只有一个完整的页面点击页面中的链接不会刷新页面，只会做页面的局部更新数据需要通过ajax请求获取，并且在前端异步展示路由的理解什么是路由？一个路由就是一个映射关系(key:value)key为路径，value可能是function或componentfunction:后端路由component:前端路由路由分类？后端路由：理解：value是functi

react-组件间传参状态在哪里，操作状态的方法就在那里父组件向子组件传参class Parent extends React.Compnent{ render(){ return( <Son a={1}/> ) }}class Son extends React.Component{ render(){} componentDidMount(){ console.log(this.pro

react-ajaxaxios方法一：在package.json中配置 "proxy":"http://localhost:5000"这样localhost:5000就是我们要代理到的服务器 getStudentData = () => { axios.get('/students').then( (result) => { console.log(result.data); }, (reason) => { console.log(re

react生命周期-旧示意图组件各生命周期钩子componentWillMount：组件将要挂载时执行componentDidMount：组件已经挂载后执行，一般在这个钩子里做一些初始化的事，发送请求，设置定时器…，孩子出生render:只要组件变化就会触发的函数，孩子成长componentWillReceiveProps:组件将要父组件传来的属性时执行shouldComponentUpdate:判断是否需要组件更新componentWillUpdate:组件将要更新时执行compone

react-脚手架何为脚手架脚手架：工地中建造建筑时，搭建的架子模板，就叫做脚手架xxx脚手架：就是用来帮助程序员快速创建一个基于xxx库的模板项目，包含：所有需要的配置(语法检查、jsx编译、devServer)下载好了所有相关的依赖可以直接运行一个简单的效果react提供了一个创建react项目的脚手架库：create-react-app项目整体技术架构为：react+webpack+es6+eslint使用脚手架开发的特点：模块化、组件化、工程化如何创建并启用**第一步

文章目录react-DOM-DIFF算法面试题：react-DOM-DIFF算法面试题：1.React、Vue中，key的作用是什么，key的原理是什么？简单的说：key是虚拟DOM对象的标识，在更新显示时key起到了极其重要的作用详细的说：当状态中的数据发生变化时，react会根据【新数据】生成新的【DOM对象】，随后React进行【新的虚拟DOM】与【旧的虚拟DOM】==diff（different）==比较。如果旧的虚拟DOM中找到了与新的虚拟DOM相同的key：若虚拟DOM

文章目录React3.19React全家桶**注意点：**3.203.20虚拟DOM两种创建方式JSX原生js(一般不用)3.20 jsx特点jsx中调用变量jsx中给标签定义类名jsx中的style内联样式jsx中虚拟DOM不能有多个根节点jsx内虚拟DOM的标签必须闭合jsx中默认标签为小写，组件标签开头应大写3.20jsx中数组的遍历何为语句和表达式3.20模块与组件、模块化与组件化3.20函数式组件和类式组件函数式组件类式组件3.20组件的三大属性state(状态)props(属性)refs()R