0%

场景1

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

1
2
3
4
5
6
{
"records_total": 200,
"data": {
"indexId": 2
}
}

更改为:

1
2
3
4
5
6
{
"recordsTotal": 200,
"data": {
"indexId": 2
}
}
阅读全文 »

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 分离两个账号。

阅读全文 »