视野修炼第101期 | 垂直居中
欢迎来到第 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性能的一些技巧
- 避免字符串比较:使用数字枚举替代
- 使用 for 循环替代链式(.map.filter.reduce)调用操作数组
- 避免字符串操作过程中发现变更:使用字符串拼接替代需要创建新变量的场景
- 合适的数据结构:
Set.has
优于Array.includes
挑了几个仅供参考:在某些需要极致优化的包含复杂计算的场景可以试试。
6. 英:Web 的剪贴板,如何存储不同类型的数据
文章探讨了 Web 上的复制和粘贴工作方式、如何处理不同的数据类型。
富文本,带样式文本,图片等等资源的网页 CV 处理能够用到。
7. 英:不简单的 js 入门教程
包含必要的背景知识、上下文和第三方资源。
🤖AI工具&资讯
8. Peter Cat - GitHub 仓库智能答疑机器人
提供 GitHub 地址即可自动生成答疑机器人,便捷的集成。
蚂蚁团队开源的!
😛趣图
⭐️强力推荐关注
周刊部分内容来源如下渠道,推荐大家关注。
- 阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容,周五发布
- 云谦:MDH 前端周刊 - 前端资讯和分享
- 童欧巴:前端食堂 - 你的前端食堂,吃好每一顿饭
- 前端 RSS - 根据 RSS 订阅源抓取最新前端技术文章
- 值得一读技术博客 - 每天进步一点点,每天分享有料的技术文章!
- FRE123 技术周刊精选 - 技术周刊精选推荐信息流