亿些自己近一年半里收集的网站（或链接）

时间：2024-4-23 17:34 作者：独元殇 分类： 开发相关

[toc]

## 前言好久没有写过博客了。我尚不清楚一个如我这么如此喜爱敲字的人，为何在自己的个人网站上很久都不发表一篇文章？可能是我的性格是内向 + 敏感吧（依我多年的经验，世界上分为四种人：外向不敏感、外向敏感、内向不敏感、内向敏感，这四种人的主观世界天差地别，无法相互真正理解），导致我感觉有点乱发文章惊扰人，也可能是这个世界诱惑太多吧，玩着玩着又是一个月。其实我私底下的文字产出还是很多，当然，大都是乱七八糟，以及问题的辅助思考（我敬佩大自然进化出了智人的思维，但我更敬佩智人发明了文字，因为文字，竟然可以把一个抽象的思维思考过程给记录下来，而且是完完整整的几乎毫无损耗的.....）。还有我的日记，我从前年年末开始每天写日记，到今天是真的一天都没有落下，一天都没有间隔，仅仅到现在，我那日记如果打印下来，亦完全就是一本书那么厚了。 ### 孤独要解决，但不能乱解决过去几个月的动荡，也都结束了。我突然发现，内向人（i 人）虽然喜欢孤独，但并不代表内向人不喜欢社交，只是因为大部分人的社交方式其本质是相互掠夺能量，这种社交内向人是完全不能接受的，内向人其实是需要社交的，只是很难找到适合的社交方式，而据我的经验，各种互联网社区的社交恰恰是最完美的适合内向人的社交，可以极高的提高内向人的生活质量。虽然人与人的物理接触是不可缺少的，但网络上的社交对于内向人来讲带来的感受同样强烈。解决孤独的方式，首选是做一些产出性的东西，其次就是与他人做出联系。当然，这两件事情也可以结合：同样一件事（产出性），自己独立去做做不下去，但一旦这件事与其他人产生了联系，比如承诺、利益相关等等，那这件事就会在压力下被完成下去。这也是“在公司里工作”的本质：即使是流水线类的承上启下机械型事情，其实也不会感到孤独，比如设计师，千篇一律，但不能停，停下来后面的流程的负责人就都遭殃了。但解决了孤独并不意味着如果这件事会提升人的幸福感，如果仅仅是不孤独，但这件事自己也不喜欢，那..... 解决孤独问题带来的也可能是不幸福。 ### 鸡汤其实不如红牛有用当然，从初三开始，我就在不停的为自己灌各种鸡汤，妄想使用鸡汤，让自己变的有出息了，或者说寻找到某几个字组成的话，就能让我脱胎换骨。即使是近一段时间也是如此。emlog pro 有个笔记（前几个月，那多老大将其名称重回经典的“微语”）功能，对我来讲简直是完美的笔记软件。为什么完美？拿抖音举例，我们知道，抖音上，视频有两种收藏方式，一个是点红心、一个是点五角星，它们一个叫“赞同”，一个叫“收藏”，都可以把自己喜欢的视频收藏起来，我不知道别人是怎么用这两功能的，我认为碎片时间懒惰的人玩抖音，那必然是不太注重收藏时一个个分类的，都是一股脑扔到收藏里。而恰好抖音提供了两种收藏方式，那好了！very good！o(￣▽￣)ｄ这也是一个分类方式 --------- 我是：美女，我点小五角星收藏，其他，我点小红心收藏。 emlog 也是如此，我平时，文章正常发，而一些摘录的文字发文字，肯定是不能发文章吧，那就发笔记里。当然，这个笔记是不能在前台看见的，哈哈，其实正合我愿，我就会把一些乱七八糟的让自己觉得好玩的东西都发进笔记里了，不会在乎丢人不丢人了。为了快速发文字，我甚至做了个网页， https://www.ccgxk.com/363.html ，同时，为了方便在手机上法笔记，我直接把我的手机最显眼的图标位置设置成了这个地址的浏览器快捷方式： [![](https://img1.ccgxk.com/ccgxk-oss/7NuNsr20240423181525.jpg?imageView2/2/w/420/h/460/ignore-error/1/)](https://img1.ccgxk.com/ccgxk-oss/7NuNsr20240423181525.jpg) 我的手机桌面截图，圈出部分为快捷方式 [![](https://img1.ccgxk.com/ccgxk-oss/7NeqEK20240423183758.jpg?imageView2/2/w/420/h/460/ignore-error/1/)](https://img1.ccgxk.com/ccgxk-oss/7NeqEK20240423183758.jpg) 点开后就是这样，那两个大按钮，一个是去空行，一个是发布。为什么设置那么大？因为这样手机操作方便。为什么没写字？因为写字会影响按钮的触控。超级方便，我的个人网站可不仅仅是我的个人网站，实际上也是我的超级方便笔记本！记录在自己云端的东西，比记录在哪里都要舒坦。慢慢的一年多过去了，里面记录了三千多条内容，有鸡汤，有趣文字、有提醒事件、有计划、有收藏的网页链接、有注意事项、有感人的故事......... 其中鸡汤，我单独整理了一份 -----> [点此查看 txt（UTF-8 格式）](https://img1.ccgxk.com/ccgxk-oss/7Nah6C20240423182515.txt "点此查看 txt（UTF-8 格式）") 。其实吧，随着时间的发展，我渐渐发现，其实人的几乎一切意志，都是以身体状态为基础的。身体状态好，根本不用灌鸡汤。身体状态差，灌多少鸡汤都没用。鸡汤其实就是一个神仙像一样，基本没什么作为（可能有给人的一点点慰藉，也仅仅如此），却把所有的功劳名誉都抢走。其实如果你觉得自己需要喝鸡汤的时候，不如去喝一罐红牛，那个是真的有用！身体状态变好了，做什么都如削泥。 ### 尚不知，到底是什么在阻止我变得有出息 😂😂 看着我身边的人一个个都变得活的有模有样，看着各种社交平台上的土鸡，在通过自己的“神奇”的所谓的蜕变之下，纷纷变成贵公子贵少爷贵领袖贵大爷，我说实话，好慌张 😭。我起码从初中一年级的那某个清晨.....想做个有出息的人.....开始，这一路上我就一直在严格要求自己，与自己的各种身体魔鬼做斗争，用各种大道理重塑自己的三观，到如今精疲力竭了，但我不仅没有变得有出息，反而混的连个普通人的样子都不像了。当然，我也知道，人不能贪心，现在这个样子怎么也比残疾人好，但...... 我也很想知道我到底哪里搞错了。一路上我其实不仅在努力变好，和自己那注意力极差、极其恐惧做题和学习的本性做斗争，更是在疯狂寻找那些关键的拖我后腿的因素。我很想知道，自己其实对“变得有出息”是十分虔诚的，但自己为什么没有办法变得有出息？我依然在寻找。其实对于身边从小到大接触过的各种天才来看，我现在真的可以十分确定一点：他们变得优秀，是因为他们就是能变得优秀，你不能。他们肯定有努力，但绝不是因为努力。就是很自然而然的，就...... 牛逼了。很气。而且还是从小牛逼到大！更可怕的是，他们还是会自诩一切都是努力，并且把失败的人归为不努力，然后各种贬低 ...... 可怕吗？有点可怕，但还好，只是侮辱。看看大自然，一只水上的鸟，直接就能把一只手机大小的老鼠活吞了，相比这种可怕，那种可怕不算什么。老天赋予的，并不一定就完美，他们从小幸福阈值就因此变得如此之高，以至于长大后会更麻木。

