潮流前端周刊（第47期）- 彩云

封面图摄于上周晚上出去吃饭，天空彩色云彩挺漂亮。

记录每周看到的接地气的前端潮流技术，筛选后发布于此，觉得不错可关注此专栏，方便获取更新通知

前端技术

关于鉴权，看懂这篇就够了
mp.weixin.qq.com/s/-Yf6a58H7…
将登录的一些事情给讲清楚了。

美团商品知识图谱的构建及应用
tech.meituan.com/2021/09/02/…
美团的文章每次写的还真不错。

浏览器中的音视频知识总结
juejin.cn/post/700228…
很像大学生写的那种备考前的学习笔记。

潮流开源

ViteShot：快速简单的组件截图工具
github.com/zenclabs/vi…
可以放弃无头浏览器的方式来弄了。

filament：谷歌开源的轻量级实时物理渲染引擎
github.com/google/fila…
同时支持 Android, iOS, Windows, Linux, macOS, 和 WebGL2。

yt-dlp：youtute 视频下载命令行
github.com/yt-dlp/yt-d…
在 youtube-dlc 基础上加了些功能的命令行下载工具，看着功能比较强大。

devices.css：用 CSS 画常用设备的代码
marvelapp.github.io/devices.css…

hyperformula：Excel 公式计算风格的库
github.com/handsontabl…

import { HyperFormula } from 'hyperformula';

// define the options
const options = {
  licenseKey: 'gpl-v3',
};

// define the data
const data = [['10', '20', '30', '=SUM(A1:C1)']];

// build an instance with defined options and data
const hfInstance = HyperFormula.buildFromArray(data, options);

// call getCellValue to get the calculation results
const mySum = hfInstance.getCellValue({ col: 3, row: 0, sheet: 0 });

// print the result in the browser's console
console.log(mySum);
复制代码

看看其他

从 App Store 总榜前 100 小窥 APP 发展趋势

www.woshipm.com/it/5116194.…
居然用马斯洛的需求层次对各类型 APP 进行归类了一下，文章的整理还是很用心的。