潮流前端週刊（第37期）- 想學前端的貓

飛豬前端團隊發表於2021-07-25
前端

封面圖為家裡湯圓的新窩，最近老喜歡躺在「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…
潮流前端週刊（第37期）- 想學前端的貓

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也可以試試。

潮流前端週刊（第37期）- 想學前端的貓

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…<> 挺好看的，結合業務用途的方式來弄動效設計。

相關文章