小丸子子丸小

这个问题的答案在实战演练环节会结合本文的内容给出答案，如果你觉得这个问题简单得很，那么恭喜你，你已经具备本文将要介绍的大部分知识点。 我们需要知道 promisify(fs.readFile)(...) 这里能够接受的类型。 我们需要知道 let file = await ..…

性能，是一个问题。 取决于我们对性能的理解深浅，以及是否有一套好的工具和方法。 介绍三步法之前，先来简单了解下Chrome开发者工具的Performance性能面板，以及性能分析报告的基本组成。 然后按F12打开Chrome的开发者工具，选择Performance性能面板。 指…

由于前端技术的蓬勃发展和你自身的不断努力，很多小伙伴已经打通了任督二脉，做到了前后端通吃。你们就是自己程序世界里的神，在这里你们无所不能，创造世界，制定规则和逻辑。当一个属于你的世界做好后，你需要展示给朋友，发布于众人，让爱你的人欣赏。这时候我们需要一个强有力的服务器作为容器，…

需求：当一个div的内容过多时，显示省略号，并提供一个显示更多的按钮；如果内容较少，正常展示不提供按钮。 方案一为Determine if an HTML element's content overflows中的最高赞回答，主要思想是对比元素的el.clientWidth和e…

前两天在浏览 苹果 16寸 营销页面 的时候，发现了几个比较有意思的交互，心里想着自己虽然是一个穷逼，但是知识是无界限的呀，于是便研究了一波。 一个是屏幕慢慢打开的效果，在屏幕打开的过程中，电脑图片 是在屏幕中固定不动的，直到打开完毕或者关闭完毕的时候再让 电脑图片 随着滚动条…

作为开发人员，平时用的最多的就是Chrome devtools了，但是可能很多同学都像我一样平时用的最多也就只是Console和Elements面板了。 按Cmd + Shift + P（如果使用Windows，则按Ctrl + Shift + P）打开“命令”菜单。 当你只想…

响应式部分，如果你想在简历上写熟悉的话，还是要抽时间好好的去看一下源码中真正的实现，而不是看这种模棱两可的说法就觉得自己熟练掌握了。 轮指的是什么，在 eventLoop 里的 task 和 microTask，他们分别的执行时机是什么样的，为什么优先选用 microTask，…

如果是 HTTP 1.0 版本协议，一般情况下，不支持长连接，因此在每次请求发送完毕之后，TCP 连接即会断开，因此一个 TCP 发送一个 HTTP 请求，但是有一种情况可以将一条 TCP 连接保持在活跃状态，那就是通过 Connection 和 Keep-Alive 首部，在…

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！ 时隔一周不见，霖呆呆我终于更新文章了，小声嘀咕说想我了... 呸... 咳咳，其实我一直在隐忍准备来一发大的好不。 这不，这一章节就是整理了45道Promise的笔试题让大家爽一爽 😁。 另外查了很多关于Promi…