视野修炼-技术周刊第101期 | 垂直居中

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

🔥强烈推荐

1. align-content - 垂直居中普通元素
2. up mode - 一键隐藏 Chrome 插件
3. Chrome 性能面板新功能

🔧开源工具&技术资讯

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

📚教程&文章

5. 英：优化JS性能的一些技巧
6. 英：Web 的剪贴板，如何存储不同类型的数据
7. 英：不简单的 js 入门教程

🤖AI工具&资讯

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

下面开始本期内容的介绍，预计阅读时间 6 分钟。

🔥强烈推荐

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

<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 地址即可自动生成答疑机器人，便捷的集成。

蚂蚁团队开源的！

😛趣图

⭐️强力推荐关注

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

• 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布
• 云谦：MDH 前端周刊 - 前端资讯和分享
• 童欧巴：前端食堂 - 你的前端食堂，吃好每一顿饭
• 前端 RSS - 根据 RSS 订阅源抓取最新前端技术文章
• 值得一读技术博客 - 每天进步一点点，每天分享有料的技术文章！
• FRE123 技术周刊精选 - 技术周刊精选推荐信息流