附赠鸡汤，我单独整理了一份，是我去年收集的 -----> 点此查看 txt（UTF-8 格式）。

正文

以下是我这一两年来收集的各种有意思的网址，没错，就是使用上面提到的笔记记录网页一条条记录的，不知不觉中已经搞了很多了（当然，最近的可能没有收录）。

这些地址在我眼中，其实也是一些自己欠下的债（收藏了但基本没有看过），有中文的，有外文的，有博客，有项目，有网站，什么都有，总之，都是我想去看的。最开始是在我的笔记列表里与鸡汤等混乱交织着，后来有天，我想重温一遍，就把它们分成了四类。

技术类
一些总结的信息
故事
有趣的网站或工具

真心希望有一天，我能真正的看好、用好这些地址（包括现在我一直收集着的），真正享受到知识的复利的力量。

当然，众乐肯定要比独乐好，都收集了这么多，分享出来决定也是个有意义的事情。说不定某个链接没改了我的命，却把你们谁的命改了，然后这个世界上又蹦出个贵姥爷贵娘子..... 那也很好。

技术类

https://read.engineerscodex.com/p/how-pinterest-scaled-to-11-million 2012年，Pinterest 成立不到两年，每月用户就达到了1100万，这时它只有6个工程师。本文介绍 Pinterest 的早期架构，如何用最少的人力支撑大量用户。

https://www.builder.io/blog/structured-clone 这个博客模版也很漂亮。。JS 新增的全局方法structuredClone()可以实现对象的深拷贝。本文详细介绍该方法相比其他方法的优点，以及局限。

https://codersblock.com/blog/the-surprising-things-that-css-can-animate/ 本文介绍一些高级的 CSS 动画技巧。

https://notes.eatonphil.com/compiler-basics-lisp-to-assembly.html 本文用 JavaScript 语言演示如何写解析器，将代码转为抽象语法树 AST，然后再写编译器，将其转为汇编语言。

https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ Tailwind CSS 框架的作者谈自己如何一步步探索，写出与 HTML 代码彻底分离的、可以复用的 CSS 样式表。

https://martinrue.com/my-engineering-axioms/ 作者总结了他心目中软件工程的25条公理。我觉得总结得挺好，比如"产品是资产，代码是负债"、"好的代码是易于删除的代码"、"坚持小团队，小心地对待团队成长"等等。

https://blog.georgovassilis.com/2016/04/16/advanced-web-security-topics/ 本文收集各种网页入侵的技术，已经收集了十多种。

https://nlrx-wjc.github.io/Learn-Vue-Source-Code/ 逐行剖析 vue 源码。文笔很不错！

