- 博客(8)
- 收藏
- 关注
RSS订阅原创 useImperativeHandle 和 forwardRef
useImperativeHandle 和 forwardRef 封装方法的时候，有用到useImperativeHandle + forwardRef，今天就简单记录一下 forwardRef的使用 用： 1、在Dom button 里声明ref 2、在FancyButton组件里，FancyButton通过使用React.forwardRef来获取Dom传递过来的ref，然后在自己的button元素里用 const ref = React.createRef(); <FancyButton r
2021-11-23 10:24:17
1250
原创 useReducer + useContext 之 基础学习
useReducer + useContext ≈ Redux useContext 目的 context的中文解释是 上下文（context），useContext 就是为了解决跨组建偷传值的问题。 createContext 能够创建一个 React 的上下文（context），然后订阅了这个上下文的组件中，可以拿到上下文中提供的数据或者其他信息。 使用 1、用createContext 把值包裹起来，传给’themeContext’ 2、通过父组件’themeContext.provide’传递给子组
2021-11-12 10:24:10
1277
原创 碎碎念 - 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.js Please
2020-10-25 17:05:55
203
转载 前端精选文摘：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
156
原创 （四）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
151
原创 （三）VUE组件及插槽概览
简介 本文前半部分先从简单vue应用进行拓展，引申出计算属性、侦听器、过滤器的概念，接着介绍生命周期（钩子函数）。后半部分介绍VUE重要概念 - 组件，组件的XXXXX等。 计算属性、侦听器、过滤器 计算属性 在模板中放入太多的逻辑会让模板过重且难以维护，如下图： <div id="example"> {{ message.split('').reverse().join('') }} </div> 为了解决这个问题，对于任何复杂逻辑，应当使用计算属性：computed 直接看
2020-05-19 22:14:41
429
原创 （二）计算属性、侦听器、过滤器和生命周期
上一文简单介绍了vue的结构和一些核心概念，本文接着介绍计算属性、侦听器、过滤器以及生命周期函数。 链接如下： VUE简单入门（一） 计算属性 我们继续从简单的vue应用入手，如果我们需要在模板中放入很多逻辑，那么模板就会足够复杂且难以维护，如下图： <div id="example"> {{ message.split('').reverse().join('') }} </div> 为了解决这个问题，对于任何复杂的逻辑，都应当使用计算属性：computed 看下图这个栗子：
2020-05-10 10:51:38
251
原创 （一）VUE简单入门
Vue 是什么？ VUE是一套用于构建用户界面的渐进式框架。 官方参考文档：https://cn.vuejs.org 特点 核心库只关注视图层，容易上手 便于与第三方库或既有项目整合 本文从自己的角度对VUE进行一个梳理，尽量把知识串联起来，省略了一些安装配置的过程，本文是vue的第一节入门课。 举个例子入门啦 这就是一个简单的vue Vue 应用，我们接下来拆解一下都做了什么 一、引用...
2020-05-05 18:42:55
417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人