# Cloudflare官方推荐免费上网工具：1.1.1.1

## 简介

免费、大厂、科学上网，这谁顶得住啊？

`Cloudflare` 官方推荐：**从任何设备访问 1.1.1.1，使用我们的免费应用加速和保护您的互联网。**



## Cloudflare

想必知道科学上网的老师们，大多都知道 `Cloudflare` 了吧，不知道也没关系，这里简单介绍一下：

**Cloudflare** 是一家提供云服务的公司，主要专注于提供网络安全、性能优化和内容传递服务。该公司成立于2010年，总部位于美国加利福尼亚州圣弗朗西斯科。**Cloudflare** 的目标是通过其全球分布式网络来提高网站的性能、可用性和安全性。

对于运维网站、域名等，**Cloudflare** 提供了很多免费功能，如有需要请自行探索~~

## 1.1.1.1

像推荐语说的，在任何可以访问互联网的设备上，访问 `1.1.1.1` IP地址，即可打开相关网页，网页中有几大主流平台应用下载地址，包括：`IOS 应用商店`、`Google 应用商店`、`Mac应用 下载地址`、`Windows应用 下载地址`、`Linux应用 下载地址`。

Android 用户可能无法从Google商店下载，可能会显示`地区无法下载`之类的，不要慌，这里为你们准备了某度网盘的下载地址，注意是 `6.32` 版本的，可能不是最新的，压缩包 和 APK 是一样的，选择一个使用即可：

```sh
链接：https://pan.baidu.com/s/1696KXrDSoAM-mTY44UJm7A?pwd=otop 
提取码：otop 
```

## 使用

安装对应软件后，点击连接即可自动连接。俺已经测试过了，至少访问 `Google` 是没问题的，不过可能速度会比较慢，而且有点不稳定，但是如果没有更好的选择，也只能凑合了，毕竟免费嘛。下面是俺在 `windows` 上测试的截图：

![oldmoon.top](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1705493562951.png)

## PS

下面放上Cloudflare关于 `1.1.1.1` 完整的推广语：

> **Cloudflare 能助您一臂之力，无论何种攻击类型、规模或持续时间如何**
>
> Cloudflare 的使命是帮助构建一个更好的互联网，我们相信更好的互联网应该是安全、高效和对所有人都可用的。无论攻击类型、规模、持续时间或背后的动机如何，Cloudflare 的防御都坚如磐石。自从在 2017 年率先提供不计量的 DDoS 防护以来，我们坚守承诺，免费向所有组织提供企业级的 DDoS 防护，而且不影响性能。这有赖于我们独特的技术和强健的网络架构。
>
> 要点在于，安全是一个过程，而不是单一的产品或开关。除了我们的自动化 DDoS 防护系统之外，我们还提供全面的捆绑功能，例如防火墙、机器人检测、API 保护和缓存， 以加强您的防御能力。我们的多层方法可优化您的安全态势，并最大程度地减少潜在影响。我们还编制了一份建议清单，以帮助您优化 DDoS 攻击防御措施。您可按照我们的分步向导来保护您的应用程序和防止 DDoS 攻击。如果您想利用我们简单易用的一流服务来防护 DDoS 攻击和其他互联网威胁，欢迎联系我们的专业团队。如果您遭到了攻击，请注册或拨打这里列出的网络应急热线号码以获得快速响应。
>
> 我们保护整个企业网络，帮助客户高效构建互联网规模应用，加速任何网站或互联网应用，抵御DDoS 攻击，阻止黑客，并为您的 Zero Trust 之旅提供协助。
>
> 从任何设备访问 1.1.1.1，使用我们的免费应用加速和保护您的互联网。

## 赞助请求

 **建站不易，以下是一个广告，还请动动您的小拇指，点击一次以示鼓励，谢谢！**


<div class="article-ads"></div>

> 就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本... `如果看不到广告，可能是网络原因或被拦截了，那就无所谓了~`

Cloudflare官方推荐免费上网工具：1.1.1.1

## 简介

本文记录Ubuntu中使用 `apt` 快速安装 `Docker` 和`docker-compose`。

