上周有啥好玩的 6/10

#Article

• 网上冲浪时，我是如何搭建网页收藏夹体系的

  你的收藏夹是不是积满了各种文章，尝试别让收藏夹里的文章吃灰吧。（笔者个人喜欢用扁平化管理，直接搜索找文章更方便

• Web Applications 101

  一篇文章涉及到建立现代网站所涉及的许多结构概念，从最简单的 HTML 页面到服务器端渲染（SSR）和静态网站生成（SSG）。强烈建议收藏～

• Angular Inject & Injection Functions - Patterns & Anti-Patterns

  Angular 14 准备来了，更新的 Standalone Component 和 inject 方法备受瞩目，本文介绍了一些 inject 方法的实践，可以先睹为快。

• Still No Consensus On Testing Private Methods

  软件业一直有一个悬而未决的问题：编写单元测试时，私有方法需要写吗？本文总结了关于这个问题的各种意见，以及每一方的理由。

• Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser

  replit 团队需要一个网页版的代码编辑器，先后试用了 Ace、Monaco 和 CodeMirror，比较了它们的优缺点。

• Code-first vs. Product-first

  "代码优先" 程序员痴迷于代码的架构、关注使用什么工具、库和语言… "产品优先"程序员也关心代码，但只是把它作为达到目的的一种手段。

• A Practical Guide to Self-Hosting Web Fonts

  网页对字体有特殊要求的话，通常会自己绑定字体文件，本文将完整地介绍如何处理自定义字体文件。

#Found

• 图解设计模式

  这个网站讲解各种设计模式的含义和用法，有英文版和中文版，每一种设计模式都配上了插图讲解。

#Tool

• pushin

  一个可以在页面滚动时呈现元素滑动的动效库。

• capture-website

  利用 Puppteer 给网站截图。同样的还有 taki 。