```html
<style>
.progress {
border: 1px solid #e5e5e5;
margin: 10px;
overflow: hidden;
}

.inner {
transition: transform 0.16s ease;
height: 5px;
background-color: yellowgreen;
transform-origin: 0 50%;
}
</style>
<div class="progress translate">
<div class="inner"></div>
</div>
<div class="progress scale">
<div class="inner"></div>
</div>
<script type="text/javascript">
const sleep = time => new Promise(resolve => setTimeout(resolve, time));
const frame = () => new Promise(resolve => requestAnimationFrame(resolve)) || sleep(16.7);
const $ = s => document.querySelector(s);

let progress = 0;
const translate = $(".translate .inner");
const scale = $(".scale .inner");

function render() {
translate.style.transform = `translateX(${progress - 100}%)`;
scale.style.transform = `scaleX(${progress / 100})`;
}

async function update() {
while (progress <= 100) {
render();
// await frame()
await sleep(50);
progress++;
}
}

update();
</script>
```

帮你改个简单版的,排除多余变量.

问题依然存在.

但如果调整 sleep 的时间,可以发现时间越长,会稍微缓解一点.

命令式编程和声明式的区别

顺便问下类似电视家的应用.家里人要看电视.

电视家现在越来越慢了.

你是要调试?
可以用 eruda

渲染和生成路径(即更新 view model)分开.

生成路径随便 push.

渲染按照固定频率把路径绘制到 canvas 上.

应用场景还是有的.
比如一些弹窗查询之类的.

可以在他的基础上再封装为函数.
const result = await formAction({
fields: [
{type: ''},
...
]
})

比起封装为组件要灵活一些.

+1;最右;哈哈哈哈哈;俺也一样...
140 个字还嫌多

一分钱一分货

一百分钱 9.9 分货

我觉得不是包放哪里的问题.

而是包发布的时候就应该是完整可运行的.它依赖什么,发布的时候就应该打包好.变成它代码的一部分.

用包的人不应该关心某个包依赖什么.下载依赖的时候,也不应该下载它的依赖

正则的永字八法么

看到不举算不算工伤

撕破脸皮就不要有继续缓和的打算.
骑驴找马走起.

装一个 nrm,用于管理 npm 源.

测试源
nrm test taobao

不要响应式的数据可以 Object.freeze 冻结,避免过度的 reactive.

工具做.
没工具就不要做.http2 了还搞什么雪碧图

vue3 发布了，不趁热来一发？

vue 的 hooks 比 react 的好用多了