- 博客(21)
- 收藏
- 关注
RSS订阅原创 ES6 Set与Map是什么，如何使用
ES6新增的数据类型，什么是Set，什么是Map，，有什么用和特点，使用场景有哪些，如何实现数组去重最快速的方法，如何实现健值对存储
2022-07-15 18:34:05
1304
原创 防抖(debounce) 和 节流(throttling)
防抖和节流实现原理，应用场景，有什么区别，这个问题在面试中也是高频题，本文为大家解答
2022-07-04 16:22:47
1411
原创 react hook组件间通讯的4种方式
前言自从react官方引入了hook，很多小伙伴都从老的class组件换为hook组件，但因为hook组件的传参和class组件传参还是有些区别的，所以下文汇总了4种传参方式目录前言一、父传子1、父组件2、子组件二、子传父1、父组件2、子组件三、父传后代1、context.js2、父组件3、子组件4、子孙组件四、父调用子的函数1、父组件2、子组件一、父传子子组件通过props接收父组件传来的数据1、父组件import React, { useState } from 'react'imp
2022-01-27 23:20:53
4045
1
原创 react class组件间通信的6种方式（父传子、子传父、ref、context、event bus、redux）
前言用react写项目时，组件间通信是必须要掌握的，但实现组件通信有很多种方法，所以要根据项目实际情况，使用最佳的方法，才能令你，事半功倍 下面有8种组件间通讯方法，代码中都写了注释哦，文章总结有代码下载链接1、父传子 子组件通过this.props接收父组件传来的数据 最佳使用场景，数据简单，状态单一，优先使用，优先级 > 后6种方法父组件import React, { Component } from 'react'import Child from './ch
2021-08-29 19:13:35
904
2
原创 Promise与Async/Await的区别
前言目录前言一、什么是promise二、什么是Async/Await?三、promise的使用四、Async/Await的使用五、两者区别六、总结一、什么是promise二、什么是Async/Await?三、promise的使用四、Async/Await的使用五、两者区别六、总结代码下载(p-react-router分支)：https://gitee.com/staraliang/react17-app/tree/p-hook/觉得本文写的不错的，希望点赞、收藏、加关注，每月
2021-07-28 16:00:18
14883
原创 ES6 class类的基本语法
前言目录前言一、使用场景二、使用方法三、总结一、使用场景二、使用方法三、总结代码下载(p-react-router分支)：https://gitee.com/staraliang/react17-app/tree/p-hook/觉得本文写的不错的，希望点赞、收藏、加关注，每月不定期更新干货哦，谢谢您嘞！你可能感兴趣的文章：vue中组件间通讯的8种方法...
2021-06-17 17:44:39
500
原创 JS继承的7种方式，ES5，ES6继承的区别
前言目录前言一、原型链继承二、借用构造函数继承三、组合继承四、原型式继承五、寄生式继承六、寄生组合式继承七、 ES6通过class的extends实现继承八、ES5，ES6继承的区别九、总结一、原型链继承二、借用构造函数继承三、组合继承四、原型式继承五、寄生式继承六、寄生组合式继承七、 ES6通过class的extends实现继承八、ES5，ES6继承的区别九、总结代码下载(p-react-router分支)：https://gitee
2021-05-29 14:12:41
799
原创 react router中HashRouter和BrowserRouter的区别和使用场景
前言目录前言一、使用场景二、使用方法三、总结一、使用场景二、使用方法三、总结你可能感兴趣的文章：vue中组件间通讯的8种方法
2021-05-08 16:11:05
8183
3
原创 fetch二次封装，基于公司项目
前言如果你的公司项目中用的是fetch，那么二次封装fetch是非常有必要的，你就不用再每个组件中引入fetch，设置请求的配置，以及校验后端传回的状态码，再vue中有请求、响应拦截，但可惜的是fetch并没有提供这两个拦截器，所以本文就是相当于封装fetch请求配置，以及实现拦截器功能目录前言一、使用场景二、使用方法三、总结一、使用场景当你需要获取后端数据时，你就可以通过fetch调用接口，发送请求，获取数据二、使用方法/* * @Descripttion: fetch请求封装 * @
2021-04-26 09:01:49
741
原创 react router路由跳转传参，react-router-dom基本使用+4种传参方式
前言目录前言一、使用场景二、使用方法三、总结一、使用场景二、使用方法三、总结你可能感兴趣的文章：vue中组件间通讯的8种方法
2021-04-18 17:40:53
6706
原创 React Hook的使用
前言JavaScript是世界上最流行的语言之一，React和Vue是JS最流行的两个框架。但各有优缺点，本文将详细对比两大框架目录前言一、React Hook是什么？二、React目前提供的Hook三、Hook的使用1、useState2、useEffect & useLayoutEffect3、useMemo & useCallback4、useRef5、useContext6、useReducer四、hooks使用禁忌五、总结一、React Hook是什么？二、React目前提
2021-03-28 18:20:54
293
原创 React与Vue的区别和对比
前言JavaScript是世界上最流行的语言之一，React和Vue是JS最流行的两个框架。但各有优缺点，本文将详细对比两大框架目录前言1、框架背景2、框架简介3、框架共同点4、各自优势5、两者区别6、总结1、框架背景2、框架简介3、框架共同点4、各自优势5、两者区别6、总结...
2021-02-21 22:04:55
32640
1
原创 vue3.0为何使用proxy实现双向绑定，有哪些优点
前言目录proxy对比Object.definePropertyproxy监听对象的简单实现Object.defineProperty监听对象的简单实现总结
2021-01-29 16:04:24
5446
原创 vue $set，解决数组对象新增属性，视图未渲染问题
一、使用场景当你给一个数组对象中添加一个新的属性时，需使用$set主动更新视图如果直接赋值添加你会发现，虽然可以新增属性，但是不会触发视图更新二、使用方法方法：this.$set(this.data,”key”,value)原因是：受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。要处理这种情况，我们可以使用$set(
2020-12-06 14:56:43
1700
2
原创 vue中组件间通讯的8种方法（父传子、子传父、ref、Bus、Vuex、$attrs / $listeners、provide / inject API、$parent / $children
1、父传子 子组件通过props接收父组件传来的数据父组件<template> <div id="parent"> <!-- 把父组件的name传递给子组件 --> <child :name="name"></child> </div></template><script>// 引入子组件import Child from './child'export defaul
2020-11-22 21:21:38
8857
1
原创 vue.config.js配置，公司实战项目
在vue-cli3.0后，就把vue-cli2.x中build、config目录下的配置，需要在vue.config.js中配置了vue-cli3.x、vue-cli4.x刚搭建是没有vue.config.js文件的，需要自己手动创建下面展示实战项目的配置，主要有以下几个功能：1、打包生产的目录格式2、开发环境ip地址配置3、代码热更新4、解决跨越，反向代理的使用5、css样式配置6、使用terser-webpack-plugin，来清除打包后清除console.log输出，防止本地开发时，
2020-09-06 23:48:40
6797
2
原创 v-if与v-show的区别、使用场景
基于vue框架删除文本标记文本章节目录基于vue框架前言注脚注释自定义列表区别总结系列文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言//Ajijdf下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockvar foo = 'bar';项目Value电脑$1600手机$12导管$1Column 1Column 2
2020-09-03 23:38:57
36134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人