面试的时候面试官问到这个问题，回答的不太满意。 内容在链接上方，圆角，有个小箭头指向链接，位置和内容左对齐。类似百度百科的效果。 由于position:absolute是根据上一个非static定位的元素。所以需要设定.tip元素为position:relative，这个设定并…

在使用 css 设置页面样式时会经常遇到需要居中的情况,下面我总结了一些 css 在不同条件下实现居中的方法。有一些方法具有一些 hack 味道,大家看看就好。

flex布局是一种弹性布局，也可以把它理解为一种格式，使用了display:flex的div具有某种整体特质，就像word的格式刷，你刷了某种格式之后，相应的文档段落就具有了相同的特质：相同的字体样式、相同的字体大小、相同的行间距、相同的。。。flex布局也是这样，使用了dis…

CSS的盒模型是CSS的基础，同时也是难点，这个问题经常在面试中会被问到，属于经典问题了。很多博客里讲得也很模糊不清，于是，我在这里重新整理一下。 可以认为每个html标签都是一个方块，然后这个方块又包着几个小方块，如同盒子一层层的包裹着，这就是所谓的盒模型。 盒模型分为IE盒…

周日在家看 web.dev 的 2020 三天 live，发现不少有意思的东西，其中有一项是关于 CSS 的，主播是 Una Kravets（chrome team 成员）。虽然我已经好几个月没有深入研究 CSS 的东西了，不过以前的底子还在（有兴趣的可以看我一年前发布的关于 …

上传文件的能力是许多Web和移动应用的关键需求，从将照片上传到社交媒体上到将简历发布到工作门户网站上，文件上传无处不在。 作为一名Web开发人员，我们一定知道HTML提供了原生文件上传的支持，并借助于JavaScript的一点帮助。在HTML5中，File API被添加到DOM…

Mozilla 的 Jason Orendorff 写了一篇深入分析 JS 诡异语法的文章。虽然实现细节上有差异，但每个 JS 引擎在这些诡异的细节上都会面对同样的问题。 这篇文章将深入探讨包含文法（cover grammar）。包含文法是为那些乍一看模棱两可的语法构造规定文法…

由于篇幅限制，所以将文章分成了 2 篇，这是下篇，包含了从 ES2016 到 ES2021 的所有知识。 使用 async 可以声明一个 async 函数，结合 await 可以用一种很简介的方法写成基于 Promise 的异步行为，而不需要刻意的链式调用。await 表达式会…

1. CommonJS 我们可以把一个文件看成一个模块，每个模块之间是互相独立的，即不会互相影响。当需要使用到某个模块时，只需在文件中将目标模块导入即可 上述代码中，两种导出方式是等价的。 2. ES6 Module 3. CommonJS 与 ES6 Module 的区别 因…