> 注：其中Docker指Docker Engine，不是Docker Desktop。   
> 阅读官方文档：https://docs.docker.com/engine/install/ubuntu/

## 前提条件

要安装 Docker 引擎，您需要以下 Ubuntu 版本之一的 64 位版本：
- Ubuntu Mantic 23.10
- Ubuntu Lunar 23.04
- Ubuntu Jammy 22.04 (LTS)
- Ub-untu Focal 20.04 (LTS)

适用于 Ubuntu 的 Docker 引擎与 `x86_64`（或 `amd64`）、`armhf`、`arm64`、`s390x` 和 `ppc64le/ppc64el` 架构兼容，所以系统架构应是以上之一。

### 清理

如果之前没安装过Docker，可以忽略此步骤。

如果之前安装过Docker，无论成功还是失败，现在想要按照此方法安装新版本Docker，建议清理原有Docker组件，执行以下命令一键清理：

```sh
for pkg in docker.io docker-doc docker-compose docker-compose-v2 podman-docker containerd runc; do sudo apt-get remove $pkg; done
```



## 快速安装

### 设置Docker仓库

在新主机上首次安装 Docker Engine 之前，需要设置 Docker 存储库。之后，您可以从存储库安装和更新 Docker。使用以下几行脚本快速设置：

```sh
# Add Docker's official GPG key:
sudo apt-get update
sudo apt-get install ca-certificates curl gnupg
sudo install -m 0755 -d /etc/apt/keyrings
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg
sudo chmod a+r /etc/apt/keyrings/docker.gpg

# Add the repository to Apt sources:
echo \
  "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu \
  $(. /etc/os-release && echo "$VERSION_CODENAME") stable" | \
  sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
sudo apt-get update
```

### 安装Docker

使用以下脚本快速安装 Docker 相关组件：

```shell
sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin
```

### 测试Docker

安装完成后，可以执行一些命令设置 Docker，并确认是否安装完成：
```sh
# 启动 Docker 服务
sudo systemctl start docker
# 设置 Docker 服务开机自起
sudo systemctl enable docker
# 查看 Docker 版本信息
sudo docker --version
```

## 安装docker-compose

参考官方文档：https://docs.docker.com/compose/install/standalone/

```sh
sudo curl -SL https://github.com/docker/compose/releases/download/v2.23.3/docker-compose-linux-x86_64 -o /usr/local/bin/docker-compose
```
执行以上命令，将自动下载 `docker-compose` 可执行程序并保存到 `/usr/local/bin/` 目录下，下载后需要给予下载的文件可执行权限，使用以下命令：

```sh
sudo chmod +x /usr/local/bin/docker-compose
```

到此，你已经在你的主机上成功安装了 `Docker Engine` 和 `docker-compose`。

## 赞助请求V3

**建站因为热爱，生活需要Money，请屏幕前的大佬动动您发财的小手，点击一次以示鼓励，祝您生活愉快！**


<div class="article-ads"></div>

> PS：就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本。`如果看不到广告，可能是网络原因或被拦截了，那就算了吧。再次祝您生活愉快~~`

Ubuntu安装Docker和docker-compose

## 简介

如果在Ubuntu系统中，运行一些程序时出现`"PWD" variable is not set. Defaulting to a blank string.`，大概率是配置文件中使用`${PWD}`这类语法导致的。



## 问题原因

在Ubuntu系统中，执行严格的权限管理，一般你是无法使用 `root` 用户进行操作的，如果需要`root` 权限，大多也是使用 `sudo` 来执行。

> 大多数Linux系统中，`root`用户具有最高权限，也就是管理员权限。

所以我们大多数情况下使用的是一个普通用户，在Ubuntu中执行很多程序时，一般需要在执行的命令前加上 `sudo` ，来获取管理员权限去执行，如果此时执行的程序中有配置 `${PWD}` 相关参数，很可能会出现 `"PWD" variable is not set. Defaulting to a blank string.` 报错，这是因为系统不知道用什么权限去执行 `${PWD}` 命令，因为在普通用户和 `root` 用户下，执行 `${PWD}` 或得到不一样的值。

