一觉醒来，各大网站的首页已变成黑白主题，在此对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼。 作为一名前端开发，自然要抱着好奇的心去看效果是如何实现的，先是打开了汽车之家网站。 各大网站都是这样实现的样式的吗？带着这样的疑问在各大网站转了一圈，无一例外的都是用了filter…

【下午茶第5期】看点：为什么我避免使用async/await、用了模板字面量类型，同事直呼太强了、为什么使用Spring Boot、如何将全国甲卷高考作文理解到JavaScript中、分布式一致性！

GIF，JPG/JPEG，JPEG 2000，ICO，PNG，Animated PNG，webP，SVG，base64基础知识，一起来了解吧。

Vite号称是 下一代的前端开发和构建工具 ，目前已经在前端社区里逐步开始流行起来了。它采用了全新的unbundle思想来提升整体的前端开发体验。

做前端少不了跟动画打交道，那么实现一个动画有哪些方式呢？本文主要学习 requestAnimationFrame API， 顾名思义，请求动画帧，也称帧循环。

为什么要写这个文章呢？其实发现很多同学对一些很简单又有效的 debug 手段都不太了解，找 bug 的方式都不是很高效，导致最终 bug 找不到或者走了很多弯路。 Devtools 作为前端开发，ch

React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。 然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。 拥…

... 上面这些问题有的人可能已经知道如何解决了，但是问题产生的原理，以及解决方案的原理可能会模糊不清或者一知半解。而在探寻这些问题的过程中，我们会遇到非常多的概念，比如：像素、分辨率、PPI、DPI、DP、DPR、视口扽等，这些概念往往分不清。 生活中，我们经常说手机、显示器…

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使用Native的功能，比如打开二维码扫描、调用原生页面、获取用户信息等，同时Native也需要向Web端发…