https://www.paperplane.app/post/print-css-basics 一篇简短的教程，讲解如何使用 CSS 设置网页打印时的样式。

https://blog.bhanuteja.dev/noopener-noreferrer-and-nofollow-when-to-use-them-how-can-these-prevent-phishing-attacks 为了安全性，网页链接最好设置rel="noopener noreferrer nofollow"，本文介绍这三个值的作用。

https://www.wisdomgeek.com/development/web-development/css-has-a-parent-selector-now/ CSS 以前只有子元素选择器，但是现在有了伪类:has()，可以通过子元素选中父元素。

https://practicaltypography.com/ 免费电子书，介绍网页排版的知识。

http://minifesto.org/ 作者解释了什么是极简主义的态度开发软件。

https://coyleandrew.medium.com/design-better-data-tables-4ecc99d23356 本文采用大量示意图，展示了表格应该怎么设计，才能让用户获得最佳的使用体验。

https://architecturenotes.co/fallacies-of-distributed-systems/ 关于分布式系统的一些误解

http://youmightnotneedjs.com/ 你可能不需要 JavaScript 的一些场景

https://jakelazaroff.com/words/web-components-will-outlive-your-javascript-framework/ 作者需要一个页面效果，最终选择了 Web 组件来实现，这样可以与任何框架匹配。否则，换了一个框架，就需要重新实现。

https://developer.chrome.com/blog/css-wrapped-2023?hl=zh-cn Chrome 团队的总结，2023年 CSS 增加了哪些功能。

https://umaar.com/dev-tips/240-css-overview-improved/ 开发者工具里面提供 CSS 样式表的概况统计

https://defensivecss.dev/ 哇，这个我必须得看，书里也必须得写。这个网站收集各种防御性的 CSS 技巧，防止客户端出现各种破坏 CSS 显示的情况。

https://www.invisionapp.com/inside-design/typography-tips/ 排版入门

https://arco.design/ 字节跳动推出的企业级设计系统，提供丰富的原子组件，同时支持 React 组件库和 Vue 组件库，可以进行各种定制。

https://www.tinyblog.dev/blog/2020-07-13-javascript-roro-pattern/ 提高 JavaScript 的可读性的小妙招

https://daverupert.com/2023/07/why-not-webcomponents/ 为什么 webcomponents 不流行？

https://deno.com/blog/the-future-of-web-is-on-the-edge web 的未来是边缘网络

https://kittygiraudel.com/2022/09/30/templating-in-html/ HTML 中的 < templation > 这个元素怎么用

https://google.github.io/styleguide/ 谷歌内部对各个语言的编程风格规范的要求

https://blog.bolajiayodeji.com/the-security-vulnerabilities-of-the-target-blank-attribute 一篇老文章，介绍网页< a >标签的target="_blank"属性打开新窗口时，会使得新窗口可以引用原始窗口，因此可能有安全风险。

https://github.com/stephentian/33-js-concepts 每个 JavaScript 工程师都应懂的33个概念

https://3perf.com/talks/web-perf-101/ 网页性能的一些基础知识，适合前端学习，也是一个挺有趣的网页

https://www.swyx.io/css-100-bytes 100 字节的 CSS 初始设置，似乎有点意思。

https://css-tricks.com/html-vs-body-in-css/ CSS 属性如果要对整张页面生效，可以定义在，也可以定义在，本文介绍两者的区别。

https://www.amitmerchant.com/textarea-auto-increase-height/ 很实用，使用一个 CSS 里的 form-sizing 属性，达到输入框文字自适应高度的效果

https://www.redblobgames.com/making-of/draggable/ 网页上的可拖动对象没有那么简单，本文章讲解。

https://www.igorkromin.net/index.php/2018/09/06/hijacking-html-canvas-and-png-images-to-store-arbitrary-text-data/ 将数据储存在 canvas 里面，有意思！

https://hackernoon.com/how-to-build-iphone-calculator-using-flutter-fe934ce78d7e 如何使用 flutter 做一个类似 iPhone 计算器的 APP？

https://www.paralect.com/blog/post/development-process-startup-founders-should-use-to-ship-features-weirdly-fast 创业公司加快代码开发速度的方法

https://tobiasahlin.com/blog/responsive-fluid-css-type-scales/ 如何让字体随着浏览器窗口的大小变化进行变化。CSS 细节，还挺有意思的。

https://krebsonsecurity.com/2021/09/does-your-organization-have-a-security-txt-file/ 一个有意思的传统越来越多的大公司开始在服务器放置"Security.txt"文件，这是一项新提议的标准，该文件用来描述网站的安全政策和漏洞联系方式。

https://shkspr.mobi/blog/2021/09/how-to-add-issn-metadata-to-a-web-page/ 个人网站还能申请这玩意儿，挖槽！作者介绍怎么为自己的个人网站，申请了一个 ISSN（国际标准期刊号），便于被学术期刊引用。

https://ianthehenry.com/posts/peggi/ 哇，好强的灵感，八个键就能映射打字！

https://charliegerard.dev/blog/aircraft-radar-system-rtl-sdr-web-usb/ 卧槽，真有人用 web USB 来做东西，有趣！

