场景1

现有一个需求，要将返回值中所有涉及到下划线风格的数据全部转化为驼峰风格，如：

1
2
3
4
5
6

{
  "records_total": 200,
  "data": {
    "indexId": 2
  }
}

更改为：

1
2
3
4
5
6

{
  "recordsTotal": 200,
  "data": {
    "indexId": 2
  }
}

Homebrew 是什么?

brew 安装问题

资源被墙

由于 GFW 的存在，某些时候可能会导致如下报错

1
2

curl: (7) Failed to connect to raw.githubusercontent.com port 443: 
Connection refused

消灭重复劳动

Dash

一个用于快速查询在线文档的工具, 支持离线文档，Google、Stack Overflow

现象

在 19.3 -> 20.3.3 版本升级过程中， 打开新版本 webstorm 后， 立即闪退(未出现软件 GUI)

原因排查

NVM 如何升级

在尝试通过重新安装 NVM 来达到更新的目的时，发现了一个提示

1
2

=> nvm is already installed in /Users/xxx/.nvm, trying to update using git
=> Failed to update nvm, run 'git fetch' in /Users/xxx/.nvm yourself.

但是进入到 /Users/xxx/.nvm 中发现这里虽然是一个git 仓库，但是却没有分支，只有 commit 号，所以也没办法通过 git pull 的方式来进行更新

记录

此问题出现次数较多，特此记录

出现 gyp 错误、权限错误

原因是由于 Mac 的权限策略导致，需要创建高级用户，或者使用非安全模式

解决方案：

1

sudo npm install -g --unsafe-perm node-sass

CSS 选择器优先级

优先级规则

浏览器将样式表划分为四个级别，A、B、C、D

• 如果存在内联样式 A 记为 1，否则记为 0
• B 代表该样式表达式中 ID 选择器的个数
• C 代表类、伪类、属性选择器的个数
• D 代表 标签、伪元素个数

比较规则

将ABCD 组成四位数，比较大小即可，如样式1 的ABCD 规则计算结果是 0111，样式 2 的计算结果是 0011 则代表样式1 的优先级高于样式2。

设计基础

• 字体
• 排版
• 色彩
• 交互原则

组件原则

• 高效
• 轻量
• 低耦
• 独立
• 易用

组件定义

基础服务组件

• 排版 （栅格组件）
• 动画组件

基础通用组件

• Button
• Icon
• Loading
• 浮层

官方手册：https://cn.rx.js.org/class/es6/Observable.js~Observable.html#instance-method-scan

关于Scan 官方描述的比较抽象
实质上和 Reduce 非常相像，熟悉 Array.reduce 的同学对Rxjs 中的Reduce 操作符想必也不陌生。

而 Scan 和 Reduce 在 归并 的原理上是相同的，唯一不同的 Emit 的时机。

Scan

apply a function to each item emitted by an Observable, sequentially, and ==emit each successive value==

Ex:

1
2
3
4
5
6
7
8
9
10

// 依次递加元素
of(1, 2, 3).pipe(scan((acc, curr) => curr + acc))
.subscribe(val => {
    console.log('res: ' + val)
})

// 输出结果
res: 1
res: 3
res: 6

在一台电脑上同时配置 Github 和 GitLab

公司Git 仓库托管在 GitLab 上，而我个人研究的小玩意在GitHub 上，为了能同时满足双线 update 需求，决定通过Config 分离两个账号。