Azhubaby Blog

写博客是为了让自己不那么快忘记

把一个 node 服务部署上线是怎么个流程？

本人在做个人公众号微信分享服务时因为看到别人的个人订阅号能突破微信认证的界限，所以也想尝试一下，结果是失败了，但是又温习了下部署的整一流程，以此记录

先说结论

为什么不等于？

因为浮点数表示小数的时候有精准度损失

为什么会有精准度损失

因为计算机硬件存储数据时，是以二进制（10101010）形式进行

笔者从毕业开始做前端到现在，90% 的项目是移动端打交道，所以当简历上写了“移动H5”几个字时，必会被问到自适应方案与高清方案

”自适应“讲的是一套UI（例如750*1334），在多端下展示近乎一样的效果；而”高清“是因为 DPR 提升而所做的各种精度适配

这篇文章讲讲笔者理解的自适应方案和高清方案

patch-package

https://juejin.cn/post/6844904163558555662

修改nodejs项目中node_modules的代码，不能生效吗？

前言

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

搞轮子：从业务到组件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 分支名