Skip to content

google-microsoft/bookmarks

Repository files navigation

有用网站收藏大全:

云服务相关

这篇英语长文整理了各种 Linux 的调整步骤,使得它变得更安全

img

img

一篇英文的 Docker 教程,解释最重要的一些概念,帮助读者学会使用 Docker 进行应用程序开发。

img

Podman 是 RedHat 公司开发的容器引擎,用来替代 Docker。本文是一篇简单的上手指南。

img

作者先介绍了 Kubernetes 的概念(分布式基础设施之上的虚拟系统层),然后介绍如何家用老电脑(上图)组建一个集群。

img

图灵派是树莓派的一个集群板,好比机房里面的一个机架,可以用来自己架设 Kubernetes 集群

该仓库收集可以自己部署的开源 SaaS 服务

img

本书是第一本系统整理的开源中文版 Kubernetes 参考资料,记录了本人从零开始学习和使用 Kubernetes 的历程,着重于总结和资料分享,同时也会有相关的概念解析

计算机科学

这个仓库专门收集各种教程,教你如何自己实现各种软件,比如 Web 服务器、BT 下载客户端、Git、数据库等等。

这个仓库收集一些真实的大数据分析案例,用来了解如何处理不同行业的分析指标。目前有4个案例,包括1亿条淘宝用户行为数据分析、7000条租房数据分析等等。

img

该网站可以将正则表达式转成解释图片。

一个英文的 DNS 协议教程,介绍 DNS 协议的概念和细节。

img

一本如何开发编程语言的解释器的英文开源教材,相当于教你怎么发明一种自己的编程语言。

img

本文较为通俗地解释,什么是浮点数,为什么这么设计。

img

一个在线的编译器学习工具,可以显示高级语言对应的汇编代码,支持多种语言

一个 TypeScript 写的 JavaScript 解析器,也就是说使用 JavaScript 解析 JavaScript,支持最新的 ES2020 语法

应用程序无法直接使用物理内存,都是使用操作系统提供的虚拟内存。本文介绍虚拟内存的基本知识

一个示例项目,从0开始,使用 Java 实现一个正则表达式引擎,核心代码只有200多行,用来学习编译原理

一个示例项目,用 JS 写的 JS 解释器,可以用来学习用编译原理

一篇使用通俗语言讲解 CPU 原理的教程。

这组系列文章讲解,如何用 JavaScript 语言模拟 GameBoy 的硬件,可以用来了解硬件知识

操作系统相关

UTM

img

MacOS 的虚拟机应用,可以很轻松地在苹果电脑上运行 Windows 和 Linux,属于 qemu 的 UI 封装,另有 iOS 的虚拟机,在 iPhone 和 iPad 上运行 Windows。

Cockpit

img

Linux 服务器的 Web 控制台

img

IntelliJ IDEA 的官方插件,允许多人在 IDE 里面实时协同编程

一本英文的免费书籍,讲述如何从源码一步步编译一个自己的 Linux 系统,帮助你深入理解 Linux。

这是一个免费英文教程,教大家怎么用树莓派,一步步开发一个简单的操作系统内核,每一步都有实例代码

如果想查看硬盘用去了多少空间,每个目录或文件的空间占用情况,df 和 du 命令是最方便的工具。本文展示它们的基本用法。

一个用于实验和教学目的的操作系统,从零开始实现

img

Mac 系统的桌面应用,显示当前所有正在运行的进程、打开的文件和系统连接(socket),基本上就是 lsof 命令的图形界面

源码工具:

作者通过一个简单的例子,讲解全文搜索引擎的原理,自己如何实现倒排索引。举例用的是 Go 语言,代码很简单,接近伪代码

该网站收集专供程序员使用的一些在线工具

生成编辑器配置文件,以便整个团队有同样的编辑器设置

img

制作数据库关系图的在线工具

安全/黑客相关

麻省理工学院的入门课程,介绍 Linux 系统使用者需要掌握的各种基本工具,适合刚入门的初级用户。

算法与数据结构

img

本文通过一个简单的例子,讲解字符串的哈希值的原理,它是怎么算出来的。

作者讲解如何自己实现一个最简单的 React,支持 JSX 语法和一些基本 API,压缩后代码不超过 1KB。本文可以用来了解 React 原理。

