潮流前端周刊(第37期)- 想学前端的猫

2,598 阅读2分钟

封面图为家里汤圆的新窝,最近老喜欢躺在「JavaScript 权威指南」上睡觉,看来也想写前端。

记录每周看到的前端潮流技术,筛选后用接地气方式发布于此,同时也可以关注「Fliggy F2E」 公众号获得更新通知

前端技术

使用 Whistle 作为你的 Web 调试工具
zhuanlan.zhihu.com/p/79037633
替代 Charles 调试的一个好工具,而且时开源的,看看这篇文章他怎么使用的。

常识性概念图谱建设以及在美团场景中的应用
tech.meituan.com/2021/06/24/…
帮助机器做好自然语言文本的理解工作,建立知识体系则是一种直接的方式,能够帮助自然语言理解得更准确。

一文了解 AsyncHooks
mp.weixin.qq.com/s/08AVmJLMd…
好吧,这个特性我第一次看到,「async_hooks 模块提供了用于跟踪异步资源的 API」。

手写简易浏览器 - html parser 篇
mp.weixin.qq.com/s/ku6yNZqIK…
先不看,假如让你写一个简单的 html parser 转换器,你怎么写?

潮流开源

fzf:命令行模糊查找器
github.com/junegunn/fz…

lowdb:小项目用的微型数据库
github.com/typicode/lo…
支持浏览器、Node、Electron,超级轻量直接用 JSON 的方式。

import { join } from 'path';
import { Low, JSONFile } from 'lowdb';
const file = join(__dirname, 'db.json');
const adapter = new JSONFile(file);
const db = new Low(adapter);

await db.read();

db.data ||= { posts: [] };

db.data.posts.push('hello world');
db.data.posts[0];

const { posts } = db.data;
posts.push('hello world');

await db.write();

sucrase:超快的 babel 可替换工具
github.com/alangpierce…
提升本地开发构建速度的工具,还有一个新工具snowpackjs/astro也可以试试。

rustdesk:另一个远程桌面软件
github.com/rustdesk/ru…
开箱即用的远程桌面软件,无需任何配置,替代 TeamViewer 和 AnyDesk。

Node Cli 开发最佳实践
github.com/lirantal/no…
对于写工具的同学,可以将里面的一个建议给看看。

他山之石

把毛选和鲁迅全集喂给 AI 后,写出来的高考作文太对味
zhuanlan.zhihu.com/p/384410563
鲁迅写的文章关我周树人什么事情?

SHEIN:长期主义的胜利
www.huxiu.com/article/437…
本文将从流量、供应链和管理三个维度出发,对 SHEIN 做一次深度解读。

帮 UI 设计师极大提升效率的 10 款 Figma 插件
www.uisdc.com/10-figma-pl…
「飞个马」这个工具不少人都说很好用,当时我学习了下还是习惯 sketch,可能还是不习惯的缘故。

互动营销类产品有哪些动效超好用?
www.uisdc.com/marketing-d…<> 挺好看的,结合业务用途的方式来弄动效设计。