沧海周报 007/2022.10.15

这是啥

作者介绍及往期周报,请移步README

资源

1、microjs

这个网站收录了数百个 JavaScript 的微型单体框架:短小精悍,一次只做一件事,大多数在 5kb 以内。没有任何多余的东西。这个理念还蛮有意思。我前几天写了一个静态单页,没有任何动态数据,用 next.js 导出来,带了七八个 js,js 库占了快 800kb。现代前端框架的依赖实在太多了。有时候杀鸡用不到牛刀,用这种小刀挺好的。

2、免费在线 PNG 转换为 SVG

这个网站可以将各种图片格式转换为 SVG。

3、Built With

输入一个网站名字,告诉你这个网站采用了什么技术栈,由哪些技术或者框架构建。这样一个网站在零员工的情况下,每年产生 1400 万美元的收入

为什么会有人为这个服务付费?假如你是做某一个技术的商业产品,这个网站可以帮你获取使用同类技术的潜在顾客,帮你获取销售线索。这真的是一个非常好的创业案例。

4、Pagefind

Pagefind 是一个完全静态的搜索库,旨在在大型网站上表现良好,同时尽可能少地使用用户的带宽,并且不托管任何基础设施。

5、http cats

这个网站为每一种 HTTP 状态码配了一幅猫咪图,看起来非常搞笑。你可以将这些猫图加入自己的网站。

6、typo.css

一个关于中文排版的 CSS 库。

7、分享我在 B 站最近看到的 2 个前端资源,作为一个完全没有前端工程概念的人,这 2 个课程非常有帮助,恍然大悟的感觉。

Next.js 和 React - 完整开发指南 学习并使用 Next.js 搭建全栈应用程序(中英文字幕)

「前端工程化」之 Webpack 原理与实践(彻底搞懂)

网站

我最近在学习前端,看到一些网站,会关注其前端体验如何。有一些网站设计精良,视觉体验非常棒。特此记录下。

1、美国国家公园基金会

基金会主要是面向大众做宣传和筹款目的,用户体验肯定要做好。这个网站看起来真的是一种视觉享受。精美的图片,漂亮的字体和排版设计,交互简洁大气,网页加载迅速。

2、Ryan Mulligan

这是主要写 CSS 话题的个人博客。让我感兴趣的是其页面主题切换做的很棒。国外的个人网站相比国外,要更活跃,甚至出现了**IndieWeb**这样的运动。

什么是 IndieWeb?作为“基于企业的商业网站”的替代品,IndieWeb 是以人为本的网站。基于以下原则:拥有您的域名并将其用作您的主要身份、在您自己的网站上发布(可选择在其他地方联合)以及拥有您的数据。

3、https://www.jvt.me/

这也是一个独立博客。我感兴趣的是网站采用了命令行的风格,非常的极客,看起来很酷。

软件

1、Stream

这是 IOS 平台上的一个抓包工具。昨天我试用了,体验很好,比之前用过的几款抓包工具更好用。我比较喜欢的一点是,它可以很方便将抓包的请求头和响应分享到微信,是一个 txt 文本,方便在电脑上使用。

2、闪传

这个也是 IOS 上的一个 APP。有时候想从电脑往苹果手机上传输大文件,比如电影视频。用这个速度非常快。

文章

使用开源工具处理和分析 PDF