一江春水向东刘

摘要： 一般我们在React中，子组件与子组件之间的通信我们能想到的费力的实现方式：都是借助父组件中的状态与方法来完成， 如下： App.js（父组件） import React, { Component } from 'react' import Search from './components/Sea 阅读全文

摘要： 假设有如下的数据 let objData = { a: { b: { c: 1 } } } // 一般我们获取c的值 console.log(objData.a.b.c); 连续结构赋值 // 通过结构赋值 const {a:{b:{c}}} = objData; console.log(c); / 阅读全文

摘要： 假设：前端端口为300，node后台端口为5000；前端发送请求，后台实际上接收到了前端请求，但是因为端口不同导致前端接收不到数据，出现跨域问题， 出现跨域问题的原因：一般是浏览器的ajax引擎将回来的请求给拦住了； 代理：就是一个微型的服务器（也就是代理服务器，端口也开在3000），她没有ajax 阅读全文

摘要： 有时候我们会用到唯一标识，Math.random()获取的是0-1之间的随机数，时间戳Date.now()，假设两个人在使用时，同时获取了一样的时间戳，这样就不能得到一个精准的唯一标识 介绍两种方法: uuid或者nanoid，获取全球唯一标识， 推荐使用nanoid，因为nanoid相比uuid要 阅读全文

摘要： ES7 React/Redux/GraphQL/React-Native snippets 阅读全文

摘要： 在react中，如果有相同的样式类名，但是里面的样式不一样，则会导致下面的组件会把上面的组件样式污染，解决这个问题又很多方法 第一种：less嵌套 第二种：探讨 我们假设要实现这样一个效果 然后两个组件使用了相同的类名，如下图： 在组件中引用 import React,{Component} fro 阅读全文

摘要： 在上章中，我们通过脚手架创建了一个项目：react-staging，同vue一样都是单页面应用（即SPA应用，Single Page Web Application） 接下来，介绍一下这个项目结构 解读 public/index.html 创建组件 组件是在src下面创建的src/component 阅读全文

摘要： 全局安装 npm install --global yarn 检查版本 yarn --version 如果检查版本，报错：不是内部或外部命令，也不是可运行的程序 可以换种安装方式：手动安装，如果使用安装程序，您首先需要安装 Node.js的。 下载安装程序 注意：如果使用这种安装方式记得把之前的全局 阅读全文

摘要： react提供了一个用于创建react项目的脚手架库: create-react-app 项目的整体技术架构为: react + webpack + es6 + eslint 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化 注意：官方文档建议 1、创建项目 需要确保 Node >= 14. 阅读全文

摘要： this.header=this.header.reduce((acc, cur) => { const arrKey = acc.map(item => item.key); return arrKey.includes(cur.key) ? acc : [...acc, cur]; },[]); 阅读全文