转转前端周刊第八十一期

转转前端周刊

本刊意在将整理业界精华文章给大家，期望大家一起打开视野

如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人

1、新一代 Web 预渲染技术！

最近，Chrome 团队引入一套全新的完整页面预渲染的能力。为了避免现有用法的复杂性，并且能够让预渲染技术的未来继续发展，新的预渲染机制将不使用 <link rel="prerender"...> 以及 NoState Prefetch 的保留的语法，未来也可能在某些节点禁用这些用法。

2、解析 Node.js 镜像原理，轻松构建高效 CI/CD 流程

如果公司项目使用容器化部署，那么或多或少了解过nodejs镜像，因为前端项目或者基于nodejs的BFF项目在构建或者部署的过程中都会依赖nodejs镜像。

3、从VS Code看优秀插件系统的设计思路

在目前流行的框架中，通常都会采用插件来定制、扩展系统的能力。其实插件系统在软件架构中有一个更专业的术语：微内核架构。本文将详细介绍微内核架构的原理、优势、分类、同时也会对优秀的软件案例进行分析，最后结合笔者当前负责的中型前端项目，分享微内核架构在实际项目的实践。通过本文您将了解什么是插件系统，如何设计插件系统，以及怎么更优雅地实现插件系统。

4、感知哈希-图片相似度分析

最近在做小程序换肤功能，因为不同主题色的小程序对应了不同图片库，项目内图片引用的方式又是线上URL地址配置形式，新加一套图片时，就要将图片和线上URL链接对比之后，配置到对应的Key上。这么人工操作一遍后发现费时费力。因为不同图片库间主要是颜色差异，想着能不能通过图片相似度对比以后，自动将图片匹配对应的Key。最后研究了下，通过感知哈希实现了我的需求，记录一下。

5、分享能提高开发效率，提高代码质量的八个前端装饰器函数~

今天就给大家介绍一下在我项目中用到过的几个装饰器的思路吧~