100 多道 LeetCode 算法题目的中文解释

通过一步步的动画,讲解 Raft 协议如何保证分布式集群的一致性,以及选举 leader 的过程。

这篇文章用相对通俗的语言,介绍了目前常用的几种哈希算法,以及它们各自适用的场景

img

该网站为中文教程,使用通俗的语言,介绍各种设计模式,图文并茂。此外,还有代码重构方面的英语内容

img

本文介绍如何用 JavaScript 生成一个迷宫,写得很容易懂,每一步都有示例

一本免费的英文教程,向初学者介绍正则表达式,实例较多

普通人的微积分教程

一个通俗微积分教程,带有大量可视化图形

img

各种算法的动态演示网站

img

一个直观的算法可视化工具,你可以自由选择自己想学习的算法,每个算法它都清晰描绘了其原理和运作过程。

使用动画的形式呈现解 LeetCode 题目的思路

该网站收集各种数据结构,并将它们用可视化的形式表现出来。

机器学习/操作

img

本文介绍学习神经网络必须要了解的6种基本结构,上图就是最简单的感知器(Perceptron)

img

一个语音工具的集成软件,文档教你如何在树莓派上使用 Node.js,搭建自己的语音助手,可以识别语音,也可以将文本转为语音。

img

一个 Chrome 浏览器插件,自动记录你的操作,转成 Puppeteer 或 Playwright 脚本,从而实现浏览器操作自动化。

一份英语教程,介绍无头浏览器操作库 Puppeteer 和 Playwright 的用法

img

谷歌发布的英文教程,没有高深的数学,向初学者介绍 TensorFlow 和深度学习

img

一个开源的 OCR 软件,支持识别40种语言,包括中日韩文字

一个 Node.js 的桌面自动化脚本库,支持 Mac、Windows 和 Linux

img

一个自动生成中国山水画的 JS 实现

一个在线服务,用户可以上传一张照片和一段视频,网站会将照片里的人脸,替换视频里面的人脸

这是一本简明的 TensorFlow 2 入门指导手册的中文版翻译,力图让具备一定机器学习及 Python 基础的开发者们快速上手 TensorFlow 2

img

作者介绍自己如何使用树莓派,制造了一个便宜的热像仪,可以感知人群中体温偏高的人

一个 JavaScript 语言的 OCR 库,可以在网页运行,识别图片中的文字。它支持100多种文字,包括中文。这里还有一篇教程,介绍 Python 语言如何使用这个库。

Mac 电脑的自动化操作工具,使用 Lua 语言编写脚本。

img

谷歌推出的机器学习漫画,解释基本知识

一个跨平台的桌面自动化工具,可以编写脚本,自动执行桌面操作。

img

一个可以完成 62 种语言 OCR (光学识别)的 JS 库

img

树莓派的功能扩展,往往都要通过板载的通用输入/输出模块 GPIO。本文介绍 GPIO 的基本知识

img

深度学习入门教材的在线阅读。

一个可以录制网页操作的 JS 库,不是录制成视频,而是将用户的每一个操作,录制成可复现的脚本。

该网站收集各种树莓派的项目,目前已经有1000多项了。

  • ml5.js

    一个基于 TensorFlow.js 的机器学习封装库,提供方便易用的 API,可以用于图像分类和视频分类等常见用途。

  • Mac OS下的自动化界面操作

  • 线性代数入门

    img

    本教程帮助初学者掌握,深度学习所需要的线性代数知识,每一部分都包含代码、示例和图表。

  • TensorFlow.js 自动化 Chrome 恐龙游戏(英文)

    本文介绍如何使用 TensorFlow.js 进行深度学习,自动玩 Chrome 浏览器的恐龙跳跃游戏。

  • 机器学习解释

    img

    开源电子书,尝试用通俗的语言解释机器学习。

  • puppeteer-recorder

    Chrome 插件,可以将用户在浏览器里面的操作,自动生成对应的 Puppeteer 脚本。

  • Basic Engine

    img

    这是一个开源的低成本单板电脑,可以在家里自己制造。

  • 火星车

    img

    美国航天局 NASA 开源了火星车的简化版本,它的原型是真正的火星漫游车。据说这个项目全部采用市面能买到的材料,爱好者可以搭建自己的火星车。

  • [教程] Canvas: Draw on the web

    国产的 HTML5 Canvas 教程

  • Remote Browser

    一个浏览器自动化框架,可以用脚本控制已经打开的浏览器。

  • imagededup

    一个基于 Python 的找出重复图片的工具,支持多种查重算法。

  • streamlit

    一个机器学习工具,可以一边写脚本,一边自动生成模型的可视化运行结果。还可以生成网页控件,手动拖拉查看模型变化。