## 实例

以 `docker-compose.yml` 文件为例，如果你在Centos系统下，配置 `docker-compose.yaml` 可能出现如下配置：

```yaml
    volumes:
      # 日志文件映射
      - ${PWD}/log:/var/log
```

这样的配置在 `Centos` 中大概率不会出错，因为很多用户使用 `Centos` 系统时，为了方便，都是直接使用 `root` 用户进行的操作。

但在 `Ubuntu` 系统下，很可能会报错。

### 修改

既然 `${PWD}` 报错，那么只能修改了，修改方式一般有两种：
1. 使用相对路径：`docker-compose.yaml`支持相对路径配置

```yaml
    volumes:
      # 日志文件映射
      - ./log:/var/log
```

2. 使用绝对路径

```yaml
    volumes:
      # 日志文件映射
      - /usr/local/app/log:/var/log
```

Ubuntu报错"PWD" variable is not set. Defaulting to a blank string. 

## 简介

在微信小程序中，`Component` 和 `Page` 是两种不同的页面构建方式，它们分别用于构建组件和页面。通常来说，`Component` 主要用于构建可重复使用的组件，而 `Page` 用于构建页面。

从一个简单的方面，可以认为：
- 监听页面的生命周期，使用`Page`；
- 自定义方法、组件，使用`Component`。



## Page

- Page(Object object)

用于注册小程序中的一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

### 参数

|属性|类型|默认值|必填|说明|
|--|--|--|--|--|
|data|Object|||页面的初始数据|
|options|Object|||页面的组件选项，同 Component 构造器 中的 options ，需要基础库版本 2.10.1|
|behaviors|String Array|||类似于mixins和traits的组件间代码复用机制，参见 |behaviors，需要基础库版本 2.9.2|
|onLoad|function|||生命周期回调—监听页面加载|
|onShow|function|||生命周期回调—监听页面显示|
|onReady|function|||生命周期回调—监听页面初次渲染完成|
|onHide|function|||生命周期回调—监听页面隐藏|
|onUnload|function|||生命周期回调—监听页面卸载|
|onRouteDone|function|||生命周期回调—监听路由动画完成|
|onPullDownRefresh|function|||监听用户下拉动作|
|onReachBottom|function|||页面上拉触底事件的处理函数|
|onShareAppMessage|function|||用户点击右上角转发|
|onShareTimeline|function|||用户点击右上角转发到朋友圈|
|onAddToFavorites|function|||用户点击右上角收藏|
|onPageScroll|function|||页面滚动触发事件的处理函数|
|onResize|function|||页面尺寸改变时触发，详见 响应显示区域变化|
|onTabItemTap|function|||当前是 tab 页时，点击 tab 时触发|
|onSaveExitState|function|||页面销毁前保留状态回调|
|其他|any|||开发者可以添加任意的函数或数据到 Object 参数中，在页面的函数中用 this 可以访问。这部分属性会在页面实例创建时进行一次深拷贝。|

### 示例代码
```javascript
//index.js
Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // Do some initialize when page load.
  },
  onShow: function() {
    // Do something when page show.
  },
  onReady: function() {
    // Do something when page ready.
  },
  onHide: function() {
    // Do something when page hide.
  },
  onUnload: function() {
    // Do something when page close.
  },
  onPullDownRefresh: function() {
    // Do something when pull down.
  },
  onReachBottom: function() {
    // Do something when page reach bottom.
  },
  onShareAppMessage: function () {
    // return custom share data when user share.
  },
  onPageScroll: function() {
    // Do something when page scroll
  },
  onResize: function() {
    // Do something when page resize
  },
  onTabItemTap(item) {
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // Event handler.
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },
  customData: {
    hi: 'MINA'
  }
})
```

### data
- data 是页面第一次渲染使用的初始数据。

页面加载时，data 将会以JSON字符串的形式由逻辑层传至渲染层，因此data中的数据必须是可以转成JSON的类型：字符串，数字，布尔值，对象，数组。

