Azhubaby Blog

前言

在此之前，曾经写过两篇关于组件嵌套关系的组件文章：

搞轮子：从业务到组件Tabs

JavaScript 冒泡和捕获是两种事件行为，使用 event.stopPropagation() 能起到阻止捕获和冒泡阶段中当前事件的进一步传播，使用 event.preventDefault() 可以取消默认事件

防止冒泡和捕获

w3c 的方法是 e.stopPropagation()，IE则是使用 e.cancelBubble = true

mask（遮罩）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import React, { FC, memo } from 'react';
import classnames from 'classnames';
import { MaskProps } from './PropType';

const prefixCls = 'jing-mask';

const Mask: FC<MaskProps> = (props) => {
    const { className, type, visible, style, onClick } = props;

    const classes = classnames(className, prefixCls, {
        [`${prefixCls}--${type}`]: !!type,
    });

    return visible ? (
        <div className={classes} style={style} onClick={onClick} />
    ) : null;
};

Mask.defaultProps = {
    type: 'normal',
    visible: false,
};

export default memo(Mask);

说到 TabBar 标签栏，我们自然会想到放在 App 底部的标签栏。同时，因为之前开发 Tabs 标签页时，曾经写过一篇文章（ 组件开发：从业务到组件Tabs ），讲诉开发 Tabs 的问题和困难。现在遇到的 TabBar 与之大差不差，为什么还要写一篇呢？

学习一个东西之前，首先在大脑中积累充分的“疑惑感”。即弄清面临的问题到底是什么，再浏览方法本身之前，最好先使劲问问都想到什么方法。一个公认的事实是，你对问题的疑惑越大，在之前做的自己的思考越多，当看到解答之后印象就越深刻

先说结论

同事和组长的一番对话引起了笔者对 git 的思考

先介绍一下我司小工坊式的 git 提交流程，本地打包，删除 dist 文件，重建 dist 文件，git add .，git commit -m 'XX'，git push origin 分支名

前言

因为之前为 UI 库由我来做且维护，但缺点是集成在项目中，不便于其他项目使用，且组件被同事改了之后会导致之前沿用的组件乱掉。所以 UI 由独立库维护是最好的。正逢项目不急，就将其排上了日期，其中写了

推特上有人发了个”在 7 秒内理解 async/await“ 的视频，地址看这里

拆分成就是写法的变化：回调函数 -> promise -> async/await

最近一年来，开始将博客公开，为的是在在简历上给人一个能持续输出的印象。但本身却不爱在网上更多公开自己的信息，以至于当同事知道自己的 Github 后

主要是执行力不行。春夏天还行，但今年记录了一下，十月份过后（也许是十一综合征），状态就不行了

想挽回，即使执行了计划，还是不能很好的完成它

之前在项目中就遇到过，scss 不是用除法的问题，当时项目忙，没有及时处理，但心里一直有一根刺，像张爱玲的红玫瑰一样闹的我心烦，现在有时间就想拔掉这根刺

错误定位

因为运行项目后，用到除法，提示错误为