## WebVM

是一个可以直接在网页浏览器中运行的 Linux 虚拟机。它利用 HTML5 和 WebAssembly 技术，提供了一个完全在客户端运行的虚拟环境。该工具能够实现与 Linux ABI 兼容，能够在浏览器中无缝运行许多原生 Linux 应用程序和开发工具链。

    __      __   _  __   ____  __
    \ \    / /__| |_\ \ / /  \/  |
     \ \/\/ / -_) '_ \ V /| |\/| |
      \_/\_/\___|_.__/\_/ |_|  |_|

该虚拟机工具的核心是 CheerpX 虚拟化引擎，而 CheerpX 是基于 Cheerp 编译器实现的。CheerpX 包含一个 x86 到 WebAssembly 的实时编译器(JIT)、一个虚拟的基于块的文件系统，以及一个 Linux 系统调用模拟器。这能够让 WebVM 能够在任何现代浏览器中安全地、受隔离地执行 x86 二进制文件。

该工具支持网络连接，通过与 Tailscale 集成，可以连接到本地网络或 Tailscale 的虚拟私有网络，从而实现对网络资源的访问。这为在浏览器中运行需要网络的应用程序铺平了道路。

## 网站地址

官网：[https://webvm.io/](https://webvm.io/)

GitHub：[https://github.com/leaningtech/webvm](https://github.com/leaningtech/webvm)


WebVM 网页浏览器中运行的 Linux 虚拟机

## EasyVideoTrans

是一个视频语音翻译工具，自称是最快的英文视频转中文方案，从翻译到新视频生成，全程一条龙服务，无需繁琐操作，完全免费。
![](https://thumbsnap.com/i/iHFrEEg7.jpg)
操作简单快速，文本翻译质量高，节约了其他方案中占比约90%的人工文本校对和翻译时间。使用灵活，可以从任意步骤开始，因为每一步骤都生成文件且串行执行，随时可以人工介入更改。

强大的工具套件，可以快速的进行视频转换，并且支持强大的自定义功能。

## 网站地址

官网：[https://easyvideotrans.com/](https://easyvideotrans.com/)


EasyVideoTrans 自称是最快的英文视频转中文方案

## 概述

### 什么是模块化

- 将程序文件依据一定规则**拆分**成多个文件，这种编码方式就是模块化的编码方式
- 拆分出来的**每个文件就是一个模块**，模块中的数据都是私有的，模块之间互相隔离
- 同时也能通过一些手段，把模块内的指定数据“**交出去**”，供其他模块使用

### 为什么需要模块化

随着应用的复杂度越来越高，其代码量和文件数量都会急剧增加，会逐渐引发以下问题：

1. 全局污染问题
2. 依赖混乱问题
3. 数据安全问题

### 有哪些模块化规范？

随着时间的推移，针对 JavaScript 的不同运行环境，相继出现了多种模块化规范，按时间排序，分别为：

1. CommonJS 服务端应用广泛
2. AMD
3. CMD
4. ES6 模块化 浏览器端应用广泛

### 导入与导出

模块化的核心思想是：模块之间是隔离的，通过导入和导出进行数据和功能的共享。

- 导出（暴露）：模块公开其内部的一部分（如变量、函数等），使这些内容可以被其他模块使用
- 导入（引入）：模块引入和使用其他模块导出的内容，以重用代码和功能

## CommonJS 规范

### 导出数据

在 CommonJS 标准中，导出数据有两种方式：

- 第一种方式：module.exports = value
- 第二种方式：exports.name = value

// a.js const name = '张三'

function getTel() {
return '123456789'
}

module.exports = { name, getTel }

// b.js
const name = '李四'

function getTel() {
return '666666666'
}

// 通过给exports对象添加属性的方式，来导出数据
exports.name = name
exports.getTel = getTel

// index.js
// 引入a模块暴露的所有内容
const a = require('./a')

// 引入b模块暴露的所有内容
const b = require('./b')

console.log(a, a.getTel())
console.log(b, b.getTel())

注意点：

- 每个模块内部的this、exports、modules.exports在初始时，都指向同一个空对象，该空对象就是当前模块导出的数据
- 无论如何修改导出对象，最终导出的都是module.exports的值
- exports是对module.exports的初始引用，仅为了方便给导出象添加属性，所以不能使用exports = value的形式导出数据，但是可以使用module.exports = value导出数据

### 导入数据

在CJS模块化标准中，使用内置的require函数进行导入数据。 // index.js // 1 直接引入模块 const a = require('./a') console.log(a, a.getTel())

// 2 引入同时解构出要用的数据
const { name, getTel } = require('./a')
console.log(name, getTel())

// 3 引入同时解构 + 重命名
const { name: stuName, getTel: stuTel } = require('./a')
console.log(stuName, stuTel())

### 扩展理解

一个 JS 模块在执行时，是被包裹在一个内置函数中执行的，所以每个模块都有自己的作用域，可通过如下方式来验证这一说法： // index.js console.log(arguments.callee.toString())内置函数大致形式如下：

    function (exports, require, module, __filename, __dirname) {
      // index.js
      console.log(arguments.callee.toString())
    }

### 浏览器端运行

Node.js 默认支持 CommonJS 规范，但浏览器端不支持，所以需要经过编译，步骤如下：

- 第一步：全局安装 browserify ：`pnpm i browserify -g`
- 第二步：编译：`browserify index.js -o build.js`，index.js 是源文件，build.js 是输出目标文件
- 第三步：在index.html页面中引入使用：`<script type="text/javascript" src="./build.js"></script>`

## ES6 模块化规范

ES6 模块化规范是一个官方标准的规范，它是在语言标准的层面上实现了模块化功能，是目前最流行的模块化规范，且浏览器与服务端均支持该规范。

### 运行 ES6 模块

浏览器端可以直接运行，如在index.html页面中引入使用：`<script type="module" src="./index.js"></script>`

在 Node.js 中运行 ES6 模块代码有两种方式：

- 方式一：将js文件后缀从.js改为.mjs，Node会自动识别ES6模块
- 方式二：在package.json文件中设置type属性值为module

### 导出数据

ES6 模块化提供 3 种导出方式：分别导出、统一导出、默认导出。这3种导出方式，可以同时使用。

使用原则：导出的常量，务必用const定义。

分别导出：

// a.js 分别导出 export const name = '张三' export function getTel() { return '123456789' }

统一导出：

// b.js 统一导出 const name = '李四' function getTel() { return '666666666' } export { name, getTel }

默认导出：

// c.js 默认导出 const name = '王五' export const age = 25 function getTel() { return '999999999' } export default { name, getTel }

### 导入数据

对于 ES6 模块化来说，使用何种导入方式，要根据导出方式决定。

「导入全部」(通用)，可将模块中的所有导出内容整合到一个对象中。

// index.js import * as a from './a.js' console.log(a, a.getTel())

「命名导入」(对应导出方式：分别导出、统一导出)

// index.js 命名导入 import { name, getTel } from './a.js' import { name as stuName, getTel as stuTel } from './a.js' console.log(name, getTel()) console.log(stuName, stuTel())

「默认导入」(对应导出方式：默认导出)

// index.js 默认导入 import c from './c.js' // 默认导出的名字可以修改，如把c改为abc也行 console.log(c.name, c.getTel())

「命名导入 与 默认导入 可以混用」，且默认导入的内容必须放在前方。

// index.js 默认导入 import c, { age } from './c.js' console.log(c.name, c.getTel(), age)

「动态导入」(通用)，允许在运行时按需加载模块，返回值是一个Promise。

// index.js const a = await import('./a.js') console.log(a)

import可以不接收任何数据，如只让a.js参与运行：`import './a.js'`。


JavaScript 模块化规范

## Thorium Reader

是一个免费开源且没有广告的电子书阅读器，可以阅读小说，支持PDF文件，也支持有声读物。它界面简洁，功能丰富且强大，支持 Windows、MacOS、Linux 等主流的桌面操作系统。

主要特点：

- 界面简洁、免费无广告
- 支持从公共图书馆借阅或从书商网站购买的受 Readium LCP DRM 保护的出版物
- 支持阅读多种格式的电子书文件
- 可以轻松管理图书库和有声读物
- 支持按目录浏览书籍和有声读物
- 支持切换阅读背景
- 支持自定义阅读页面的文字大小、页面布局、显示方式等等
- 支持朗读电子书
- 支持全文搜索
- 支持添加书签
- 支持 LCP DRM
- 支持 MathML
- 支持对 OPDS 格式的图书目录的访问
- 支持通过 OPDS 源与 Calibre 库进行数据合并、交互
- 支持通过个人标签对图书进行分类

## 下载地址

官网：[https://thorium.edrlab.org/](https://thorium.edrlab.org/)

## TIPS

GitHub下载速度慢可查看《[2024年GitHub加速访问教程 GitHub打不开解决方案](__GHOST_URL__/post/169/)》。


Thorium Reader 免费开源且没有广告的电子书阅读器

## 书签更新信息

此书签将会不断更新，剔除失效网站，添加新发现的各种好网站，每次更新都会有惊喜！🎉

### 版本记录

- 
20240729（**最新版**）

- 暂定10个大类：影视直播、音乐电台、书籍漫画、软件游戏、资源搜索、实用工具、高效办公、生活频道、学习教育、小书签栏
- 在线查看书签：[https://dinglou.github.io/pintree](https://dinglou.github.io/pintree)

- 
20240717（**首次发布**）

- 花了几个星期整理，总共200+个书签

## 符号标记

❤️：特别值得推荐
🔥：比较火的网站
🔺：广告影响体验

## 收录规则

1. 一些大家都知道的大站可能不收录
2. 付费网站一般不考虑（需要注册登录才能用的一般也不考虑）
3. 广告太多影响用户体验的可能不收录
4. 同类网站收录2-3个，够用就行
5. 国内不能正常访问的一般不收录（访问速度不佳的一般也不收录）
6. 偏专业性的网站可能不收录
7. 收录个数尽量不超过500

在线查看书签：[https://dinglou.github.io/pintree](https://dinglou.github.io/pintree)


自用书签限时免费分享（偏大众娱乐性）

这里是 aboss.top 的自留地。写了十几年野路子代码，攒了些摸爬滚打的经验，做成系列课程慢慢讲；也留了一小块地方，记记代码之外的胡思乱想。