蒲公英 · JELLY技术周刊 Vol.11 Lighthouse 测试报告生成

登高远眺

天高地迥，觉宇宙之无穷

基础技术

Lighthouse 测试内幕

文章分享了网易云音乐前端性能监控平台使用 Lighthouse 的实践经验，介绍了 Lighthouse 的测试流程、内部模块实现以及性能指标计算等。文章循循善诱，使用清晰明了的架构图和简单易懂的代码例子，剖析了 Lighthouse 从建立链接、搜集、审计评分到主要性能指标的审计实现原理。本文鞭辟入里，干货满满，实在为不可多得的深度好文。

前端框架

Vue3 究竟好在哪里？

文章从逻辑复用、代码组织、使用案例、技术原理等方面较为深入地剖析了 Vue 3 的 Composition API，最终得出结论：1. 使用 Vue 3 还写意大利面条式的代码是开发者水平不足导致的；2. 使用 Vue 3 心智负担不高。除此之外，Vue 的作者尤雨溪也出没在本文评论区，在线推销 Vue 3。

设计哲学

圣杯与银弹 · 没用的设计模式

文章理性且批判性地诠释了怎样才是学习设计模式的最佳方式，盲目套用书中的抽象理论往往只会使项目变得更糟糕。设计模式都是从大量的实践项目中总结出的抽象理论，在不同的编程范式和项目场景下，同一种设计模式可能会产出完全不同的实现。所以，作者推荐学习系统设计的更好方式是：选择优秀的开源项目学习其顶层设计和底层实现并在项目中不断实践。在我看来，这篇文章的价值远不止于此，作者的思考方式对于学习软件开发的方方面面都存在宝贵的指导作用。

图形编程

使用 Three.js 实现 3D 动态文字

手把手教你如何使用 Three.js 把文字作为贴图附着在 3D 模型表面，并使之运动起来，实现 2D 动画难以带来的视觉冲击。

人工智能

VALSE 技术研讨会

一个能够跟大牛近距离接触的公众号，每周会请来自各大学/大厂的AI专家对自己领域的进展做分享。目前已有邀请阿里达摩院高级开发，电子科大教授等大牛进行图像分析方面的分享。能够极大的方便跟踪现在业界最前端的探究方向。

如何使用深度学习识别 UI 界面组件？

详细的介绍了使用机器学习来识别 UI 界面元素的完整流程，包括：现状问题分析、算法选型、样本准备、模型训练、模型评估、模型服务开发与部署、模型应用等。

广告点击率预估是怎么回事？

在电商全图片场景的背景下，探究广告图对用户点击率及转化率的影响必定十分有意义，广告也成为众多一线大厂的必争之地，借助于AI来建立广告预测模型用更科学的方法来提升设计效率及用户体验。本文带你了解点击率预测到底是什么以及建立CTR模型的步骤和常见CTR预估算法。

工具推介

any-rule

any-rule 仓库收录了日常开发中较为常用的正则表达式，包括手机号、各类链接地址、各平台账号等 60+ 条精准匹配的正则式，另外支持 web / vscode / idea / Alfred Workflow 多平台，建议收藏。再也不用担心 Google 搜索到的正则不准确啦～

沧海拾遗

沧海拾遗，积跬步以至千里

AI Typography

人工智能始终是未来的主要方向之一，文字识别、UI组件学习、广告点击率估算？除此以外还能有什么合适的场景呢？或许你已经听过了凹凸实验室的羚珑，但是对其不甚了解，那么这篇关于 AI 版式设计的文章，可能会帮助你更好地思考我们与人工智能的关系。

羚珑AI系列分享之机器学习科普入门

文字是很好的载体，但是视频也是一样，人工智能并不是一两句话能够讲完的事情，不过相信这一期凹凸极客沙龙的回顾视频，Mark 老师能够给你一个带来不一样的视角，深入浅出讲解在我们身边那些人工智能应用的场景！

欢迎关注凹凸实验室博客：aotu.io

或者关注凹凸实验室公众号（AOTULabs），不定时推送文章：