thisiscocoa-CSDN博客

原创 useImperativeHandle 和 forwardRef

useImperativeHandle 和 forwardRef封装方法的时候，有用到useImperativeHandle + forwardRef，今天就简单记录一下forwardRef的使用用：1、在Dom button 里声明ref2、在FancyButton组件里，FancyButton通过使用React.forwardRef来获取Dom传递过来的ref，然后在自己的button元素里用const ref = React.createRef();<FancyButton r

2021-11-23 10:24:17 1099

原创 useReducer + useContext 之基础学习

useReducer + useContext ≈ ReduxuseContext目的context的中文解释是上下文（context），useContext 就是为了解决跨组建偷传值的问题。createContext 能够创建一个 React 的上下文（context），然后订阅了这个上下文的组件中，可以拿到上下文中提供的数据或者其他信息。使用1、用createContext 把值包裹起来，传给’themeContext’2、通过父组件’themeContext.provide’传递给子组

2021-11-12 10:24:10 1185

原创碎碎念 - git冲突及解决

问题： git 冲突最近在写一个项目，我在公司和家里同时都在修改，有一次两端都修改之后，再git pull 就出现了这样的问题：error: The following untracked working tree files would be overwritten by merge: src/components/Footer.js src/components/Sidebar.js src/components/home/Tool.jsPlease

2020-10-25 17:05:55 148

转载前端精选文摘：BFC 神奇背后的原理

BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。Box: CSS布局的基本单位Box 是 CSS 布局的对象

2020-06-30 22:54:37 128

原创（四）vue路由简单梳理

路由是什么URL 和资源直接的对应关系，就是路由路由如何实现，实现的步骤A.导入js文件B.添加路由链接C.添加路由占位符(最后路由展示的组件就会在占位符的位置显示)D.定义路由组件E.配置路由规则并创建路由实例F.将路由挂载到Vue实例中路由重定向{ path:"/",redirect:"/user"},嵌套路由routes: [ { path:"/",redirect:"/user"}, { path: "/user", com

2020-05-24 19:39:11 117

原创（三）VUE组件及插槽概览

简介本文前半部分先从简单vue应用进行拓展，引申出计算属性、侦听器、过滤器的概念，接着介绍生命周期（钩子函数）。后半部分介绍VUE重要概念 - 组件，组件的XXXXX等。计算属性、侦听器、过滤器计算属性在模板中放入太多的逻辑会让模板过重且难以维护，如下图：<div id="example"> {{ message.split('').reverse().join('') }}</div>为了解决这个问题，对于任何复杂逻辑，应当使用计算属性：computed直接看

2020-05-19 22:14:41 371

原创（二）计算属性、侦听器、过滤器和生命周期

上一文简单介绍了vue的结构和一些核心概念，本文接着介绍计算属性、侦听器、过滤器以及生命周期函数。链接如下：VUE简单入门（一）计算属性我们继续从简单的vue应用入手，如果我们需要在模板中放入很多逻辑，那么模板就会足够复杂且难以维护，如下图：<div id="example"> {{ message.split('').reverse().join('') }}</div>为了解决这个问题，对于任何复杂的逻辑，都应当使用计算属性：computed看下图这个栗子：

2020-05-10 10:51:38 214

原创（一）VUE简单入门

Vue 是什么？VUE是一套用于构建用户界面的渐进式框架。官方参考文档：https://cn.vuejs.org特点核心库只关注视图层，容易上手便于与第三方库或既有项目整合本文从自己的角度对VUE进行一个梳理，尽量把知识串联起来，省略了一些安装配置的过程，本文是vue的第一节入门课。举个例子入门啦这就是一个简单的vue Vue 应用，我们接下来拆解一下都做了什么一、引用...

2020-05-05 18:42:55 369

thisiscocoa的博客