编程相关教程

汇编语言

本文通过运行一个最简单的 hello world 实例,介绍汇编语言的基本概念

介绍汇编语言的本科生入门教材,有中文译本,免费下载。

通过树莓派介绍 ARM 汇编语言的开源教材

编译器/解析器

用 JS 写一个 JS 解释器(中文)

本文解释了 JS 解释器如何将源代码转换成 AST(抽象语法树),并给出了一个简单的、便于理解的解释器实现。

词法解析器(lexer)的作用是将源码转成一个个词元(token),本文介绍如何用 TypeScript 写一个简单的解析器。

调试工具/面试

python

一个比较完整的 Python 教程,主要是语法方面的笔记

go语言教程

img

免费的中文电子书,作者介绍了 Go 程序提高性能的一些技巧。(

img

Go 语言教程网站,提供一系列互动式入门教程。

一篇 Go 语言初学者入门教程,文章较长

作者谈了一些建议,如何编写可维护的 Go 语言代码。

通过示例学习 Go 语言的教程

  • 7天用Go从零实现Web框架Gee教程

  • Go 高级编程

    img

    开源电子书,涵盖CGO、Go汇编语言、RPC实现、Web框架实现、分布式系统等高阶主题。

  • 最简单的反向代理服务器(英文)

    本文介绍如何用 Go 语言实现一个最简单的反向代理服务器。

  • Go101(英文)

    *Go 101 *是一本介绍 Go 语言的语法和各种细节的开源电子书,帮助读者深入彻底地了解 Go。

  • Go 语言风格规范

    Uber 公司开源了该公司的《Go 语言风格规范》

  • Notify

    一个 Go 语言的库,用来通过各种渠道向用户发通知,支持 Discord、Email、Microsoft Teams、Slack、Telegram 等。

mysql数据库设计

futter开发

CodePen 现在可以在网页上运行 Flutter 代码,这里有一个 Flutter 框架写的 Nike 商城的 demo,可以在线编辑并且预览。想体验一下 Flutter 的同学 再也不用先在本地搭建环境了

k8s

  • Kubernetes 入门教程(英文)

    Kubernetes 是现在最流行的容器集群管理工具,本文给出了一份上手教程,教大家怎么安装和使用它。

Java/kotlin

本文介绍了从 Java 9 到 Java 15 的主要新增语法

一个 Node.js 库,一键生成软件包的 changelog。

一个示例项目,使用 Rust 语言写的 JVM 虚拟机

一个用 Node.js 实现的 JVM,实现的非常简洁清晰,方便学习

一个收集 Java 核心知识的中文库。

  • crontab 编辑器

    crontab 是 Linux 系统的定时任务执行器。这个在线工具可以可视化生成 crontab 的配置文件。

WEB前端相关

img

一个可视化制作 H5 页面的在线工具

img

点击网页上的按钮,它会随机打开一个有趣codepen.io的特效。

img

电子邮件的 HTML 模版很难写,因为客户端有着各种限制。该网站提供各种主题的响应式电子邮件模版下载

img

在任意网站复制内容,粘贴到这个网站,会给出所复制内容的 CSS 样式代码

该网页收集一些常用 CSS 3D 示例。

img

一个在线的塔防小游戏,通过 CSS Flexbox 的练习,击退一波波进攻的敌人。

img

Airbnb 推出的一套数据可视化组件库,基于 D3 和 React。

Chrome 浏览器提供的 Web API 非常多,本文介绍其中10个。

Airbnb 公司新的开源项目,可以将 JavaScript 代码转成 TypeScript 代码

React Spectrum

img

Adobe 公司的 React 组件库,用法非常简单干净。

Chrome 浏览器的扩展,可以对选中的网页文字,生成一个 URL。其他用户访问这个 URL,打开网页后,就会自动滚动到这段文字。它的原理是使用了 Chrome 浏览器的新功能 scroll to text fragment

img

使用 CSS 生成三角形是网页设计常见的需求,比起使用图片,CSS 生成的三角形具有更好的可控性和灵活性。本工具支持自定义三角形大小、颜色、方向、边框等属性

Selenium 是通用的浏览器测试框架,本文介绍如何在 Node.js 里面使用它

img

React 的组件可视化拖拽页面编辑与代码生成工具,让不会 React 技术栈的人员可以通过拖拽生成页面。

本文一步步用简单的代码讲解,如何自己从头实现 React 框架

这个工具可以拦截和查看 HTTP/HTTPS 请求,像finlder,charles

img

数据可视化库 D3.js 的在线英文教程

这个库收集 Web 开发的各种 JavaScript 小工具,使得开发者只用加载它一个库即可,跟 lodash 的思路有点像。

lit-html 是一个极其简单好用的网页模板渲染库,使用 ES6 语法,一共只有两个方法。它是谷歌的 Polymer 团队出品

浏览器还原电影《黑客帝国》的数字雨,链接为 Codepen.io 演示

一个清理样式表里面无用的 CSS 代码的工具

一个对输入框中用户输入的内容,进行格式化的 JS 库

每日分享互联网上的前端技术、前端资讯

img

收集前端开发各方面的工具

img

Reactide 是 React Web 应用开发的专用 IDE。

img

GoJS 是一个功能丰富的 JS 库,用于在浏览器上实现自定义交互式图表和复杂的可视化图表。

国人编写的 React 入门教程。

  • 如何写一个模块打包器(英文)

    Webpack 是现在最流行的模块打包器,可以将脚本依赖打包成一个文件。这到底是怎么实现的?如果自己写一个打包器,应该怎么写?

  • 字体文件转成css3文件

  • [仓库] JavaScript 算法与数据结构(中文)

    这个仓库收集了30多种算法的 JavaScript 实现。

  • [电子书] D3 In Depth

    可视化引擎 D3 的教程

    D3.js 教程

    D3.js 是功能强大、使用最广泛的 JavaScript 可视化图形库,这组九篇的系列文章是最新的入门教程。

    img

  • electron-playground

    一个 Electron 的学习工具,内置了各种可演示的示例,并且提供了演练场,几乎所有的代码都可以即时运行查看效果。

  • React Hooks Form

    这是一个 React 表单库,基于 React Hooks,看上去代码相当简洁,star 也很高,也许以后可以摆脱那些笨重的表单组件了

微屁恩客户端/服务端

外语学习相关:

日语学习网站

该网站收集日本的软件工作机会,想去日本的朋友可以关注,由一个在日本工作的中国工程师维护。早期是邮件列表,第49期曾经推荐过,现在升级成了网站

翻译工具

一个开源的浏览器插件,只要双击网页上的单词,就能听到这个词的发音,支持各种语言。

"谷歌翻译"。它有一个"对话实时翻译"功能,可以同时监听两种语言,听到中文就自动说出日语,听到日语就说出中文。我试了一下,翻译效果之好令人震惊,完全是真人发音,翻译非常准确。建议大家也装一个玩玩,亲身体验自己说出的话变成流利的日语,肯定能震撼到你。

两个人同时对着手机说话,还是比较尴尬的,因此谷歌还推出了 Buds 蓝牙耳机。你说出的话通过耳机的话筒传入手机,让手机播放翻译好的版本给对方听。对方的回应被翻译以后,再通过耳机传给你。这样的话,对话可以始终是面对面。

img

PDF 文件即时翻译工具。只要选中 PDF 文件里面的文字,就自动调用谷歌翻译的 API,将其翻译成中文,粘贴出来就是中文。

著名博主

笔记仓库,收集各种开发工具和资源的链接,每日更新

下载网站

开源管理系统

node.js电商平台:

http://www.spurtcommerce.com/download

https://www.reactioncommerce.com/index

https://docs.reactioncommerce.com/docs/1.16.0/installation-osx

Java:broadleaf电商平台

https://www.broadleafcommerce.com/

https://github.com/BroadleafCommerce/BroadleafCommerce

img

一个 Web 开源应用,可以自己搭建服务,将个人信息(笔记、代码事项、密码、日程安排、联系人等等)放在一个地方管理。

一个可以自己架设的 Youtube 替代品,可以上传视频在网页观看,基于 Node.js。

img

一个个人的 CRM(客户关系管理)系统,可以自己架设服务,管理你的所有人际关

网站后台管理系统,基于 Spring Boot + Vue.js 搭建

img

Java + MySQL 开发的一个论坛程序,自适应手机端和电脑端,界面简洁,功能完整

资源

分享GitHub上有趣,入门级的开源项目的月刊,帮你找到编程的乐趣。

img

《时代》杂志评选的今年100项最佳发明

Diode 可以将本机(localhost)的网站公开到互联网上,提供一个二级域名,使得外部用户可以访问。

img

一个点对点的 VPN 网络,通过用户共享带宽实现加密访问。

img

Vimium 是 Chrome 浏览器的一个插件,可以只用键盘来操作网页,本文是它的教程。

img

img

一个绘制示意图的在线工具

img

这是代码长度不超过1024字节的 JS 程序的比赛,2020年的结果已经公布了。第一名是一个钢琴键盘,第二名和第三名是动画渲染,第四名是一个游戏

img

该网站收集 Youtube 上面各种免费的软件开发视频教程。

img

该网站收集了一些有趣的网页小程序,主要是 HTML5 小游戏

一个开源软件,只需要提供一张头像照片,就可以生成人物开口讲话的视频

官方介绍10个 GitHub 使用小技巧,很实用,推荐阅读

这个仓库收集各种新兴的浏览器 API,展示浏览器具备的能力。如果你想追踪 Web App 开发的前沿,可以关注它。上图是浏览器的画中画 API

img

使用 React + Node.js 写的项目管理工具 Jira 的克隆

img

img

一个思路很新颖的笔记软件,以可视化的方式做笔记,目前只有 Web 版。一条笔记就是新建一块地,一个目录就是新建一个岛屿,打标签就是新建建筑物

一个反向代理服务器,可以将内网的服务映射到公网

img

一个 Vim 游戏,主要目的是展示 Vim 8.2 的新功能

img

这个工具使用机器学习算法,去除视频里面的运动物体

一个开源工具,可以架设服务,连接本地计算机,让其他人可以通过互联网访问本地的文件夹和文件

img

很多网站现在都有滑块验证,识别用户是否为真人。但是,其实它们都可以用 Puppeteer 的自动化脚本破解,本文展示怎么做到这一点。

本文一步步介绍如何将静态网站托管在 AWS S3 上面,然后用 Cloudflare 建立 CDN,这都是免费的

支付宝推出的安卓应用自动化测试工具。公测版拥有录制回放、性能测试、一机多控三项主要功能,能为测试开发人员节省宝贵时间

谷歌表格(Google Sheet)的功能非常强大,本文介绍27个很有用、但是你可能不知道的使用诀窍

高质量的中文独立播客列表。

img

一个开放式的张贴工程师招聘信息的网站,该网站本身也是代码开源。

该网站实时显示 GitHub 趋势、HackerNews 和 Reddit 里面出现的热门代码仓库

作者介绍了几个常用的 DNS 服务器地址,简单谈了它们之间的差异

这个仓库收集免费的 API,

该网页聚合多个英文科技咨询网站的消息,一个地方就能看到所有资讯

img

看看日本乡下,几万元人民币可以买到的房子一大堆,都是买来就可以直接入住,还带土地产权。

本文用 JavaScript 语言演示如何写解析器,将代码转为抽象语法树 AST,然后再写编译器,将其转为汇编语言。

我开发付费 Chrome 插件的经历(中文)

img

作者介绍了在 Chrome 商店发布付费插件的过程,总收入有几百美元。(@timqian 投稿)

ArchiveBox

img

一个将网页存档的工具,可以将 HTML、CSS、JS、图片、媒体文件都保存下来,供日后查看。这里是教程

X6

img

蚂蚁集团数据可视化工具 AntV 旗下的图编辑引擎,用来在网页上生成 SVG 图形。(@NewByVector 投稿)

Supercookie

越来越多的浏览器限制使用 Cookie,这个库演示了如何使用网页图标 Favicon 来追踪用户,效果惊人

About

有用的网站记录

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages