欢迎来到第 70 期的【视界修炼 – 技能周刊】，下面是本期的精选内容简介
强烈引荐
- vscode-eslint-disable – vscode 插件
- npm 2023 回忆
- 运用JS快速获取视频恣意方位缩略图
- 根据七牛云OSS的简练图床
开源东西&技能资讯
- FRE123 开源 – 快速建立个性化导航网站
- 英：交互式 CSS Grid 教程
- Calendar Remark – 自定义符号&共享日历
- 科普：了解文件巨细单位
也引荐我们重视一下最后的引荐内容（周刊的主要内容来源途径）
下面开端本期内容的介绍，预计阅览时刻 8 分钟。
强烈引荐
1. vscode-eslint-disable – vscode 插件
答应运用快捷键，快速创建 eslint-disable 注释。
支撑行、块、当前文件。
常用 ctrl alt d ,ctrl alt a,多用几回就记住了，开发嘎嘎提效
2. npm 2023 回忆
Top50 被依靠的包 有点意外 React 作为一个结构居然在第二的方位，说明其生态仍是非常的巨大
能够看出来 TypeScript 是非常流行的。
最近每周下载量 Top 20的包
能够看出来大部分是特定功用的东西库，看了一下有 7 个都是笔者用过的。
3. 运用JS快速获取视频恣意方位缩略图
张鑫旭大佬最近共享的开发经验
原理：利用video元素进行制作，希望制作哪一帧视频，就让视频跳到这一帧的画面，然后运用canvas直接制作该video元素。
学到了！
4. 根据七牛云OSS的简练图床
笔者自己的小应用，花了个周末，将其重构成了Vue完成（之前便是HTML JS），方便后续功用迭代完成。
纯前端布置，无需服务端接入，装备生成的token 即可运用。
之前旧的那一版是3年前写的了，最近想加点图片压缩，格局转换等功用，发现旧的不好拓宽。
七牛云每月 10G 免费空间，笔者用了快5年了，也才用掉 6G 空间。平时写文章插图都用它。
开源东西&技能资讯
5. FRE123 开源 – 快速建立个性化导航网站
FRE123 – Free Resource for Everyone：老胡信息周刊的衍生项目，中心意图是用技能打破信息差，为每个人供给免费优质资源。
效果大概如下
项目GitHub地址：github.com/fre123-com/…
6. 英：交互式 CSS Grid 教程
内容比较干货，能够结合翻译软件学习，有许多的交互性示例
| Grid Structure | Grid Children |
|---|---|
 |
 |
7. Calendar Remark – 自定义符号&共享日历
这个东西能够符号日历，并生成共享图
适配了 PC/H5 访问，UI仍是比较美丽的。
项目运用React开发，能够移植成组件复用。
8. 科普：了解文件巨细单位
内容比较简练，能够看做是一个对照表，
作者还给到了一些比照的例子，协助了解。
趣图
篇幅有限，如果你还没看够，可移步后边的引荐途径，继续游览，前史周刊（<20）移步博客
⭐️强力引荐重视
- 阮一峰: 科技爱好者周刊 – 记载每周值得共享的科技内容，周五发布
- 云谦：MDH 前端周刊 – 前端资讯和共享
- 童欧巴：前端食堂 – 你的前端食堂，吃好每一顿饭
- 前端RSS – 根据 RSS 订阅源抓取最新前端技能文章
- 值得一读技能博客 – 每天前进一点点，每天共享有料的技能文章！
- FRE123 技能周刊精选 – 前后端技能周刊精选引荐信息流