https://webmasters.googleblog.com/2019/09/evolving-nofollow-new-ways-to-identify.html 谷歌宣布，除了nofollow以外，新增两个 HTML 语言中的链接说明，帮助搜索引擎更好地判断链接的性质。赞助商和用户提供的。

https://go-compression.github.io/ 一个面向初学者的英文的简单教程，介绍数据压缩知识，了解压缩算法。

https://developer.chrome.com/blog/present-web-pages-to-secondary-attached-displays/ 一个新奇的玩意，虽然很多年了。可以定制第二块屏幕，拓展屏的内容？？？ Chrome？？？

https://blog.torproject.org/browser-fingerprinting-introduction-and-challenges-ahead 追踪用户的常用手段，是使用 Cookie 保存用户 ID。新的追踪手段是使用浏览器指纹。本文介绍一些这方面的基本知识。

https://joshbradley.me/object-collisions-with-canvas/ 好有意思啊，制作一个碰撞小球 canvas 效果。

https://posthog.com/blog/automating-a-software-company-with-github-actions 使用 github action 的一些例子，另外，这个网页也很漂亮。

https://brennan.io/2015/01/16/write-a-shell-in-c/ 几十行 C 代码，来写一个 shell

https://cp-algorithms.com/ 编程竞赛里面常见的几十种算法

https://www.smashingmagazine.com/2019/08/faster-image-loading-embedded-previews/ 网页图像可以先加载预览图像，然后再自动加载完整图像，这样有助于提高网页性能。本文总结了图像预览的几种方案。

https://moderncss.dev/ CSS 高级教程，讲解新的 CSS 语法如何解决一些传统问题，一共有30多课。

https://sausheong.github.io/posts/cross-platform-games-with-go/ 用 Webview，开发一个跨平台的桌面打飞机游戏。

http://www.montulli.org/lou/about_urls "about: "开头的网址，返回与浏览器本身相关的内容，最常用就是空网址 about: blank ，以及 about:history 。

https://engineering.videoblocks.com/web-architecture-101-a3224e126947?gi=1d3de2ad5843 本文介绍大型网站架构的基本知识。

https://developers.google.com/web/updates/2018/09/inside-browser-part1 谷歌官方的系列文章，一共有四篇。采用多幅图片，一层层从计算机底层一直到浏览器渲染引擎，介绍 Chrome 浏览器渲染网页的工作原理。

https://www.figma.com/blog/how-we-built-the-figma-plugin-system/ 如何安全运行他人的 JavaScript 代码？

https://blog.greenroots.info/10-lesser-known-web-apis-you-may-want-to-use 10个你可能不知道的 Web API

https://www.bit-101.com/blog/2020/09/git-based-wiki/ 如何使用 GitHub 管理个人笔记

https://css-tricks.com/css-logical-properties-and-values/ CSS 盒状模型的 block 和 inline 之分

https://tushar.lol/post/builtins/ 学习 python 的所有内置函数

https://robertovitillo.com/default-timeouts/ 本文是一个提醒，进行异步操作的时候（比如 AJAX 请求），要设置超时。

https://www.plainenglish.co.uk/index.php 本文介绍几个很实用的英语写作规则，帮助你写出简单易懂的英语。

https://ishadeed.com/article/figma-css/ Figma 操作面板使用 CSS 网格来实现，作者详细介绍它的实现

https://obsoletenerd.com/2022/09/01/solving-the-australian-signals-directorate-cryptography-challenge-coin 一个破解硬币上密码的博文，当然，这个网页也是相当炫酷

https://emailselfdefense.fsf.org/zh-hans/ 一个很漂亮的网页，关于加密电子邮件的

https://www.knowledgeformen.com/alternatives-to-college/ 一个老外写的关于不上大学的几个平替

http://www.hutter1.net/prize/index.htm 一个关于文本压缩的大赛，看起来很有意思

https://remysharp.com/2019/08/06/predictably-random 一个关于随机数函数的小测试

https://www.smashingmagazine.com/2020/08/comment-system-firebase/ Firebase 是谷歌的实时数据库服务，本文是一个详细教程，通过网页截图，教你一步步使用它来储存前端数据。

https://css-irl.info/detecting-hover-capable-devices/ 在 CSS 中的移动设备的 :hover

https://sqlfordevs.com/ebook 一本免费英文电子书，介绍一些高级的 SQL 语句的用法

https://thomaspark.co/2020/06/the-mad-magazine-fold-in-effect-in-css/ 很酷的一个使用 CSS 实现的折页效果

https://double-trouble.dev/post/typescript-tips/ typescript 的 5 个使用小技巧

https://lospi.net/c/c++/programming/developing/software/2019/07/28/cpp-crash-course.html -- 《我写了一本 C++ 教材》

https://pandolia.net/tinyc/ 一本中文电子书《动手写编译器》

https://hacks.mozilla.org/2021/08/mdns-autocomplete-search/ 本文介绍 Mozilla 的文档网站如何实现搜索框的自动补全功能。

