前端Yuu

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

由于去年的烧烤摊营收达预期，烧烤哥给自己买了台新电脑。但新电脑上啥都没有，导致晚上收摊后回去无法加班，很是苦恼。 为了不影响烧烤摊今年的业绩，烧烤哥还是在自己的游戏本（玩游戏的本子）上搭起了一个前端开发环境。 我们先来捋一捋，烧烤哥的业务涉及到web开发、taro小程序。所以只…

今天 Flutter 2 正式版发布了，作为 Flutter 的重大升级，使用 Flutter 2 开发者可以用相同的代码，把使用 Flutter 开发的应用发布到五个操作系统：iOS，Android，Windows，macOS 和 Linux； 以及运行到 Chrome 、 …

相信有些读者已经听说过 DRY 原则，DRY 的全称是 —— Don't Repeat Yourself ，是指编程过程中不写重复代码，将能够公共的部分抽象出来，封装成工具类或者用抽象类来抽象公共的东西，从而降低代码的耦合性，这样不仅提高代码的灵活性、健壮性以及可读性，也方便后…

重排重绘，看这一篇就够了

随着视频监控联网系统的不断普及和发展, 网络摄像机更多的应用于监控系统中，尤其是高清时代的来临，更加快了网络摄像机的发展和应用。 在监控摄像机数量的不断庞大的同时，在监控系统中面临着严峻的现状问题：海量视频分散、孤立、视角不完整、位置不明确等问题，始终围绕着使用者。因此，如何更…

就在昨天，世界首张黑洞照片，正式亮亮相啦，煤球黑洞在朋友圈传疯了。惊不惊喜，意不意外？想到4年前翻译的这篇文章，再发出来，我们前端工程师使用 JS 来自己画个黑洞吧！ 黑洞仿佛就是一个宏达的自然边界，在黑洞里，我们所知的量子理论和经典力学都将失效。物理学家逼不得已产生了一些实在…

这个会不会是因为html嵌套太深导致Layout等计算复杂，所以CPU上升了呢，笔者尝试把DOM结构简单化，以及加上contain: strict等Layout隔离的方法，也是没有效果。所以只能是JS执行问题了，通过Chrome devtools的Performance可以研究…

据说阿里有一道面试题就是谈谈函数节流和函数防抖。 糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字…