semver,lockfile与pnpm
原定的公司内部分享，先拿出来也问题不大
Semver细节npm semantic version calculator (npmjs.com)
x.
y.
z.
m
1.
2.
0
-beta.3
Major
Minor
Patch
Prelease tag
版本通配符
Prerelease发新版本之前，给alpha/beta包打上tag
可用tag
alpha
beta
rc
If a version has a prerelease tag (for example, 1.2.3-alpha.3) then it will only be allowed to satisfy comparator sets if at least one comparator with the same [major, minor, patch] tuple also has a prerelease tag.
semver | npm Docs (npmjs.com)
lockfile机制生成与更新策略
若lock文件不存在，安装依赖并生存lock文件
若lock文件
JS中的互斥锁
作为一门单线程语言，JS有锁这种概念吗。诚然，因为JS单线程运行，而我们一般对变量的并发操作都是同步的，但如果是异步场景，那就两说了。
并发问题构造以最经典的 counter 问题为例子，来看下，每个worker都会从server拿取数据，并加到全局的counter上。同时启动100个worker，查看最终的counter值。
const delay = () => new Promise(resolve => setTimeout(resolve, 0))
const fetchFromServer = () => new Promise(resolve => setTimeout(() => resolve(10), Math.random() * 1000))
async function updateObj(patch) {
const cnt = globalObj.counter
await delay()
globalObj.counter = cnt + patch
}
const globalObj = {
count
TS函数柯里化
在公司疯狂摸鱼，忽然想念起前端来，所以写了点类型编程的玩具出来。今天先试着写写柯里化
何为柯里化先简单介绍下什么是柯里化(currying)。意思是将多参数的函数，转化成单一参数的函数。举个例子：
// 定义
const add = (a, b, c) => a + b + c
const curriedAdd = a => b => c => a + b + c
//调用
add(1, 2, 3) //6
curriedAdd(1)(2)(3) //6
可以看到，变为单一参数后，返回的是一个闭包，捕获了第一个参数的值，闭包的返回值也是一个单一参数的函数。
如何实现柯里化我们先不关心类型，来看看JS下的柯里化如何实现
function curry(fn) {
return (fn.length === 1
? fn
: (arg) => curry(fn.bind(null, arg)));
}
这里实现的很简单，使用 bind 创建一个已经预先接受第一个参数的函数，并进行递归即可，当函数参数个数为1时，即 p
微软实习一周所感
已经3个多月没更新博客了，很惭愧。这周正好入职了微软。想顺便聊聊在微软待了一周的所见所想。
为什么想去微软上一个东家是字节跳动，我在那里做着前端开发。这公司什么都好，就是太累。有段时间每天都要忙到10点，到家了还要随时oncall了，非常痛苦。
本人春招只投了ms，就是抱着试一试的心态去的。去感受下外企的氛围。同时自己也用这很多ms的产品，对其也比较有感情。如果没进，那么字节也是一个很好的选择。待遇不错，离家也近。996也就是苦那么几年。
结果，在笔试爆零，面试全英文的情况下，我奇迹般的进了微软。很快我也便辞去了字节的工作，在家摸鱼，等7月前去新单位上班。
微软的环境微软上海位于紫竹园区内，离我大学的闵行校区很近，可惜我在另一个校区，无福享受。因为地处闵大荒，班车是必不可少的，每天班车通勤时间会花掉将近90分钟时间，实际上还是可以接受的。不过家在上海北部或者浦东的同学，就没那么好运了，通勤时间会更长。
办公环境上来说，还不错。每个人的工位很大，不像字节，很挤，工位像网吧一样。茶水间有免费零食和饮料，不过零食的种类和数量都少的可怜。
三餐都是要自己掏腰包的，所以每次吃饭也是笔不小的开
2020-07-04
杂谈
增强RN的Stylesheet
一句话概括 让StyleSheet.create支持字段方法同时能保持类型检查，代码实现直接看 造轮子部分
情景重现在编写RN代码中，我们常常会遇到这样的case：
<Button
// ...
viewStyle={[styles.submitBtn, isValid?null:{ backgroundColor: '#8A223C' }]}
textStyle={[styles.submitBtnText, isValid ? null : { color: '#8A8B9C' }]}
/>
可以看到，我们经常会需对style进行extend，根据某个变量来对样式进行修改。
这种做法看似方便，却打破了样式与逻辑分离的约定。不利于后期的维护。
问题引入我们仔细想一下，有什么办法可以做到让样式也可以根据传入的数据来进行变化呢？
比较容易想到的就是用方法(method)，我在style对象里加方法，根据入参来决定出参不就行了？
然而由于StyleSheet的声明文件限制，我们的style对象必须只能是字面量
type Named