https://thepalindrome.org/p/matrices-and-graphs 本文是一篇教程，介绍矩阵与图之间的密切关系虽然看不懂，但感觉很优雅！

https://pudding.cool/2018/02/waveforms/ 一个很牛逼的网站，配合很多 js 动画，讲述“波”是怎么一回事

https://betterwebtype.com/web-typography-resources/ 如何制作一个阅读舒服的英文网站网页

https://nystudio107.com/blog/the-css-background-image-property-as-an-anti-pattern CSS 的 background-image 属性是反模式

https://artem.krylysov.com/blog/2020/07/28/lets-build-a-full-text-search-engine/ 作者通过一个简单的例子，讲解全文搜索引擎的原理，自己如何实现倒排索引。

https://read.douban.com/reader/ebook/322579268/ 介绍如何向企业用户销售软件，即如何做 toB 的生意，豆瓣网阅读小册子，免费阅读。

https://ciechanow.ski/naval-architecture/ 一个配备了大量 JS 小程序的精美的博客文章，讲述船舶的漂浮原理。

https://cjting.me/2021/08/07/fourier-transform-and-audio-visualization/ 讲述声音的声波可视化的原理，非常好的一篇文章

https://treevis.net/ 各种数据可视化的案例，可作为一个灵感激发页面。

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs 本文介绍网页的 Favicon 现在应该怎么写。也是一个 UI 很独特的网页。

https://www.stxnext.com/blog/how-to-build-a-good-api-that-wont-embarrass-you 如何构建一个优秀的 API。REST 和 GraphQL 的最大区别是处理缓存的方式。当你用 REST 方式构建 API 时，基本上可以自动获得 HTTP 的缓存能力。如果选择 GraphQL，你就需要自己为客户端或应用程序添加缓存。

https://zellwk.com/blog/polymorphism-javascript/ JavaScript 语言的多态

http://dongchaoyang.top/text-to-sound-synthesis-demo/ 文字利用 AI 转语音

https://josephg.com/blog/crdts-are-the-future/ 这篇文章解释和比较了 CRDT 和 OT 这两种多人的实时同步算法，它们主要用来实现多人同时编辑文档。

https://staysaasy.com/product/2022/03/23/expanding-saas-business.html 扩展 SaaS 业务的方法

https://www.nngroup.com/articles/ai-paradigm/ 《AI：60年来第一个新的 UI 范式》

https://programmingsoup.com/history-of-javascript-frameworks JavaScript 框架的历史

https://k3tan.com/starting-a-new-digital-identity 如何隐藏自己的网络身份

https://developers.redhat.com/blog/2018/06/28/why-kubernetes-is-the-new-application-server 为什么以后发布应用的时候，不是直接发布在服务器上，而是通过 Kubernetes 发布。

https://github.com/donnemartin/system-design-primer/blob/master/README-zh-Hans.md 大型 Web 应用最关键的就是架构，最难的也是架构。这份教程整理了这方面需要知道的知识。

https://blog.container-solutions.com/10-predictions-for-the-future-of-computing 一个云计算专家预测软件未来的10个变化，可以当作一家之言看看。

https://www.sakowi.cz/blog/cloudflared-docker-compose-tutorial 使用 Cloudflare Tunnel 隐藏你的服务器

https://xuanwo.io/reports/2022-30/ 如何维护一个开源项目

开源项目：blind-watermark基于频域的数字盲水印。GitHub地址: https://github.com/guofei9987/blind_watermark

https://apsdehal.in/blog/chrome-developer-tools-to-master Chrome 浏览器开发者工具教程

http://lucb1e.com/rp/cookielesscookies/ 不使用 Cookie 如何追踪用户？不使用 cookie 而使用缓存的比如头像这东西来追踪用户

https://davesmyth.com/things-i-wish-id-known-about-css 一些容易被忽略的 CSS 基础知识

为什么做 Ruby 器，https://mpov.timmorgan.org/i-built-a-ruby-parser/ ，了解一个大型项目怎么做出来

https://blog.openreplay.com/how-to-use-chrome-as-a-code-editor-and-debugger 浏览器开发者工具调试 js 的深入教程

使用 https://engineering.kablamo.com.au/posts/2023/media-queries-and-responsive-design/ CSS 制作 MEDIA 制作响应式页面的教程

https://bellard.org/quickjs/ ffmpeg 的作者写的 JavaScript 引擎。他等于自己从头实现了一个简化的 V8，这也太猛了

https://mp.weixin.qq.com/s/xf7qb4oAVHyi4_U32FSKPA Postgres 还是 MySQL，对比

https://code.joejag.com/2016/anti-if-the-missing-patterns.html 如果不使用 if 语句，该如何行事？

https://pragmaticpineapple.com/how-did-vim-become-so-popular/ VIM 的前世今生。

http://www.observationalhazard.com/2018/06/history-of-web-programming.html web 技术的发展史，据说服务端写的比较好。

https://generativeartistry.com/tutorials/ 用 js 来生成艺术图的教程

https://riccardoscalco.it/textures/ 一个 js 的纹理库，有意思。

https://calebporzio.com/i-just-hit-dollar-100000yr-on-github-sponsors-heres-how-i-did-it github 的 sponsor 真的管用

