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

如何用更少的代码判断数组中是否存在某值？

1
2
3

const arr = [1,2,3,4,5,6,7];

~arr.indexOf(2); // true

场景一

• 王者荣耀的普攻阈值是怎么实现的？
• 射击游戏里的攻击速度是怎么限制的？
• 怎样计算滚动条滚动位置，最多50ms 计算一次？

Angular 6 数据发生变化视图不更新

场景

// 首先将任务添加至异步队列
setTimeout(() => {
// 异步队列中加 promise
new Promise()…

}, 0)

此时 resolve 方法中修改数据，发现视图没有更新。

原因

Algorithm

https://leetcode-cn.com/problems/merge-sorted-array/description/

题目
给定两个有序整数数组 nums1 和 nums2，将 nums2 合并到 nums1 中，使得 num1 成为一个有序数组。

说明:

• 初始化 nums1 和 nums2 的元素数量分别为 m 和 n。
• 你可以假设 nums1 有足够的空间（空间大小大于或等于 m + n）来保存 nums2 中的元素。

Algorithm

本次题目由同事提供。

题目
已知字符串 str='abcdefg'，求一个方法 unFlattenDeep(str) , 可以返回一个对象 Obj ，使 Obj.a.b.c.d.e.f.g = 1

Algorithm

leetcode 链接： https://leetcode-cn.com/problems/two-sum/

题目：
给定一个整数数组和一个目标值，找出数组中和为目标值的两个数。

你可以假设每个输入只对应一种答案，且同样的元素不能被重复利用。