渲染层可以通过 WXML 对数据进行绑定。

### 示例代码：

```xml

<view>{{text}}</view>
<view>{{array[0].msg}}</view>
Page({
  data: {
    text: 'init data',
    array: [{msg: '1'}, {msg: '2'}]
  }
})
```

## Component

- Component(Object object)
创建自定义组件，接受一个 Object 类型的参数。

### 参数

|定义段|类型|是否必填|描述|最低版本|
|--|--|--|--|--|
|properties|Object Map|否|组件的对外属性，是属性名到属性设置的映射表||
|data|Object|否|组件的内部数据，和properties一同用于组件的模板渲染||
|observers|Object|否|组件数据字段监听器，用于监听properties和data的变化，参见数据监听器|2.6.1|
|methods|Object|否|组件的方法，包括事件响应函数和任意的自定义方法，关于事件响应函数的使用，参见组件间通信与事件|
|behaviors|String Array|否|类似于mixins和traits的组件间代码复用机制，参见behaviors||
|created|Function|否|组件生命周期函数-在组件实例刚刚被创建时执行，注意此时不能调用setData||
|attached|Function|否|组件生命周期函数-在组件实例进入页面节点树时执行||
|ready|Function|否|组件生命周期函数-在组件布局完成后执行||
|moved|Function|否|组件生命周期函数-在组件实例被移动到节点树另一个位置时执行||
|detached|Function|否|组件生命周期函数-在组件实例被从页面节点树移除时执行||
|relations|Object|否|组件间关系定义，参见组件间关系||
|externalClasses|String Array|否|组件接受的外部样式类，参见外部样式类||
|options|Object Map|否|一些选项（文档中介绍相关特性时会涉及具体的选项设置，这里暂不列举）||
|lifetimes|Object|否|组件生命周期声明对象，参见组件生命周期|2.2.3|
|pageLifetimes|Object|否|组件所在页面的生命周期声明对象，参见组件生命周期|2.2.3|

微信小程序Page和Component

## 简介

> 页面内容由ChatGPT生成。

在微信小程序中，使用 `JavaScript` 进行页面跳转可以通过 `wx.navigateTo`、`wx.redirectTo`、`wx.reLaunch`、`wx.switchTab` 等方法来实现，具体选择哪个方法取决于你的页面跳转需求。

以下是这几个方法的简单介绍



## navigateTo

`wx.navigateTo`：保留当前页面，跳转到应用内的某个页面。  
新页面可以使用 `wx.navigateBack` 方法返回到原页面。

```javascript
// 在当前页面跳转到目标页面
wx.navigateTo({
  url: '/pages/targetPage/targetPage'
});
```

## redirectTo

`wx.redirectTo`：关闭当前页面，跳转到应用内的某个页面。新页面不可返回到原页面。

```javascript
// 关闭当前页面跳转到目标页面
wx.redirectTo({
  url: '/pages/targetPage/targetPage'
});
```

## reLaunch

`wx.reLaunch`：关闭所有页面，打开到应用内的某个页面。

```javascript
// 关闭所有页面跳转到目标页面
wx.reLaunch({
  url: '/pages/targetPage/targetPage'
});
```

## switchTab

`wx.switchTab`：跳转到 `tabBar` 页面，并关闭其他所有非 `tabBar` 页面。

```javascript
// 切换到 tabBar 页面
wx.switchTab({
  url: '/pages/tabBarPage/tabBarPage'
});
```

## 提示

这些方法中的 `url` 参数指定了目标页面的路径，路径通常以 `/pages/` 开头，后面跟着目标页面的文件夹和文件名。确保路径书写正确，以保证页面能够正确跳转。

示例中的路径仅为示范，你需要根据你的项目实际情况进行调整。

在小程序中，页面路径是相对于小程序根目录的。

微信小程序JS实现页面跳转

twitter:card

twitter:title

https://images.oldmoon.top/images/dingdangdog/oldmoon.png

twitter:image

努力做一只帅气、有才、豁达的老狗！

twitter:description