https://phiresky.github.io/blog/2021/hosting-sqlite-databases-on-github-pages/ 静态网页使用 sql.js 和 sqlite 来查询数据

https://learningsynths.ableton.com/zh-Hans 一个关于声音的教程，看起来还挺有意思的。

https://yjdoc2.github.io/8086-emulator-web/ 汇编语言编写模拟器，好像很有意思

https://adrianmejia.com/blog/2018/04/28/data-structures-time-complexity-for-beginners-arrays-hashmaps-linked-lists-stacks-queues-tutorial/ 数据结构的 JavaScript 之实现，貌似对我很有帮助

https://francoisbest.com/posts/2021/hashvatars 一个很牛逼的大佬写的哈希转雨伞 svg

https://www.holistics.io/blog/the-rise-and-fall-of-the-olap-cube/ 为啥在大型仓库里，更加首选列数据库呢？

https://markodenic.com/html-tips/ 一些不为人知的 HTML 技巧

非专业设计师需要知道的 4 个设计原则。 https://www.freecodecamp.org/news/fundamental-design-principles-for-non-designers-ad34c30caa7

https://hackway.org/docs/cs/intro 计算机专业的学习路线，北大牛人整理

https://developer.chrome.com/blog/introducing-popover-api/ Chrome 内置的弹出层 API，很有意思

https://medium.com/biffures/part-5-hashing-with-sha-256-4c2afc191c40 如何实现哈希算法

https://refactoringguru.cn/design-patterns 好漂亮的一个网站，中文介绍各种编程设计模式。学习必备啊！

https://board.asm32.info/asmbb-v2-9-has-been-released.328/ 世界上最快的 BBS 系统。采用汇编编写。

https://web.dev/security-headers/ HTML 标头中的一些关于安全的内容

https://www.smashingmagazine.com/2022/03/html-attributes-you-never-use/ 一些小众，不为人知的 HTML 属性

https://leanpub.com/langchain/read 两个开源 ai 项目的搭建，是一个英文的电子书，对于搭建 ai 开源模型很有帮助

https://www.producthunt.com/products/dora-ai-alpha AI 生成网页

https://brycevandegrift.xyz/blog/stop-saying-c-and-c++/ C++ 和 C 是很不一样的语言

https://interestingengineering.com/innovation/humane-ai-wearable-potential-iphone-killer 一种可能性，穿戴式投影设备是“智能手机”的未来

https://www.leancloud.cn/ 凸(艹皿艹 )，这特么不妥妥是 json 小云的竞争对手吗？

https://open.gridea.dev/blog 本地编译博客

https://paragonie.com/blog/2019/05/wordpress-5-2-mitigating-supply-chain-attacks-against-33-internet WordPress 如何实现签名验证机制

https://fabiensanglard.net/doom_fire_psx/index.html 如何实现火焰效果 doom

https://jonatron.github.io/webgl-fingerprinting/ 使用 WebGL 来追踪用户

https://ma.ttias.be/theres-more-than-one-way-to-write-an-ip-address/ ip 地址的不同写法

https://blogs.cfainstitute.org/investor/2019/03/04/10-rules-for-forecasting/ 介绍未来的 10 个规则，比如回归均值。有空看看。

https://fingerprint.com/blog/external-protocol-flooding/ 通过检测用户桌面安装了什么应用，来生成用户指纹

https://refactoring.guru/design-patterns/catalog 设计，模式的教程，这个页面也挺好看的

https://blog.replit.com/code-editors ace codemirror 的比较

https://illustrated-machine-learning.github.io/index.html 机器学习图解，，以后学机器学习喽

SQL 的命名 https://launchbylunch.com/posts/2014/Feb/16/sql-naming-conventions/

http://www.cs.otago.ac.nz/staffpriv/ok/Joe-Hates-OO.htm 为啥面向对象编程很糟糕...

https://www.scotthyoung.com/blog/2019/04/17/7-realistic-drawing-skills/ 如何画一副，栩栩如生的画

http://www.timcasasola.com/blog/writing 为啥工作中，写作如此重要。。。。跟写作有关，我要看看

https://blog.csdn.net/xindoo/article/details/105875239 使用 200 行 java 实现一个正则表达式引擎

https://aralroca.com/blog/opencv-in-the-web 如何在浏览器中使用 OpenCV？看起来有意思

https://www.matuzo.at/blog/html-boilerplate/ HTML 页面模板介绍

https://www.matuzo.at/blog/i-totally-forgot-about-print-style-sheets/ 如何写打印表样式

https://www.noulakaz.net/2007/03/18/a-regular-expression-to-check-for-prime-numbers/ 一个可以检查质数的正则

https://www.deeplearning.ai/short-courses/chatgpt-prompt-engineering-for-developers/ 如何使用 chatGPT 提示

https://cohost.org/mcc/post/1406157-i-want-to-talk-about-webgpu 介绍 WebGPU ，当然，这个网站也很有意思

https://24ways.org/2018/fast-autocomplete-search-for-your-website/ 使用 sqlite 建立全网站索引

https://markodenic.com/css-tips/ css 技巧

