欢迎来到第 101 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

下面开始本期内容的介绍ღ( ´･ᴗ･` )比心。

🔥强烈推荐 ​

1. align-content - 垂直居中普通元素 ​

html

<style>
    ul {
        height: 300px;
        width: 200px;
        border: solid;
        align-content: center;
    }
</style>
<ul>
    <li>段落1.。。。。。</li>
    <li>段落2</li>
</ul>

2. up mode - 一键隐藏 Chrome 插件 ​

很实用！

可以在截屏或录制视屏时，隐藏地址栏的浏览器插件图标。

3. Chrome 性能面板新功能 ​

目前还是实验性功能，需要自己在设置中打开。

🔧开源工具&技术资讯 ​

4. k-colors.js - 图片主色提取 ​

可以用到一些需要根据图片适配主题色的场景。

📚教程&文章 ​

5. 英：优化JS性能的一些技巧 ​

  1. 避免字符串比较：使用数字枚举替代
  2. 使用 for 循环替代链式(.map.filter.reduce)调用操作数组
  3. 避免字符串操作过程中发现变更：使用字符串拼接替代需要创建新变量的场景
  4. 合适的数据结构：Set.has 优于 Array.includes

挑了几个仅供参考：在某些需要极致优化的包含复杂计算的场景可以试试。

6. 英：Web 的剪贴板，如何存储不同类型的数据 ​

文章探讨了 Web 上的复制和粘贴工作方式、如何处理不同的数据类型。

富文本，带样式文本，图片等等资源的网页 CV 处理能够用到。

7. 英：不简单的 js 入门教程 ​

包含必要的背景知识、上下文和第三方资源。

🤖AI工具&资讯 ​

8. Peter Cat - GitHub 仓库智能答疑机器人 ​

提供 GitHub 地址即可自动生成答疑机器人，便捷的集成。

蚂蚁团队开源的！

😛趣图 ​

⭐️强力推荐关注 ​

周刊部分内容来源如下渠道，推荐大家关注。