shirleyR

虽然知道let不能提升作用域，但是不知其所以然。于是看看这文章吧。原文：https://dmitripavlutin.com/variables-lifecycle-and-why-let-is-not-hoisted/ 所谓提升是指将虚拟的将变量或者函数定义放在作用域的最开始…

... 为了解决当前存在的这些CSS问题，出现了多元化的Css方案。在React中主要用的几种方案： 利用Js来描述样式，Material-UI采用的是这个方案。 一个典型的应用是在theme主题上，将React应用包装在ThemeProvider中。

需求： 点击事件触发下面的div调转到顶端，由于想要置顶的内容在底部，需要填充一定内容物才能让scrollbar的效果出现。没什么特别的主要是计算和理解模型。 如果clientHeight + scrollTop === scrollHeight，那么scrollbar是已经在…

Typescript让Js这个超弱类型的语言编写更加严格。 Typescript中如何索引属性值呢？从typescript2.1开始支持mapped-types。 而在typescript中，如果我们如下的设置，那么得到的属性值类型就是any。typescript没有办法知道内…

想写一个支持html转PDF的小工具方便自己日常使用，于是乎查了查资料关于怎么写chrome extension。记录撸代码的过程。 extension主要是四块：manifest.json, content script, background script, popup。m…

最近接触了一些DevOps、微服务等概念，想要找一篇文章大致了解一下，看到个微前端标题比较新颖于是选择翻译这篇文章。原文https://martinfowler.com/articles/micro-frontends.html 近年来，微服务已经爆红，许多组织使用这种架构来避…

看到这篇文章描述简单易懂，适合初学者，于是乎就想着记录和分享一下。 以将黄色方块转变为蓝绿色圆型作为一个开始。 在上述代码中.animateClass被赋给一个元素,动画随即起效。这个class链接到animationName上，animationName需要设定@keyfra…

JS中同步过程和ES6中asyn/await函数都可以通过try...catch捕获异常.多层的try/catch可以传递、中断异常。 在finally中显示的return可以中断error的传播。参考MSDN try...catch Promise异常无法通过try/catc…

redux-saga中大量涉及到Es6的generator语法，于是乎将generator/promise/async之间的关联和区别复习一下。这些语法糖的出现无外乎是为了简化深度回调，写法的简化，代码的方便阅读。 generator迭代器语法中涉及的语法糖*和yield。 *…