https://www.cassie.codes/posts/swipey-image-grids/ SVG 动画

https://www.joshwcomeau.com/animation/css-transitions/ CSS 动画

https://andreasbm.github.io/web-skills/ Web 技能

一些总结的信息

https://i.meadin.com/brand_rankings/1/30/0/0/489/1111 各种共享办公的榜单

https://mp.weixin.qq.com/s/heRqYI-GFw5EX_0r_4Jh9g 《南方周末》报道，连锁超市"便利蜂"为了找到最佳的店址，招募大量信息采集员，将摄像头悄悄地放在了多个城市的居民楼、写字楼，甚至国家机关的门口，测算每个地点的人流。

https://axisofordinary.substack.com/p/the-most-counterintuitive-facts-in 一些违反直觉的事实

https://github.com/tb0hdan/domains/blob/master/STATS.md 所有的顶级域名的注册数量

https://colors.ichuantong.cn/ 一个中国传统颜色

http://fec.mofcom.gov.cn/article/gbdqzn/ 商务部网站提供全世界各国的《国别指南》，PDF 文件免费下载，详细介绍各国基本情况，内容非常实用。大大满足自己的信息检索欲！说不定能成为改变我命运的齿轮！

https://thetaoofwealth.wordpress.com/2013/02/17/harry-brownes-17-golden-rules-of-financial-safety/ 介绍个人财务的17个注意点

https://github.com/public-api-lists/public-api-lists 一些专供软件开发的免费 API

https://github.com/serhii-londar/open-source-mac-os-apps/blob/master/README.md mac 端的免费软件列表

https://www.mobilespoon.net/2019/04/collection-cognitive-biases-how-to-use.html 584 个认知偏见，关于交互设计方面。

https://imslp.org/ 国际上已经公开的乐谱

https://www.joshwcomeau.com/javascript/terminal-for-js-devs/ 给前端工程师写的一些常用的命令行

https://github.com/you-dont-need/You-Dont-Need-GUI/blob/master/readme-zh_CN.md 一些常用的命令行操作，挺实用的。

https://sideproject.guide/ side project 的指南

谷歌黑白 emoji https://developers.googleblog.com/2022/04/what-is-black-and-white-and-read-all.html

故事

https://notes.alinpanaitiu.com/Costs-of-running-a-macOS-app-studio-business 作者是一个罗马尼亚开发者，依靠出售自己开发的 macOS 应用谋生。本文透露他2023年的运营情况，总收入10万美元，获利近7万美元。

https://news.tonydinh.com/p/my-solopreneur-story-zero-to-45kmo 一个越南程序员创业的自述，两年内从零到每月4.5万美元。

https://broadcast.listennotes.com/the-boring-technology-behind-listen-notes-56697c2e347b 我的一人互联网公司。。。一个开发者介绍，他如何一个人开发和管理20台服务器，运营一个商业网站。

https://www.kitze.io/posts/github-stars-wont-pay-your-rent 一个大佬，讲述，如何把一个开源软件做成一个创业公司。

https://getwaitlist.com/blog/solo-dev-startup-stack 作者记录了自己创业所使用的各种 SaaS 服务，免费的优先。

https://vinci7.github.io/article/jobhunting-0 一个博主在日本找工作的经历

https://www.nocsdegree.com/22-year-old-self-taught-web-developer-earns-15k-a-month-in-rural-austria/ 22岁的皮特完全通过自学，掌握 PHP 编程。他介绍自己如何通过互联网接项目，找到远程工作，目前的收入每月税前可以达到15K欧元。

https://bernaferrari.medium.com/from-android-dev-flutter-looks-good-but-is-painful-here-are-my-frustrations-with-it-81b4bbe739f8 一个安卓开发者谈他对 Flutter 初次尝试的印象。Flutter 带给我的挫败感。

https://www.growthclub.online/post/research-says-solo-founders-perform-better-here-is-why 常规的建议是，你必须先组建团队，然后才能创业。但是，统计显示，单个创始人的公司更可能盈利，本文分析原因。

https://www.expatsoftware.com/Articles/guy-on-the-beach-with-a-laptop.html 作者是一个国外程序员，一直住在海滩边冲浪，他利用业余时间开发 SaaS 服务，远程赚钱支持自己的冲浪生活。

https://adamwathan.me/tailwindcss-from-side-project-byproduct-to-multi-mullion-dollar-business/ Tailwind CSS：从业余项目到数百万美元的业务

https://layerci.com/blog/footer-signaling-baremetrics-hubstaff/ 网页的页脚可以反应网站的成长

https://medium.com/@rishdotblog/bootstrapping-a-data-api-company-in-asia-from-0-80m-monthly-requests-in-2-years-lessons-learnt-f48297823c7c 一个印度创业者讲述自己的创业经历

https://blog.pragmaticengineer.com/how-to-become-a-full-time-creator/ 作者是一个软件工程师，从 Uber 辞职以后，全职依靠创作（写文章、卖课程、做视频等等）为生

https://tinyprojects.dev/posts/i_spent_two_years_launching_tiny_projects 作者回顾了他在两年里面做过的8个小项目

