firemail
标题: 阮一峰网络日志 [打印本页]
作者: Qter 时间: 2021-4-23 09:23
标题: 阮一峰网络日志
2021.04.23
5、如何制作一个纯 CSS 的密码生成器[16]（英文）
https://dev.to/inhuofficial/a-pure-css-password-generator-they-said-it-can-t-be-done-4pla
6、深入了解 CORS[17]（英文）
本文详细介绍浏览器跨域请求的概念、原理和最佳实践。
https://ieftimov.com/post/deep-dive-cors-history-how-it-works-best-practices/
7、浏览器 Fullscreen API 使用指南[18]（英文）
FullScreen API 可以让你完全控制，将整个页面或某个页面元素全屏显示，并且提供 CSS 伪类:fullscreen控制样式。
https://css-tricks.com/how-to-leverage-the-fullscreen-api-and-style-it/
工具
2、darkhttpd[22]
C 语言编写的单文件 Web 服务器，无需安装，只要编译一下就能使用，可以替代python -m http.server。
https://github.com/emikulic/darkhttpd
4、Mail Studio[24]
一个桌面软件，通过可视化界面，创建响应式邮件。
https://mailstudio.app/
5、dnspeep[25]
一个命令行工具，查看本机发出的所有 DNS 请求和获得的回应。
https://jvns.ca/blog/2021/03/31/dnspeep-tool/
6、CORS Anywhere[26]
脚本的跨域请求，需要对方服务器支持 CORS，否则就很麻烦。这个工具是一个 CORS 代理，需要自己架设，然后轻松将任何跨域请求变成同域请求。
https://github.com/Rob--W/cors-anywhere
7、HTTP Toolkit[27]
一个桌面程序，用来拦截和调试各种应用的 HTTP 通信，包括浏览器、安卓应用、命令行应用、Electron 应用等等。
https://httptoolkit.tech
8、DBeaver[28]
数据库管理的桌面软件，支持各种主流数据库。
https://dbeaver.io/
9、dahliaOS[29]
这个网站是用 Flutter Web 框架开发的，使用 Dart 语言编写，然后编译成 JS，相当流畅。以后，开发网站时，除了 React 和 Vue，还可以考虑用 Flutter。
资源
https://web.dahliaos.io/#/
5、文本生成图表的在线工具[35]
这个网页收集各种从文本生成图表（text-to-diagram）的在线工具，一共有40多种。
https://xosh.org/text-to-diagram/
作者: Qter 时间: 2021-5-14 18:27
本帖最后由 Qter 于 2021-5-14 23:45 编辑
6、我的 HTML 页面模板[16]（英文）
作者介绍了自己目前使用的 HTML 页面模板，解释了每一行的用途。
[16] 我的 HTML 页面模板: https://www.matuzo.at/blog/html-boilerplate/
7、Prisma ORM 库介绍[17]（英文）
Prisma 是 Node.js 和 TypeScript 项目新一代的 ORM 库，用来操作数据库。看上去功能非常强大，还带有配套的图形界面管理工具，下一个项目可以用它试试看。
[17] Prisma ORM 库介绍: https://www.prisma.io/blog/prisma-the-complete-orm-inw24qjeawmb
3、Boxedwine[22]
这个库用来在网页上建立一个虚拟机，运行 Windows 的 exe 程序。
[22] Boxedwine: http://www.boxedwine.org/demo/
6、pass[25]
一个命令行的密码管理器，有图形界面客户端，能用于各种平台和手机系统。特点是比较简单直观。
[25] pass: https://www.passwordstore.org/
7、cherrytree[26]
一个桌面的笔记软件，支持文件夹结构，可以将所有内容保存成一个 SQLite 文件。
[26] cherrytree: https://www.giuspen.com/cherrytree/
8、标准笔记[27]
跨平台的笔记软件，有在线版，支持端对端加密，基础功能可以免费使用。
[27] 标准笔记: https://standardnotes.org/
2、卡通漫画人物的面容[35]
一个美国学生使用 Artbreeder 软件，通过人工智能，将二维的漫画人物生成三维真实人像。
卡通漫画人物的面容: https://designyoutrust.com/2021/04/person-uses-artificial-intelligence-to-make-anime-and-cartoon-characters-look-more-realistic/
3、远程工作软件地图（2021版）[31]
本文列出了远程工作可选择的软件，一共有几十种。
[31] 远程工作软件地图（2021版）: https://friday.app/remote-work/market-map
作者: Qter 时间: 2021-5-21 09:23
1、Scheme flood[23]
大家用桌面浏览器访问这个网站，会列出你的电脑安装了什么应用（上图）。这样做的目的，是生成一个用户指纹，从而追踪用户，作者写了一篇详细的文章[24]，解释这是怎么实现的。（@jwenjian[25] 投稿）
[23] Scheme flood: https://schemeflood.com/
[24] 文章: https://fingerprintjs.com/blog/external-protocol-flooding/
[25] @jwenjian: https://github.com/ruanyf/weekly/issues/1759
4、APK 在线分析[30]
一个在线工具，用来分析、修改 APK 文件（安卓应用安装包），以及提取 APK 图标。（@codemofa[31] 投稿）
[30] APK 在线分析: https://apkinfo.online/
[31] @codemofa: https://github.com/ruanyf/weekly/issues/1765
5、Come Browse With Me[32]
这个在线工具通过 WebRTC，可以将你的浏览器窗口分享给他人，也就是说，别人可以看到你在页面上的一举一动。
[32] Come Browse With Me: https://comebrowsewithme.com/
1、FFmpeg 操作备忘[41]
这个网页收集了 FFmpeg 一些常见操作的命令行写法。
[41] FFmpeg 操作备忘: https://gist.github.com/steven2358/ba153c642fe2bb1e47485962df07c730
3、JavaScript 数据科学教程[43]
一本英文的 JavaScript 教程，免费阅读。从零基础的语法开始讲起，为数据研究人员提供必要的 JavaScript 知识。
[43] JavaScript 数据科学教程: http://js4ds.org
作者: Qter 时间: 2021-5-28 13:07
3、树莓派架设公网网站[27]（英文）
作家介绍如何在家庭网络之中，使用树莓派架设一个网站，然后通过端口映射，供外网访问。
树莓派架设公网网站: https://viggy28.dev/article/setting-up-ghost-in-raspberry-pi-for-free/
5、为什么我们从 Webpack 切换到 Vite？[29]（英文）
Replit 解释为什么将前端打包工具，从 Webpack 转为 Vite。
] 为什么我们从 Webpack 切换到 Vite？: https://blog.replit.com/vite
7、x86 计算机的栈顶位置[31]（英文）
C 语言变量储存在内存的栈（stack）里面，从栈底开始存放，直到栈顶。这个概念很容易混淆，因为栈底是内存的高位地址，栈顶是内存的低位地址，本文就来分析这个概念。
x86 计算机的栈顶位置: https://eli.thegreenplace.net/2011/02/04/where-the-top-of-the-stack-is-on-x86
3、Send[35]
Mozilla 基金会曾经推出了一个文件分享服务，后来停止开发了。社区就接过来，做成完全的开源版，现在可以自己搭建，并且有 Web、命令行和安卓等各种客户端。
Send: https://github.com/timvisee/send
7、Zulip[39]
一个团队协作工具，将聊天和电子邮件的线程模型结合在一起，类似 Slack，但是更像一个内部论坛。
Zulip: https://zulip.com/
8、Play.js[40]
一个 iOS 应用，提供 JavaScript IDE，允许在 iPhone 和 iPad 上开发 Web 和 Node.js 应用。
Play.js: https://apps.apple.com/us/app/play-js-javascript-ide/id1423330822
作者: Qter 时间: 2021-6-4 10:09
3、Shein，一家悄悄崛起的中国电商[14]（英文）
美国的电商应用，排名第一位的是 Amazon，第二位是来自中国的 Shein，可是国内很少有人听说过这家公司。一个美国分析师利用收集到的各种材料，对这家公司进行了长篇分析。
[14] Shein，一家悄悄崛起的中国电商: https://www.notboring.co/p/shein-the-tiktok-of-ecommerce
5、HTTP 安全标头快速参考[16]（英文）
HTTP 标头里面有一些跟安全相关，本文对它们一一介绍，比如Content-Security-Policy、X-Content-Type-Options等等。
[16] HTTP 安全标头快速参考: https://web.dev/security-headers/
6、CAP 定理解读[17]（英文）
这篇文章从学术角度，详细解读分布式系统的 CAP 定理，写得很好。CAP 定理的核心含义就是，发生故障时，开发者必须选择，优先满足一致性还是可用性。
[17] CAP 定理解读: https://codahale.com/you-cant-sacrifice-partition-tolerance/
8、为什么 MySQL 数据库的字符串列宽是191？[19]（英文）
MySQL 数据库的 varchar 格式的列，长度常常是191个字符，这是为什么？
[19] 为什么 MySQL 数据库的字符串列宽是191？: https://www.grouparoo.com/blog/varchar-191
1、sqliteviz[20]
一个网页应用，可以在网页上可视化操作 SQLite 数据库。
[20] sqliteviz: https://github.com/lana-k/sqliteviz
3、Hurl.it[22]
这个网站可以定制并发出 HTTP 请求，相当于 Postman 的网页版。
[22] Hurl.it: https://www.hurlit.com/
8、Video Puppet[27]
这个工具可以将一篇 Markdown 文档转成视频，支持插入图片和音频，还可以使用自动合成的语音解说。
[27] Video Puppet: https://www.videopuppet.com/docs/script/
5、你不需要 GUI[33]
这个仓库收集了一些常用的命令行操作，可以替代图形界面 GUI，主要针对初学者，但也适合作为命令行操作的备忘和速查。
[33] 你不需要 GUI: https://github.com/you-dont-need/You-Dont-Need-GUI
1、多出来的一美元[37]
三名游客来到一家旅馆，经理告诉他们，三人间的价格是30美元。游客每人掏出10美元，入住了房间。
第二天退房时，经理意识到，这间客房的定价应该是25美元，便要求服务员将多收的5美元退还给客人。服务员不诚实，仅向每位游客退还1美元，将剩下的2美元占为己有。
现在，三名游客每人实际花费了9美元，总计27美元。服务员保留了2美元，加在一起是29美元，请问剩下的1美元去了哪里？
[37] 多出来的一美元: https://blog.cloudandtree.com/2021/04/the-other-dollar/
作者: Qter 时间: 2021-6-11 09:06
本帖最后由 Qter 于 2021-6-11 09:35 编辑
《吃豆人》: https://baike.baidu.com/item/%E5%90%83%E8%B1%86%E4%BA%BA/9119559
2、Vosk[23]
一个语音识别的工具包，支持18种语言（包括中文），体积较小（50MB），可以绑定各种语言，适合为聊天机器人提供语音识别。
Vosk: https://alphacephei.com/vosk/index.zh
3、PINTR[24]
一个网页工具，可以让图片转为线条画。
PINTR: https://javier.xyz/pintr/
4、Grafar[25]
一个专门用于数学的前端可视化库。
Grafar: https://thoughtspile.github.io/grafar
2、Can I email[37]
这个网站可以查询哪些前端 API 可以用于电子邮件。
Can I email: https://www.caniemail.com/
作者: Qter 时间: 2021-6-18 09:43
6、热重载 C[19] （中文）
热重载指的是，在不重启的情况下更新应用。脚本语言都能支持这个功能，本文通俗地讲解，如何让 C 语言这样的编译语言，也支持热重载。（@cj1128[20] 投稿）
[19] 热重载 C: https://cjting.me/hot-reload-c/
[20] @cj1128: https://github.com/ruanyf/weekly/issues/1796
7、HTML 技巧[21]（英文）
本文总结了一些不为人熟知的 HTML 特性。
[21] HTML 技巧: https://markodenic.com/html-tips/
8、列数据库的兴起[22]（英文）
主流的关系型数据都以行为单位，储存数据。但是，对于大型数据集，以列为单位储存数据有巨大的优势。实际上，数据仓库基本都是列数据库。
本文解释为什么会这样，写得很通俗，但是读起来需要一点耐心。
[22] 列数据库的兴起: https://www.holistics.io/blog/the-rise-and-fall-of-the-olap-cube/
9、如何将 SHA-256 哈希可视化？[23]（英文）
作者一步步示范如何使用 JavaScript，将一个哈希值转成 SVG 图形（上图）。也就是说，可以为任意字符串生成一一对应的图案。
[23] 如何将 SHA-256 哈希可视化？: https://francoisbest.com/posts/2021/hashvatars
2、Termpair[25]
一个远程终端控制工具。用户在一个终端窗口中，启动这个工具，它会返回一个链接，使用这个链接就能在其它计算机的浏览器里面，控制原始的终端窗口。
[25] Termpair: https://github.com/cs01/termpair
3、Synthesia[26]
这是一个收费的视频合成服务，很有意思。用户选择一个视频模板，然后提供一段文本，该网站就会自动让视频里面的人物，说出你的文本，适合用来生成产品介绍视频。它支持中文，可以免费试用一个视频。
[26] Synthesia: https://www.synthesia.io/
7、葫芦笔记[30]
国产的笔记软件，支持多种客户端，自动云端同步。笔记功能非常强大，提供大纲界面、双向链接视图、图谱化搜索等。（@pimgeek[31] 投稿）
[30] 葫芦笔记: https://www.hulunote.com/
[31] @pimgeek: https://github.com/ruanyf/weekly/issues/1792
8、Text2image[32]
一个将文字或代码转换成图片的网页工具，可定制项多，主题、水印、阴影特效等都能自定义。（@chenjiayao[33] 投稿）
[32] Text2image: https://text2image.jaychen.fun/
[33] @chenjiayao: https://github.com/ruanyf/weekly/issues/1798
2、rfc.fyi[39]
一个 RFC（计算机协议标准）的分类引擎，根据关键字搜索，返回所有相关的 RFC 标准。
[39] rfc.fyi: https://rfc.fyi/
3、Awesome Privacy[40]
该仓库收集各种注重用户隐私保护的软件工具和服务。
[40] Awesome Privacy: https://github.com/pluja/awesome-privacy
作者: Qter 时间: 2021-6-25 09:16
2、三种前端实现 VR 全景看房方案[15]（中文）
某品牌要搭建一个在线 VR 展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，前端有三个方案可以实现。
[15] 三种前端实现 VR 全景看房方案: https://juejin.cn/post/6973865268426571784
3、CSS 与 CSS-in-JS 的性能比较[16]（英文）
单独加载的 CSS 文件与写在 JS 脚本里面的 CSS，性能相差多少？作者实验证明，差距很大。
[16] CSS 与 CSS-in-JS 的性能比较: https://pustelto.com/blog/css-vs-css-in-js-perf/
4、跨太平洋海底电缆 PLCN 的影响[17]（英文）
2017年，跨太平洋海底电缆（PLCN）开始建设，原计划连接洛杉矶和香港（下图一）。但是，2020年由于美国政府的反对，香港节点被取消（下图二）。本文讨论这个事件的影响。
[17] 跨太平洋海底电缆 PLCN 的影响: https://blog.telegeography.com/trans-pacific-cables-asian-hubs-plcn-status
5、使用 Skynet 和 Filebase 实现分布式文件储存[18]（英文）
Skynet 是一个开源的分布式内容托管系统，只要把内容接入这个系统，就可以从全世界无数入口，获取这些内容。本文就介绍一种非常方便的方法，通过 Filebase 这个服务，将图片快速接入 Skynet。
[18] 使用 Skynet 和 Filebase 实现分布式文件储存: https://filebase.com/blog/drag-and-drop-files-onto-the-decentralized-web-using-skynet-and-filebase/
1、Astro[22]
一个前端构建工具，构建出来的页面使用最少 的 JS，尽量是纯的 HTML 和 CSS 代码，大大提高页面的加载速度。实在必需的 JS 脚本，只有用到时才会动态加载。
[22] Astro: https://github.com/snowpackjs/astro
2、Althttpd[23]
SQLite 作者 D.理查德·希普写的 HTTP 服务器，SQLite 网站就是用它架设的，整个软件只有一个 C 文件。
希普这个人真是有性格，用到的所有工具都是自己写的。先写了数据库SQLite，接着写了 Bug 追踪系统 CVSTrac，然后写了版本管理系统Fossil，现在是 Web 服务器。
[23] Althttpd: https://sqlite.org/althttpd/doc/trunk/althttpd.md
6、Mastershot[27]
免费的网页视频编辑器，用的是 FFmpeg 的 webassembly 版本，可以在网页上进行简单的视频编辑。
[27] Mastershot: https://mastershot.app/
7、Shoelace[28]
一个很不错的 Web Components 库，目前提供30多种网页组件。
[28] Shoelace: https://shoelace.style/
8、 Handsfree.js[29]
一个 JavaScript 库，可以识别人体的动作、手势和面部表情。官网上有很酷的演示，通过扭头或手势，控制鼠标移动。
[29] Handsfree.js: https://handsfree.js.org/
1、初等微积分[31]
一本大学新生的微积分英文教程《Elementary Calculus: An Infinitesimal Approach》，从无穷小入手，详细解释什么是微积分。
[31] 初等微积分: https://people.math.wisc.edu/~keisler/calc.html
2、设计比特币[32]
一个英文的教程网站，介绍比特币的原理和设计方案。
[32] 设计比特币: https://bitcoin.design/guide/
3、Deep JavaScript[33]
一本免费阅读的英文电子书，介绍 JavaScript 语言的底层机制和设计思想。
[33] Deep JavaScript: https://exploringjs.com/deep-js/toc.html
作者: Qter 时间: 2021-7-2 09:39
3、静态网站如何启用数据库查询[14]（英文）
作者演示静态网站（比如 GitHub Pages）如何通过 SQLite 数据库，实现查询功能，完全不需要后台脚本。
这种操作的实现原理有两个：一是 SQLite 数据库以页为单位存储数据，每页默认是 4KB，可以按页读取数据；二是前端可以用 sql.js 模拟一个内存文件系统，从而实现按页读取文件。（@joyc[15] 投稿）
[14] 静态网站如何启用数据库查询: https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/
[15] @joyc: https://github.com/ruanyf/weekly/issues/1820
4、Telegram 创始人和他的黑暗帝国[16]（英文）
德国《明镜》杂志的长篇英语报道，介绍聊天软件 Telegram 现年36岁的创始人帕维尔·杜罗夫 (Pavel Durov) （上图），以及 Telegram 的故事。
[16] Telegram 创始人和他的黑暗帝国: https://www.spiegel.de/international/world/the-telegram-billionaire-and-his-dark-empire-a-f27cb79f-86ae-48de-bdbd-8df604d07cc8
5、老电脑如何安装 Windows 11[17]（英文）
Windows 11 发布测试版本后，很多人发现老电脑安装不了，因为有主板 BIOS 限制。本文介绍一种规避的方法。
[17] 老电脑如何安装 Windows 11: https://allthings.how/how-to-install-windows-11-on-legacy-bios-without-secure-boot-or-tpm-2-0/
7、浏览器的原生代理功能示例[19]（英文）
本文教你如何使用浏览器原生提供的代理功能，绕过 sci-hub 域名的访问限制。
[19] 浏览器的原生代理功能示例: https://fragile-credences.github.io/scihub-proxy/
3、gum[25]
一个命令行的 Git 用户管理器，适合需要不同身份，向不同仓库提交代码的情况。（@gauseen[26] 投稿）
[25] gum: https://github.com/gauseen/gum
[26] @gauseen: https://github.com/ruanyf/weekly/issues/1816
5、EssayKiller[29]
一个 AI 框架，可以自动根据给出的题目（上图），生成中文的命题作文，达到高中生作文的水平。（@dllen[30] 投稿）
[29] EssayKiller: https://github.com/EssayKillerBrain/EssayKiller_V2
[30] @dllen: https://github.com/ruanyf/weekly/issues/1818
6、T-Rex Runner[31]
Chrome 浏览器内置的“恐龙跳跃”小游戏，被网友从 JavaScript 改成了 C 语言版本。
[31] T-Rex Runner: https://github.com/shlomnissan/t-rex-runner-c
7、Rustpad[32]
一个开源的 Web 文本编辑器，主要特点是支持多人同时编辑。
[32] Rustpad: https://rustpad.io/
8、零宽度短网址生成器[33]
一个非常有创意的短网址生成器，看上去生成的短网址都一样，其实里面插入了不同数量的零宽度空格字符。
[33] 零宽度短网址生成器: https://zws.im/
4、具有源码的商业视频游戏[39]
维基百科的这个页面，列出了所有可以拿到源码的商业视频游戏，包括开源的游戏和源码泄露的游戏。
[39] 具有源码的商业视频游戏: https://en.wikipedia.org/wiki/List_of_commercial_video_games_with_available_source_code
作者: Qter 时间: 2021-7-9 09:55
https://mp.weixin.qq.com/s/HwEbvfQF6-P45R5tZ2VqMg本周话题：视频学习胜过读书吗？现在，网上的课程视频和讲座视频，越来越多。同样的内容，可以读书学习，也可以视频学习，大家喜欢哪一种？
我比较喜欢读书，实在没耐心视频学习。
书籍只要随手一翻，就知道大概的内容了，哪些章节需要重点阅读。视频行吗？不行，只能从头到尾，看完整个视频。看完才发现，10分钟的视频，只有1分钟是想听的。读书读到精彩之处，可以停下来慢慢琢磨，反复读上几遍。视频行吗？很麻烦，如果要回到10秒前，多拖几次播放轴，保证让你心情烦躁。
奇怪的是，我发现， 很多人宁愿看视频，也不想读书。
举例来说，我遇到过同学跟我说：老师，我想学习 React，你有好的视频教程推荐吗？你可以看文档啊，官方文档写得不错。老师，我觉得视频学起来更快，文档不好懂，看起来太慢了。
我感到很困惑，明明是读书的学习效率比较高，为什么别人不这样想呢？
最近，我读到一篇文章[4]，里面有一句话，让我恍然大悟，明白了为什么人们喜欢视频学习。
文章说， 人类学习效率最高的方式，不是“读书 + 思考”，而是“观察 + 模仿”。 前者需要较长时间的注意力投入，后者只需要短时间注意力，更符合人类的天性。
我一下子就想通了，有些知识，读书读半天也不一定明白，但是亲眼看别人做一遍，马上就能懂。即使不完全懂，至少知道怎么模仿。所以才会有“百闻（文）不如一见”，人们更容易接受形象的东西，而不是抽象的文字。
大部分领域的入门方式，都是“观察和模仿”，所以视频学习更有效。 对于深入学习，文字和书籍的效果可能好于视频，因为入门以后再往上走，“理解 + 思考”的作用越来越大，“观察 + 模仿”的作用越来越小。但是，大多数人需要的只是入门，成为专业工作者毕竟是少数。
所以，视频学习才是初学者更好的方式，或者说，视频是大众学习的主流，读书更适用于某个主题的进阶学习。
以前没条件视频学习，现在不一样了。智能手机的普及，使得以前没人拍的知识，现在都有人拍；宽带互联网的普及，又使得人们可以随时随地消费视频。我们已经进了视频学习的时代，视频网站可能是新时代的图书馆和印刷机。
4、离线互联网资源库[8]
美国加州大学的“离线互联网”（Internet in a box）迎来了8周年的纪念。
这个项目收集了互联网主要的免费资源，维基百科、可汗学院课程、OpenStreetMap 地图、电子书……，把它们放进一个移动硬盘，容量可达 1tb。
用户只需要使用一个树莓派，就能在没有网络的条件下，浏览和使用这些资源。这些设备赠送给不发达国家的学校，让没有上网条件的学生，也能使用互联网。
如果使用树莓派的 Zero W 迷你板，还可以把它封装成一个鼠标大小的主机，便携性就更好了，价格只要30美元。
[8] 离线互联网资源库: http://internet-in-a-box.org/
7、
美国科学家[11]发现，提早入睡可以减轻罹患忧郁症的风险。平时半夜1点钟入睡的人，如果提早到11点入睡，忧郁症发病率可以减少40%。
科学家猜测，原因可能是，早睡早起有助于照到更多的阳光，改变体内荷尔蒙分泌，进而影响情绪变化。
[11] 美国科学家: https://medlifestyle.news/2021/05/29/waking-up-one-hour-earlier-can-lower-a-persons-chance-of-major-depression-by-23-new-research-finds/
7、SQL 查询顺序[20]（英文）
SQL 的 select 查询语句有很多组成部分，本文介绍内部执行时数据库引擎的处理顺序（上图）。
[20] SQL 查询顺序: https://jvns.ca/blog/2019/10/03/sql-queries-don-t-start-with-select/
2、Flomo[24]
一款卡片式笔记软件，界面非常清爽，有跨平台多种客户端，支持多端自动同步。（@RangeChoi[25] 投稿）
[24] Flomo: https://flomoapp.com/
[25] @RangeChoi: https://github.com/ruanyf/weekly/issues/1821
3、Animista[26]
一个网页 CSS 动画工具，可自由配置各种动画特效，并生成代码。（@fish-404[27] 投稿）
[26] Animista: https://animista.net/
[27] @fish-404: https://github.com/ruanyf/weekly/issues/1824
4、TorrentNet[28]
这个工具是 BT 下载的种子文件（torrent）的本地搜索引擎。它的最大特点是不用下载整个索引数据库，就可以实现搜索。
[28] TorrentNet: https://github.com/lmatteis/torrent-net
7、Fluid Paint[31]
一个网页画板工具，可以定制笔刷，产生刷油漆的流体效果，非常精美，值得一玩。
[31] Fluid Paint: https://david.li/paint/
1、 写给 Node.js 程序员的 Rust 教程[35]
一篇英文的长篇教程，帮助 Node.js 开发者学习 Rust 语言，让你学会怎样写出能在 Node.js 运行的从 Rust 编译的 WebAssembly 代码。
[35] 写给 Node.js 程序员的 Rust 教程: https://itnext.io/deep-dive-into-rust-for-node-js-developers-5faace6dc71f
2、五笔输入法7天速成[36]
作者结合自身学习经历，收集整理了五笔输入法相关知识，按照每天2-3小时的时间，结合五笔练习[37]小游戏，预计一周时间即可掌握五笔输入法。（@yhf7952[38] 投稿）
36] 五笔输入法7天速成: https://github.com/ruanyf/weekly/issues/1830
[37] 五笔练习: https://wubigame.yantuz.cn/
[38] @yhf7952: https://github.com/ruanyf/weekly/issues/1830
4、古怪的 JavaScript[41]
这个网站给出了25道选择题，测试你对 JavaScript 的古怪语法点了解多少。
[41] 古怪的 JavaScript: https://jsisweird.com/
作者: Qter 时间: 2021-7-16 09:17
本帖最后由 Qter 于 2021-7-16 09:40 编辑
https://mp.weixin.qq.com/s/_jfRSKz_JtG9AN5PCx7q1g
。一个单纯的个人博客网站，有人居然写了这么多规则，重兵围剿。下面，我选几条，让大家看看它到底拦截了什么东西。
! 拦截脚本 checker.jsruanyifeng.com/blog/checker.js
! 隐藏指向 t.cn 的链接ruanyifeng.com##a[href^="http://t.cn/"]
! 隐藏含有“培训”的段落ruanyifeng.com##p:-abp-contains(培训)上面最后一条规则，就是不允许我写“培训”两个字，只要写了，该段落就会自动隐藏。这就是为什么开头的那个读者看不到两段文字的原因，因为里面正好有这个词。
最厉害的还是下面这条规则[9]，曾经出现在其他规则集里面。
ruanyifeng.com^$csp=script-src 'none'它可以禁掉所有 JS 脚本，包括内联的和外链的，防止你使用反拦截措施。有了这条规则，你的页面就运行不了 JS 了，就是这么霸道。如果想进一步了解过滤语法，可以阅读官方文档[10]和速查表[11]。
[9] 规则: https://adblockplus.org/development-builds/added-support-for-the-csp-filter-option
[10] 官方文档: https://help.eyeo.com/adblockplus/how-to-write-filters
[11] 速查表: https://adblockplus.org/filter-cheatsheet
3、详解像素和像素密度[19]（中文）
一篇长篇文章，详细解释像素、像素密度、DPI、PPI、DPR 等概念。（@Leon0824[20] 投稿）
[19] 详解像素和像素密度: https://blog.infolink.com.tw/2021/rediscover-pixel-dpi-ppi-and-pixel-density/
[20] @Leon0824: https://github.com/ruanyf/weekly/issues/1841
4、BitTorrent 20周年回顾[21]（英文）
BitTorrent 下载是2001年7月2日诞生的，距今正好20年了。本文简单回顾了这20年来的发展。
[21] BitTorrent 20周年回顾: https://torrentfreak.com/bittorrent-turns-20-the-file-sharing-revolution-revisited-210702/
5、我是怎样找出攻击者的？[22]（英文）
作者发现，自己的网站一直受到攻击，但是对方躲在 Tor 网络后面，看不到真实 IP 地址。
作者就想了一个办法，做了一个假的管理后台，然后在报错信息里面，故意泄露这个后台的网址，看看对方会不会上钩。
[22] 我是怎样找出攻击者的？: https://blog.0x3a.com/post/141950176719/playing-games-with-an-attacker-how-i-messed-with
8、如何测量程序执行时间[25]（英文）
本文使用通俗的语言，介绍如何测量程序执行时间，举了简单的 C 语言例子，一种方法是测量 CPU 执行周期，另一种方法是测量毫秒数。
25] 如何测量程序执行时间: https://serhack.me/articles/measure-execution-time-program/
2、PHP 在线开发环境[27]
一个网页的 PHP 软件开发环境，在浏览器里面 PHP 编程。
[27] PHP 在线开发环境: https://phpsandbox.io/
3、Utopia[28]
一个用户界面设计工具，在浏览器里面通过可视化操作，创建用户界面，实时生成对应的 React 代码。
[28] Utopia: https://utopia.app/
5、Kindle2Flomo[31]
Kindle 笔记导出工具，可以在线导出，然后写入笔记软件 Flomo。（@chempeng[32] 投稿）
[31] Kindle2Flomo: https://github.com/Tit1e/kindle2Flomo
[32] @chempeng: https://github.com/ruanyf/weekly/issues/1842
7、EFTP[35]
MacOS 的 SFTP 服务的开源客户端，用来向 FTP 上传或下载文件。（@newham[36] 投稿）
[36] @newham: https://github.com/ruanyf/weekly/issues/1843
8、check-if-email-exists[37]
一个 Rust 库，用来检查 Email 邮箱的可靠性，功能非常多，包括邮箱是否存在、是否为一次性地址、是否泄露过密码、用户有没有设置头像图片等等。
[37] check-if-email-exists: https://github.com/reacherhq/check-if-email-exists
1、数据包的旅行[39]
一组英文系列文章，介绍互联网的架构和原理，从数据包的构成到路由的概念，图文并茂，写得非常好。
[39] 数据包的旅行: https://www.practicalnetworking.net/series/packet-traveling/packet-traveling/
作者: Qter 时间: 2021-8-2 09:46
https://mp.weixin.qq.com/s/4rFOmi1YtoG027BVCeUWaQ
文章
5、关于微控制器的知识[16]（英文）
当代计算机越做越小，符合冯诺依曼架构的全套计算装置，已经可以做进一块芯片了，这种芯片式的计算机称为“微控制器”。本文介绍微控制器的基本知识。
[16] 关于微控制器的知识: https://blog.toit.io/what-you-need-to-know-about-microcontrollers-5fabd6d5b019
7、JS 脚本如何正确检测用户的设备[18]（英文）
用户经常使用伪装的 User-Agent 标头，隐藏自身的信息。本文给出了各种思路，如何用 JS 脚本，正确检测用户的上网设备。
[18] JS 脚本如何正确检测用户的设备: https://multilogin.com/why-mimicking-a-device-is-almost-impossible/
工具1、Orbit[20]
一个 React 的组件库，由旅游网站 Kiwi.com 设计，带有旅游休闲的风格。
[20] Orbit: https://orbit.kiwi/
4、MoviePy[23]
一个视频编辑的 Python 库，可以方便地编写脚本，进行各种视频操作，基于 ffmpeg。
[23] MoviePy: https://github.com/Zulko/moviepy
5、Ampache[24]
一个开源的流媒体服务器，允许远程访问托管的音频和视频文件，有点类似于 Plex。
[24] Ampache: https://ampache.org/
7、push-bot[26]
一个基于 wechaty 的微信推送机器人，可以用脚本向微信推送消息。（@tans[27] 投稿）
[26] push-bot: https://github.com/tans/push-bot
[27] @tans: https://github.com/ruanyf/weekly/issues/1856
8、织信[28]
一个面向企业用户的低代码平台，帮助企业不用写代码，就能搭建管理系统、业务平台、企业官网等，有免费使用的版本。（@hopper20[29] 投稿）
[28] 织信: https://www.informat.cn/
[29] @hopper20: https://github.com/ruanyf/weekly/issues/1866
作者: Qter 时间: 2021-8-11 09:36
https://mp.weixin.qq.com/s/76f7evXU2yyth5WR3TWdTQ文档工具 ShowDoc
它的代码完全开源，放在 GitHub[13] 上面，是一个热门项目，超过9000颗星。可以放心使用。
.如果你没有或者不想维护自己的服务器，可以使用官方的在线版[21]托管文档，不超过5人的团队都是免费的。对于那些自己架设服务的团队，官方提供收费技术支持[22]，帮助维护。
[13] GitHub: https://github.com/star7th/showdoc
[21] 在线版: https://www.showdoc.com.cn
[22] 收费技术支持: https://www.showdoc.com.cn/help/6199117240201189
文章
3、如何生成一个数独游戏[33]（中文）
作者介绍了自动生成数独游戏的编程思路。（@guanghechen[34] 投稿）
[33] 如何生成一个数独游戏: https://me.guanghechen.com/post/game/sudoku/
[34] @guanghechen: https://github.com/ruanyf/weekly/issues/1874
4、如何优化 node 项目的 docker 镜像[35]（中文）
作者介绍如何一步步将一个 Node.js 应用的 Docker 镜像文件，从 1.06G 压缩到 73.4M，构建速度从 29.6 秒提高到 1.3 秒。（@iamobj[36] 投稿）
[35] 如何优化 node 项目的 docker 镜像: https://juejin.cn/post/6991689670027542564
[36] @iamobj: https://github.com/ruanyf/weekly/issues/1873
5、好友关系的数据库设计[37]（英文）
用户互相加为好友，数据库应该怎么设计，才能方便以后查询和删改？
[37] 好友关系的数据库设计: https://minimalmodeling.substack.com/p/modeling-mutual-friendship
工具
2、Fakeflix[42]
网友写的 Netflix 的前端仿制品，用来练习 React + Redux 的用法。
[42] Fakeflix: https://github.com/Th3Wall/Fakeflix
6、Mousai[47]
一个开源的桌面软件，可以根据音乐，识别这是什么歌曲。
[47] Mousai: https://github.com/SeaDve/Mousai
资源
2、Rust 和 WebAssembly[53]
一本免费阅读的英文教程，介绍如何用 Rust 语言开发 WebAssembly 程序。
[53] Rust 和 WebAssembly: https://rustwasm.github.io/docs/book/introduction.html
3、信息检索导论[54]
一本免费阅读的英语教材，介绍搜索引擎的原理和基本技术。
[54] 信息检索导论: https://nlp.stanford.edu/IR-book/
5、Public API Lists[56]
这个 GitHub 仓库收集了各种专供软件开发使用的免费 API。
[56] Public API Lists: https://github.com/public-api-lists/public-api-lists
作者: Qter 时间: 2021-10-22 10:46
工信部推出的官方服务，查看个人名下登记了多少张电话卡。
“一证通查”电话卡服务: https://getsimnum.caict.ac.cn/
作者: Qter 时间: 2022-2-11 11:31
FFmpeg libav 教程: https://github.com/leandromoreir ... master/README-cn.md
作者: Qter 时间: 2022-2-18 09:31
Robert Nystrom 是一位拥有20年工作经验的谷歌软件工程师。他花了近10年时间，写了一本关于编程语言实现的书，2020年终于写完了。本文介绍这本书。
[27] 花10年写一本编程语言实现的书: https://catcoding.me/2022/01/12/ ... mming-language.html
[28] @chenyukang: https://github.com/ruanyf/weekly/issues/2198
作者: Qter 时间: 2022-2-25 09:56
本帖最后由 Qter 于 2022-2-25 10:13 编辑
7、Dropbox 的糟糕体验[20]（英文）
作者使用大量图片，比较 Dropbox 与开源的同步软件 Syncthing 的使用体验，前者完败。
https://github.com/syncthing/syncthing GO语言
[20] Dropbox 的糟糕体验: https://tonsky.me/blog/syncthing/
8、SyncedStore[31]
一个 JS 的实时同步库，允许多人实时协作，基于 CRDT 方法。
[31] SyncedStore: https://syncedstore.org/docs/
2、 Rust 语言数据结构和算法[34]
一本原创的中文 Rust 书籍。（@QMHTMY[35] 投稿）
[34] Rust 语言数据结构和算法: https://github.com/QMHTMY/RustBook/tree/main/books
[35] @QMHTMY: https://github.com/ruanyf/weekly/issues/2209
3、endoflife.date[36]
这个网站列出了几乎所有主流项目的生命周期列表，可以快速查询哪些版本还在支持，哪些版本已经过期，比如 node.js[37] 和 Python[38]。（@jerrylususu[39] 投稿）
[36] endoflife.date: https://endoflife.date/
[37] node.js: https://endoflife.date/nodejs
[38] Python: https://endoflife.date/python
[39] @jerrylususu: https://github.com/ruanyf/weekly/issues/2211
4、数字视频的工作原理[40]（英文）
这篇长文通俗地介绍了数字视频的生产和消费原理，后半篇是一个详细的 ffmpeg 教程。
[40] 数字视频的工作原理: https://howvideo.works/
文摘1、怎样会无法招聘到优秀工程师？[44]
今天的招聘市场上，每个人都想招到优秀工程师。但是，有一些因素，会让你错失他们，只招到没有其他地方可去的程序员。
(1) 缓慢的招聘流程
优秀工程师非常抢手，一出现在市场上就会被抢走。只要你把招聘流程放慢，每个阶段都要1到2周才给出回复，他们就会中途被其它公司雇佣。
（2）面试一些他们平时不做的事情
面试时，你问一些他们根本不拿手的、其它领域的问题，比如让前端程序员回答如何调试 MySQL 的性能。优秀程序员会对这种毫无意义的面试感到沮丧，从而自己放弃。
另一种情况是，你让他们把一个需要好多天工作的技术难题，带回家解答。优秀程序员根本不会有时间，用来解这种题目。技术难题耗费的时间越长、越复杂，优秀程序员越会直接拒绝这样做。
（3）只在本地面试。
你撒的网越小，发现宝物的机会也越小。如果限制只在一个小城市招聘，几乎就不会有机会遇到优秀程序员。尤其是还不提供远程工作。
另外，要求所有申请人自费到公司进行30分钟的面试，而你的公司又在很偏僻的地方，也很难招到优秀程序员。因为如果申请人愿意自费长途跋涉，这表明他们迫切需要一份工作。如果你不提供搬家费，但是申请人愿意从另一个城市搬到公司所在地，这也不是一个好的迹象。只有真正绝望的程序员才会自费搬家，为一家不知名的小公司工作。
（4）毫无激情的工作内容
优秀程序员对自己所做的事情，或者对于技术有很大的热情。他们通常把空闲时间都花在技术社区的活动，或者钻研 IT 技术和开源项目。如果你的工作把他们的时间占满，同时工作内容又无法让他们感到自豪或产生激情，优秀程序员就会产生反感。
（5）少付报酬
优秀程序员理应得到丰厚的报酬，要是你付给他们工资低于竞争对手，股权也很少，或者要在公司待很长时间才能得到股权，如果他们足够聪明，就会意识到为这点报酬，要待这么长时间是不值得的。
上面这些因素，保证让你雇佣不到优秀的程序员。但是，如果你把每一个因素都反过来做，那么很有可能雇佣到他们。
•快速招聘，迅速做出决定。•重视程序员的专长。•珍惜并尊重申请人的时间。•提供远程工作和搬迁费用。•不占用下班时间，为他们留出生活和业余爱好的空间。•支付公平的薪水，并让他们有涨薪的期望。
作者: Qter 时间: 2022-3-4 09:30
2、Grid 用于布局，Flexbox 用于组件[14]（英文）
CSS 的 Grid 布局和 Flexbox 布局，作用相似，经常有人讨论，两者的适用场合是什么。作者提出，Grid 布局应该用于页面，Flexbox 布局应该用于组件。
[14] Grid 用于布局，Flexbox 用于组件: https://ishadeed.com/article/grid-layout-flexbox-components/
4、从 Node.js 到 Rails[16]（英文）
作者从 Node.js 转到了 Rails，谈谈自己的感想。
Node.js 几乎每件事，都需要自己来技术选型或者重新发明轮子，Rails 正好相反，框架帮你决定了每件事，程序员需要理解这两种不同的开发哲学。
[16] 从 Node.js 到 Rails: https://nikodunk.com/a-node-js-developer-discovers-rails/
5、DNS 的查询过程[17]（英文）
作者使用 dig 命令，一步步演示 DNS 查询背后是怎么进行的。
[17] DNS 的查询过程: https://jvns.ca/blog/2022/01/11/how-to-find-a-domain-s-authoritative-nameserver/
2、Deskreen[23]
一个屏幕分享软件，可以把桌面电脑的屏幕（Windows、MacOS、Linux）分享到局域网内的任意设备，只要对方有浏览器就可以接收。
[23] Deskreen: https://deskreen.com/
3、数独求解[24]
新加坡总理李显龙多年前写的 C++ 数独求解程序。他毕业于剑桥大学，拥有数学学士和计算机硕士学位，参见他的 Facebook 原帖[25]。
[24] 数独求解: https://leetcode.com/problems/sudoku-solver/discuss/15796/Singapore-prime-minister-Lee-Hsien-Loong%27s-Sudoku-Solver-code-runs-in-1ms
[25] Facebook 原帖: https://www.facebook.com/leehsienloong/photos/a.344710778924968.83425.125845680811480/905828379479869/?type=3&permPage=1
5、Pixels Chain[28]
一个集体创作的像素画，用户通过连接自己的数字钱包，认领像素点，共同创造完成一幅画，然后做成 NFT。（@blackrabbit944[29] 投稿）
[28] Pixels Chain: https://www.pixelschain.com/
[29] @blackrabbit944: https://github.com/ruanyf/weekly/issues/2223
6、Base64 可视化转码[30]
这个网页工具可视化展示了 Base64 内部的解码编码过程。（@shfshanyue[31] 投稿）
[30] Base64 可视化转码: https://devtool.tech/base64
[31] @shfshanyue: https://github.com/ruanyf/weekly/issues/2231
7、Pixi Color Effects[32]
一个 JS 库，提供各种图片滤镜。（@carl-jin[33] 投稿）
[32] Pixi Color Effects: https://github.com/PixiColorEffects/pixi-color-effects
[33] @carl-jin: https://github.com/ruanyf/weekly/issues/2237
9、CyberChef[35]
一个开源网站，集合了上百种实用的小功能（比如 Base64 解码、提取 EXIF、生成 Hash 等等），都包括在一个网页里面。熟悉以后，非常好用。
[35] CyberChef: https://gchq.github.io/CyberChef/
10、SingleFile[36]
浏览器保存网页时，默认会生成一个 HTML 文件和一个文件夹。这个插件可以将网页的所有内容保存成单个 HTML 文件，把外部 JavaScript 和 CSS 文件变成页内脚本，并把图片都改成页内 Base64 字符串。（@shenzhw[37] 投稿）
[36] SingleFile: https://github.com/gildas-lormeau/SingleFile
2、WcoFun.com[39]
该网站提供大量动漫，免费在线观看。
[39] WcoFun.com: https://www.wcofun.com/
3、MyNoise[40]
该网站收集了200多种环境音，可以当作工作时的背景声。
[40] MyNoise: https://mynoise.net
4、CSS 中文入门教程[41]
作者学习 CSS 时整理的一份教程，参考了谷歌的 learn css。（@pengfeiw[42] 投稿）
[41] CSS 中文入门教程: https://github.com/pengfeiw/css-tutorial/tree/master/chapters
[42] @pengfeiw: https://github.com/ruanyf/weekly/issues/2229
5、Web Worker 中文播客[43]
两个前端程序员闲聊的中文音频播客节目，半年时间做了九期。（@Otto-J[44] 投稿）
[43] Web Worker 中文播客: https://www.xiaoyuzhoufm.com/podcast/613753ef23c82a9a1ccfdf35
[44] @Otto-J: https://github.com/ruanyf/weekly/issues/2228
6、矩阵乘法[45]
这个网站使用动画，演示两个矩阵相乘的计算过程。制作得还不错，可惜动画过程太复杂，不直观。
[45] 矩阵乘法: http://matrixmultiplication.xyz/
作者: Qter 时间: 2022-3-11 13:56
4、Node.js 逐行读取文件的四种方法[14]（英文）
本文介绍了四种方法，使用 Node.js 逐行读取文本文件。
[14] Node.js 逐行读取文件的四种方法: https://geshan.com.np/blog/2021/10/nodejs-read-file-line-by-line/
5、如何在 GitHub 上托管 PWA 页面[15]（英文）
PWA 指的是离线也能使用的网页应用。本文给出简单的设置步骤，让托管在 GitHub 上面的页面变成 PWA，离线也能使用。
[15] 如何在 GitHub 上托管 PWA 页面: https://christianheilmann.com/2022/01/13/turning-a-github-page-into-a-progressive-web-app/
6、npm audit 命令的作用和缺点[16]（英文）
Redux 作者 Dan Abramov 的文章，通俗地解释了 npm audit 命令的作用，就是检查每个包的安全漏洞，这部分写得很好。但是他认为该命令作用有限，反而有时像一种骚扰。
[16] npm audit 命令的作用和缺点: https://overreacted.io/npm-audit-broken-by-design/
7、我们为什么不选择 Slack 和 Telegram[17]（英文）
作者公司的产品要加入团队通信的功能，开始考虑的是集成 Slack 或 Telegram。但是最后都放弃了，改用开源软件 mesibo[18]。本文解释为什么这是更好的选择。
[17] 我们为什么不选择 Slack 和 Telegram: https://scribe.rip/@jimbk/why-we-chose-telegram-for-team-app-over-slack-and-microsoft-team-and-then-moved-away-from-it-2b87012d2095
[18] mesibo: https://mesibo.com/
8、Linux 进程的生与死[19]（英文）
本文是一篇科普文章，介绍 Linux 进程是怎么诞生（新建进程）的，又是怎么死亡（进程退出）的。
[19] Linux 进程的生与死: https://natanyellin.com/posts/life-and-death-of-a-linux-process/
1、Datawrapper[21]
著名的数据可视化生成工具，只要在网页上提交数据，经过几步配置，就能生成杂志级的可视化图表。不需要注册就可以免费使用。
[21] Datawrapper: https://www.datawrapper.de/
2、Photoview[22]
一个开源 Web 相册程序，Go 语言写的，使用 Docker 安装，可以用来快速架设个人相册。
[22] Photoview: https://github.com/photoview/photoview
3、No-JS fingerprinting[23]
一个用户指纹生成程序，最大特点是不依赖 JavaScript，即使用户禁止运行 JS 脚本，依然能够得到用户指纹。
[23] No-JS fingerprinting: https://noscriptfingerprint.com/
4、双精度浮点数的内部表示法[24]
这个网页工具可以显示64位双精度浮点数的内部二进制表示法，你可以输入一个数值，查看它的浮点数表示。（@shfshanyue[25] 投稿）
[24] 双精度浮点数的内部表示法: https://devtool.tech/double-type
[25] @shfshanyue: https://github.com/ruanyf/weekly/issues/2253
5、BaseMap[26]
一个开源的机房平面图（园区，楼栋，楼层，房间）绘制工具，也可用来生成办公室、工厂、园区的平面图。（@bojue[27] 投稿）
[26] BaseMap: https://github.com/bojue/BaseMap
[27] @bojue: https://github.com/ruanyf/weekly/issues/2243
6、Orange[28]
一个开源的跨平台文件搜索软件，用于搜索本机文件，简单好用。（@naaive[29] 投稿）
[28] Orange: https://github.com/naaive/orange/blob/master/README_cn.md
[29] @naaive: https://github.com/ruanyf/weekly/issues/2244
7、程序员做饭指南[30]
收集各种家常菜的菜谱，这是小程序版，另有 Web 版[31]。（@LeeJim[32] 投稿）
[30] 程序员做饭指南: https://github.com/LeeJim/HowToCookOnMiniprogram
[31] Web 版: https://github.com/Anduin2017/HowToCook
[32] @LeeJim: https://github.com/ruanyf/weekly/issues/2245
9、Remind[35]
一个简单的网页版思维脑图实现，可以用在自己项目里面。（@luvsic3[36] 投稿）
[35] Remind: https://github.com/luvsic3/remind
[36] @luvsic3: https://github.com/ruanyf/weekly/issues/2247
10、React Paint[37]
使用 React 实现的开源 Windows 画板。（@pengfeiw[38] 投稿）
[37] React Paint: https://github.com/pengfeiw/react-paint
[38] @pengfeiw: https://github.com/ruanyf/weekly/issues/2250
1、JustWatch[39]
这个网站可以查询某一部国外的影视作品在哪个平台（Netflix、Disney plus、Apple TV 等等）可以收看。
[39] JustWatch: https://www.justwatch.com/
2、GNU coreutils 解码[40]
Linux 基本的命令行工具（ls、cp、rm 等等）都是 GNU coreutils 工具包提供的，这个网站是对该工具包的详细介绍，逐一分析其中近100个工具的内部实现。
[40] GNU coreutils 解码: http://www.maizure.org/projects/decoded-gnu-coreutils/index.html
3、WebSocket 手册[41]（英文）
一本免费的英文电子书，详细介绍 WebSocket 的概念和用法。
[41] WebSocket 手册: https://ably.com/blog/introducing-the-websocket-handbook
5、Illlustrations[43]
一个艺术家开放自己的100多幅插图作品，免费下载。
[43] Illlustrations: https://illlustrations.co/
6、寻找完美的 URL 验证正则表达式[44]（英文）
作者测试了12个正则表示式，看谁能最正确地验证 URL。
Deno 其实比 Node.js 更易用。它没有 package.json，并且与浏览器使用同一套 API，原生支持 TypeScript 和 JSX 文件。它还可以让同一套代码，运行在前端和后端。
[44] 寻找完美的 URL 验证正则表达式: https://mathiasbynens.be/demo/url-regex
3、
Deno 其实比 Node.js 更易用。它没有 package.json，并且与浏览器使用同一套 API，原生支持 TypeScript 和 JSX 文件。它还可以让同一套代码，运行在前端和后端。
-- Hacker News 读者[49]
[49] Hacker News 读者: https://news.ycombinator.com/item?id=29872829
作者: Qter 时间: 2022-4-8 13:14
2、了解字体的基础知识[12]（中文）
设计师入门系列，介绍英文字体的基础知识，帮你认识各种字体名词。
[12] 了解字体的基础知识: https://sspai.com/post/71957
3、为什么国行 iPhone 不支持 5G 毫米波[13]（中文）
一篇两年前的文章，写得挺好，通俗解释了 5G 通信的毫米波频率（24.25GHz—52.6GHz）和 Sub-6GHz 频率（450MHz—6GHz）的差异。
[13] 为什么国行 iPhone 不支持 5G 毫米波: http://www.xinhuanet.com/tech/2020-11/04/c_1126695031.htm
4、毫米波雷达的巨大意义[14]（英文）
毫米波 60Ghz 是一个公共频率，就像 Wifi 的2.4Ghz 和 5Ghz 那样，可以自由使用。这个频率的波长短，导致穿透性差，但是它的带宽大，可以传送大量信息，适合当作近距离雷达使用，比如隔空感知手势（下图），有着巨大的应用前景。
[14] 毫米波雷达的巨大意义: https://www.joshhorne.com/mmwave-radar-and-ambient-computing/
5、Netflix 的发展之路[15]（英文）
本文总结了 Netflix 这家公司从1997年成立到2021年，每一年做出的各种尝试和改变，可以当作编年史来读。
[15] Netflix 的发展之路: https://www.aakashg.com/2022/01/18/netflix-experimentation/
8、浏览器的文件访问 API 入门[19]（英文）
浏览器现在提供了文件访问 API（File System Access API），允许网页 JS 脚本读写本地文件，本文是一个详细的介绍。另外，也可以参考 Webkit 官网对这个 API 的介绍[20]。
[19] 浏览器的文件访问 API 入门: https://css-tricks.com/getting-started-with-the-file-system-access-api/
[20] 介绍: https://webkit.org/blog/12257/the-file-system-access-api-with-origin-private-file-system/
1、Everything[21]
著名的 Windows 免费桌面软件，根据文件名，快速查找文件。
[21] Everything: https://www.voidtools.com/zh-cn/
2、SimpleLogin[22]
一个开源的邮箱别名服务，提供真实邮箱的别名，可以接收和回复邮件，所有邮件都会转到你的真实邮箱。它的免费版允许15个别名，但是代码开源，可以自托管。
[22] SimpleLogin: https://simplelogin.io/
3、Pkg[23]
这个工具可以将 Node.js 应用打包成单个可执行文件，没有安装 Node.js 也能执行。
[23] Pkg: https://github.com/vercel/pkg
4、Duck DNS[24]
一个免费的动态域名服务，允许用户注册 duckdns.org 的子域名，并且随时更新所指向的 IP 地址。
24] Duck DNS: https://www.duckdns.org/
9、BeeWare[29]
一个 Python 跨平台图形框架，号称只要写一次代码，就能编译出 iOS、Android、Windows、MacOS、Linux、Web 等各种平台的图形界面应用程序。
[29] BeeWare: https://beeware.org/
1、免费编程书籍[31]
这是著名仓库 free-programming-books 的一个书单分类，列出各门语言的免费书籍。
[31] 免费编程书籍: https://ebookfoundation.github.io/free-programming-books/books/free-programming-books-langs.html
4、OAuth 指南[35]
一篇非常详尽的 OAuth 身份验证的英文指南，各种模式和参数都介绍了。
[35] OAuth 指南: https://fusionauth.io/learn/expert-advice/oauth/modern-guide-to-oauth/
5、 ImageMagick 脚本[36]
这个网站将图像处理工具 ImageMagick 的常用操作，封装成脚本，方便下载使用，一共有200多个脚本。
[36] ImageMagick 脚本: http://www.fmwconcepts.com/imagemagick/index.php
作者: Qter 时间: 2022-4-15 20:14
本文使用大量图片，介绍石油钻井平台如何架设在大陆架上。中国最深的钻井平台，距海底有3000多米，这是怎么做到的。
4、Telegram 如何绕过谷歌翻译的 API[28]（英文）
外部软件调用谷歌翻译需要付费，但是 Telegram 没有付费就在使用它。Telegram 是开源的，有人就去看了代码，它是怎么做的，很有意思。
Telegram 如何绕过谷歌翻译的 API: https://danpetrov.xyz/programming/2021/12/30/telegram-google-translate.html
5、找出泄漏的 JavaScript 全局变量[29]（英文）
本文给出了一种方法，可以用脚本自动列出所有泄露到全局的 JavaScript 变量。
找出泄漏的 JavaScript 全局变量: https://mmazzarolo.com/blog/2022-02-14-find-what-javascript-variables-are-leaking-into-the-global-scope/
6、HTTP 协议的 QUERY 方法提案[30]（英文）
HTTP 的 GET 方法没有数据体，查询参数必须放在 URL。如果参数太多，URL 就非常混乱。这个提案建议增加一个 QUERY 方法，跟 GET 的唯一区别就是查询参数都写在数据体里面。
HTTP 协议的 QUERY 方法提案: https://www.ietf.org/archive/id/draft-ietf-httpbis-safe-method-w-body-02.html
7、POST 和 PUT 方法有什么区别？[31]（英文）
有的文档说，HTTP 协议的 PUT 方法用于新建资源，POST 方法用于修改资源；另一些文档说，应该反过来做。其实这两种说法都不完全对。
POST 和 PUT 方法有什么区别？: https://stackoverflow.com/questions/630453/what-is-the-difference-between-post-and-put-in-http
8、Linux 信号知识[32]（英文）
本文是一篇科普文章，介绍什么是 Linux 信号，以及它的基本用法。（@lyhellcat[33] 投稿）
Linux 信号知识: https://devopedia.org/linux-signals
1、Lexical[34]
脸书开源了最新的文本编辑器，目前脸书和 Instagram 官网用的都是它。它替代了脸书原来的 Draftjs，跟 Prosemirror 相比，更轻量、可配置性更高，缺点是文档目前不全。
Lexical: https://lexical.dev/
2、Orion 浏览器[35]
一种基于 Webkit 的新浏览器，只能用于 MacOS 和 iOS，但是能安装 Chrome 的插件，目前还是测试版。据说体验非常好，胜过 Safari。
Orion 浏览器: https://browser.kagi.com/
3、密码生成器[36]
一个在线的随机密码生成器。
密码生成器: http://www.icosaedro.it/PasswordGenerator.htm
4、Portmaster[37]
一个跨平台的桌面软件，可以监控本机的所有网络通信。
Portmaster: https://safing.io/portmaster/
6、SQLite Online IDE[40]
一个数据库在线管理工具，通过上传或在线连接，在网页上进行数据库管理和查询，支持 SQLite、MySQL、PostgreSQL 等数据库。
SQLite Online IDE: https://sqliteonline.com/
7、puml-for-markdown[41]
这个命令行工具可以将 Markdown 文档里面的 PUML 脚本，转为图片文件，再把图片链接插回 Markdown 文档。
puml-for-markdown: https://github.com/danielyaa5/puml-for-markdown
8、HubFS[42]
这个工具支持把 Git 仓库挂载到文件系统，然后就能像常规目录那样访问该仓库，包括读取各个分支和历史提交。它同时支持 Windows、Mac 和 Linux。
HubFS: https://github.com/winfsp/hubfs
2、Monorepo[47]
Monorepo 指的是多个相关项目放在同一个代码仓库里面。这个网站介绍了 Monorepo 的相关知识和工具。
Monorepo: https://monorepo.tools/
作者: Qter 时间: 2022-6-16 20:19
BiglyBT 一个开源的跨平台 BitTorrent 客户端，自带搜索、数据分析、块视图等大量丰富功能
BiglyBT: https://www.biglybt.com/
动画人物的现实版本[40]
一位巴西艺术家使用人工智能，生成了迪斯尼动画人物的人像版本。
阿拉丁
花木兰
卡尔老先生（《飞屋环游记》人物）
美少女战
动画人物的现实版本: https://www.cartoonbrew.com/tech/artists-uses-ai-to-create-photorealistic-versions-of-disney-and-simpsons-characters-213045.html
作者: Qter 时间: 2022-11-29 14:11
https://mp.weixin.qq.com/s/DIgDU1XmPr1tbExCBdwwcQ
好用的平面设计软件
我不是设计师，但是经常有一些设计需求。
举例来说，照片加几个美术字，当作视频封面，或者发到朋友圈。再比如，对图片进行编辑，做成简单的海报或者幻灯片，放到文章和文档里面。
有一天晚上，我心血来潮，重新听了以前的校园民谣，那些学生时代听烂的歌曲。里面有一首艾敬的《那天》[2]，多年以后再次听到，感触良多，忍不住想做成图片分享出来。
下面就是那天晚上使用设计软件，做出来的结果。大家不要见笑，对于我这样的非专业用户，这样的效果就基本满足需求了。
今天就想谈谈，个人开发者或者小企业，没有设计资源，怎么选择设计软件，自己动手搞定一些简单的插图和图片设计。
我用过的平面设计软件里面，最好用的大概非 Canva[3] 莫属。它有中文版 canva.cn[4]，中文译名叫做“可画”。
[3] Canva: https://www.canva.com/
[4] canva.cn: https://www.canva.cn/
它的好用体现在，内置了无数本土化的模板，请柬、通知、喜报、简历等等，无一不包。只要选中一个模板，改一下里面的内容，就有一个可用的作品了。它还提供很多素材和中英文字体，让你添加。
而且，它免费使用，专业用户才需要付费版。它还是一个网页应用，打开浏览器就能用，不必下载安装。
我查了一下，它早就是国际上的行业第一了，估值达到400亿美元[5]，排在全世界未上市的独角兽的第5位。
根据报道[6]，它也是大型互联网公司里面唯一一家女性创办和主管的公司。
Melanie Perkins 并不是技术出身，她曾就读于西澳大利亚大学，主修传播、心理和商业。她大学期间兼职教平面设计的过程中，发现处于“垄断”地位的 Adobe 使用起来门槛很高，同时对于学生党来说价格昂贵。于是，做一个不需要技术经验、人人都可用的设计平台的想法开始在她脑中萌生。
刚满19岁的她决定辍学，跟自己当时的同学、同时也是未来的丈夫 Cliff Obrecht 创立了一家名为 Fusion Books 的公司，提供了一种设计模板库，允许学生使用简单的拖放工具来个性化地设计自己的学校年鉴。
Canva 从一个学生作品，成长到今天这样的规模，反映了平面设计工具的市场有多大。
信息传播已经从文字时代，进入了图片时代和视频时代。这注定了平面设计工具和视频工具的市场将越来越大。
行业霸主 Adobe 公司和微软公司，自然不会坐视 Canva 独占这块肥肉，分别推出了竞品 Adobe Express[7] 和 Microsoft Designer[8]。
[7] Adobe Express: https://www.adobe.com/cn/express/
[8] Microsoft Designer: https://designer.microsoft.com/
这两个都是免费产品，如果你需要跟 Adobe 的 Creative 套件和微软的 Office 套件配套使用，可以考虑它们。
另外，周刊以前介绍过一款国产软件 ColorFu[9] 也不错。这个小工具主要用来做壁纸和海报，简单易上手，而且是开源的。
还有一个开源软件 Design Editor[10]，旨在提供一个开源的 Canva 替代品，适合拿来做二次开发。
[9] ColorFu: https://github.com/pearmini/colorfu
[10] Design Editor: https://github.com/layerhub-io/react-design-editor
中科大测速网站[34]
检测你的网速，代码开源[35]。（@xcuYao[36] 投稿）
34] 中科大测速网站: https://test.ustc.edu.cn/
[35] 开源: https://github.com/bg6cq/speedtest
9、Ebook Reader[40]
一个开源的网页阅读器，用来阅读 EPUB 电子书。
Ebook Reader: https://github.com/ttu-ttu/ebook-reader
物联网开发板模拟器[50]
这个网站模拟各种物联网开发板，比如树莓派 Pico、Arduino、ESP32等。你在网页上输入项目代码，可以看到硬件的模拟执行结果。
物联网开发板模拟器: https://wokwi.com/
| 欢迎光临 firemail (http://firemail.wang:8088/) |
Powered by Discuz! X3 |
