为什么这些个网站UI做的这么漂亮啊？为什么它们的细节这么细啊？交互好、实现棒，很难叫人不收藏啊！！毕竟收藏了，下次都是会来学的🐶

猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目，在此分享给大家。 以下为【前端GitHub】的第 9 期精华内容。 1. LightHouse LightHouse 是一个开源的自动化工具，用于改进网络应用的质量。 可以将其作为一个 Chrome…

一些开源的生产力工具能极大的提升我们的开发效率（我一直是这么认为的 🤠）。 今天推荐一些我一直在用的、比较香的工具给大家。其中包括一些文档、可视化工具、分析工具、代码片段、调试工具等。 Collect UI画廊是一个免费的在线资源，用于每日UI设计灵感。 目前，它有 6500…

设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理…

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

这个题目如果回答非常完美，那么可以判断这个人已经脱离了初级前端工程师，前端的核心就是异步编程，这个题目也是体现前端工程师基础是否扎实的最重要依据。 new promise((resolve,reject)=>{ resolve() }).then().... 第二个问题是定时器…

觉得好的，点个赞，让更多人看到。 根据BFC的渲染规则之一：块级元素垂直方向的距离由margin决定。属于同一个BFC的两个相邻块级元素的margin会发生重叠。 有的小伙伴这么理解成：在同一个BFC容器中会发生重叠，那么只要不在一个BFC容器中就不会发生重叠。 在外面包一个d…

libraryTarget: “window” : 当 library 加载完成，返回值将分配给 window 对象。 libraryTarget: “umd” ：这是一种可以将你的 library 能够在所有的模块定义下都可运行的方式。它将在 CommonJS, AMD 环境…

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