https://interconnected.blog/us-vs-china-a-cloud-proxy-war/ 中美云服务器冷战

https://mp.weixin.qq.com/s/x6PLSIMn_1qcKnXWPT-J-Q 作者讲述自己如何一个人将面向海外用户的 SaSS 服务，注册成公司。

有趣的网站或工具

https://how-did-i-get-here.net/ 这个页面可以显示，你的 IP 地址到该网站所经过的路由。

https://easychuan.cn/ 一个局域网发文件的网站

http://www.tanglib.com/ 电子书网站，提供世界名著的中英双语对照朗读。

https://animotion.dev/ 一个非常炫酷的 CSS 动画编辑器！

https://acme.com/same_scale 一个同比例地图，挺有意思的

https://ctext.org/zhs 简直是宝藏！！个线上图书馆，提供中国历代传世文献。收藏的文本已超过三万部著作，为历代中文文献资料库最大者。

https://www.githubwrapped.io/ 这个网页工具将你过去一年的 GitHub 活动，创建成一张图表，挺有意思的。

https://github.com/ihmily/DouyinLiveRecorder 一个直播录制工具

https://drawing-prompt.com/ 一个生成图片的 AI 智能，图片分辨率挺高

如何让emlog定时准时发布文章，蓝叶分享的方法是使用网站监控服务，在一些提供网站监控服务的网站添加一下监控服务，设置时间点，到点自动访问设置好的网址，这就是实现了网站定时发布文章的方法。蓝叶推荐个靠谱的国外免费的监控服务网站：https://uptimerobot.com/

https://www.artic.edu/collection?is_public_domain=1 芝加哥艺术学院的网站提供5万多张艺术品图片，全部都是高分辨率，而且可以免费使用。

https://sbfkcel.github.io/fast-astar/ 本文在网页上演示a*寻路算法，可以自己调整参数。特别的有意思。

https://solo.xin/ 一个独立开发者的论坛，看起来很漂亮

https://dizkaz.com/ 迪卡，中文版的 hacker news

https://www.ahavs.com/chat-ruanyifeng 有意思，阮一峰周刊问答

https://c.p2hp.com/yinxietu/ 图片隐写术加密、图片隐写术解密非常有意思

https://wcaptcha.pingflash.com/#/ 一个 wCaptcha 工具，使用工作量证明来区分客户端是不是机器人。客户必须进行一个数学计算，大约花费几秒钟的时间，wCaptcha

https://news.ycombinator.com/item?id=37931804 好多好玩的游戏

https://ethereum.org/zh/ 以太坊中文官网

https://sms-activate.org/cn 一个国外的短信接码平台，可以接受验证码

https://aicutewallpapers.com/ 一个 AI 壁纸网，可下载

https://devtool.tech/tree 一个可视化树的生成工具，当然，这个网站上的工具也不少看起来

https://app.netlify.com/drop Netlify 最近发布的一个静态网页托管服务，只要把包含 HTML、CSS、JS 文件的目录拖到上传位置，Netlify 就会自动将这个目录发布为网站。这跟 Dropbox 的功能有点像。

https://voce.chat/zh-CN 一个开源的迷你的国产开源聊天软件，服务端非常小，只有 15MB。

https://zaixianps.net/# 一个在线 PS 工具

https://deno.com/blog/cron 这是一个好东西。JS 云服务 Deno Depoly 宣布，推出定时运行功能 Deno Cron。

https://basecamp.com/personal 著名的项目管理软件 Basecamp 推出免费的个人版，此前都是要收费的。个人版最多一个项目可以有20个用户，对于小团队够用了。

https://blog.cloudflare.com/building-full-stack-with-pages/ 感觉有点用。Cloudflare 公司本周宣布，他们的静态网页寄存服务 Cloudflare Pages 已经跟其他服务打通了，可以用来全栈开发，包括云函数、图片存储和 KV 键值对存储。

https://wokwi.com/ 一个在线模拟物联网开发板子，感觉挺有意思的。不用买工具就能玩硬件开发了

https://github.com/zhaoolee/ins 收集了很多有趣的网站

https://www.canva.com/ 可画，一个感觉还不错的在线设计软件

https://demian.ferrei.ro/snake 卧槽，在地址栏里面玩的贪吃蛇游戏，太有趣了

https://vega.github.io/vega-lite/ 一个制作互动式图表的 js 库。

https://motion.dev/ 一个 js 库，语法简单，很容易在网页上产生动画。

https://my.matterportvr.cn/show/?m=oj5FSKsTt7o 巴塞罗那超级计算中心，3d 漫步浏览器，很有意思。

https://www.strml.net/ 那些个吐字造网页儿简历的原型，可能是这个吧

http://magickeyboard.io/ 一个点击后会出现字母的小特效网站.... 老外为啥这么闲呢？有意思。国内我还真没见过类似的有趣网站。

https://sharkle.com/ 点击，会打开一个有趣的网站。

https://www.mynikko.com/CPU/ 一个在线 CPU 博物馆

https://waf-ce.chaitin.cn/ 一个大概很实用的服务器应用，雷池，智能防火墙。