upupupupupgo

摘要： ###状态提升 在react中，将多个组件中需要共享state向上移动到他们的最近共同父组件中，便可实现共享state，这就是所谓的状态提升 ###什么情况下需要使用状态提升 通常，多个组件需要反映相同的变化数据，这时就需要状态提升 ###示例 import React,{Component} fr 阅读全文

摘要： 先来看下示例 import React ,{Component} from 'react' let defaultValue = { username:'qqq', password:'', sex:'1',//1,男 0，女 ah:["足球"], city:'咸阳', loveCity:[], d 阅读全文

摘要： ###react列表 ####渲染多个组件 import React,{Component} from 'react' function NumberList () { const numbers = [1,2,3,4,5] const listItems = numbers.map(number 阅读全文

摘要： ###forEach 定义：forEach是给数组的每一个元素执行一次给定的函数 ####语法 arr.forEach(callback(currentValue [, index [, array]])[, thisArg]) ####参数 #####callback 为每个元素执行的函数，该函数 阅读全文

摘要： 1. 翻译： 在.idea/workspace.xml.文件中LF将被CRLF替换。 在工作区（working directory）里，这个文件将会保持它原本的换行符。（line ending:行尾，换行） 注解： LF：Line Feed 换行 CRLF：Carriage Return Line 阅读全文

摘要： 在我们用vue脚手架搭建的项目中，我们可以看到package.json中有一个字段 那么什么是browserslist？它的作用是什么？这就是本文即将叙述的，如有不对的地方，请斧正。 browserlist browserlist是一个前端项目配置工具，功能是在前端工具之间共享目标环境的浏览信息 T 阅读全文

摘要： @vue/cli service 我们使用vue cli3来创建的项目中，我们会发现在package.json的script字段里面会有如下信息 注：在package.json中 字段指定了运行脚本命令的npm行的缩写，在上述的script字段里代表的意思就是执行npm run serve / np 阅读全文

摘要： 条件渲染 引言 我们知道react是用于构建用户界面的JavaScript库。可以用其创建拥有各自状态的组件，在由这些组件构建更加复杂的UI组件。但是在某些情况下，我们需要根据不同的 条件渲染不同的UI，实现不同的功能。react是用JSX来定义UI组件的，但是它不直接支持循环或条件表达式，即使这样 阅读全文

摘要： ###React事件处理 在之前的博文中，我们知道怎么给react的class组件的 dom绑定事件了，现在我们在一起实现给react DOM绑定事件 给函数组件绑定事件 function FnEvent(){ function handleClick(e){ console.log('this i 阅读全文

摘要： 在元素渲染章节中，我们了解了一种更新UI界面的方法，通过调用ReactDOM.render()修改我们想要的 元素 在上述代码中我们封装了一个clockCom的class组件，每次组件更新时候render方法都会被调用，但只要在相同的DOM节点中渲染,就 仅有一个ClockCom组件的class实例 阅读全文