Node.js - error


LIMIT 语句经常在许多关系型数据库中使用，比如 MySQL，H2，HSQLDB。

但是 LIMIT 语句不属于 SQL 标准。

Postgresql 提供了 SQL 标准的语句来替代 LIMIT，它就是 FETCH 语句，它是在 SQL：2008 标准被提出来的。

## 语法

```sql
OFFSET start { ROW | ROWS }
FETCH { FIRST | NEXT } [ row_count ] { ROW | ROWS } ONLY
```

FIRST 和 NEXT 是同义词，ROW 和 ROWS 是同义词，同义词可以相互替换

start 必须为 0 或正整数，如果没有 OFFSET 字句，则 start 默认为 0，如果 start 比结果集中的行数大，则查询语句不返回结果。

row_count 是大于等于 1 的整数，如果你不指定它，它默认为 1

因为表中存储的行顺序是未指定的，所以应该始终使用 FETCH 子句和 order BY 子句，以使返回结果集中的行顺序一致。

## FETCH vs LIMIT

使用 FETCH 查询并选择第一条记录

```sql
SELECT
    film_id,
    title
FROM
    film
ORDER BY
    title
FETCH FIRST ROW ONLY;
```

![bQ3nfm](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/bQ3nfm.jpg)
等同于以下代码：

```sql
SELECT
    film_id,
    title
FROM
    film
ORDER BY
    title
FETCH FIRST 1 ROW ONLY;
```

## 总结

尽量使用 FETCH 语句，而不是 LIMIT 语句。


如何使用 PostgreSQL FETCH 检索查询返回的部分行

Postgresql - FETCH


## 添加和使用资源

在Flutter中，资源可以包括静态数据，如图像、字体和JSON文件，这些数据需要与应用程序一起打包，以使其正确运行。要将资源添加到Flutter项目中，您需要在项目的根目录下的pubspec.yaml文件中指定它们。

以下是如何添加图像的步骤：

1. 在项目的根目录下创建一个名为assets的目录。
1. 将图像放置在该目录中。
1. 在pubspec.yaml中添加以下内容：

```yaml
flutter:
  assets:
    - assets/my_image.png
```

现在，您可以在代码中使用该图像，例如：

```yaml
Image.asset('assets/my_image.png')
```

类似地，您可以添加其他类型的资源并在项目中使用它们。

## 在Flutter中设置导航

导航是任何应用程序的关键部分。在Flutter中，您可以使用Navigator类在不同的屏幕之间进行导航。Navigator的工作原理类似于堆栈，您可以在其上推入新的路由（屏幕），也可以弹出路由。

以下是如何导航到新屏幕的简单示例：

```dart
Navigator.push(context, MaterialPageRoute(builder: (context) => SecondScreen()));
```

在上面的代码中，SecondScreen是一个新的小部件，当用户导航到该路由时，它将显示在屏幕上。

您还可以使用命名路由进行导航。首先，您需要在主应用程序小部件中定义路由：

```dart
MaterialApp(
  initialRoute: '/',
  routes: {
    '/': (context) => FirstScreen(),
    '/second': (context) => SecondScreen(),
  },
);
```

然后，您可以通过以下方式导航到第二个屏幕：

```dart
Navigator.pushNamed(context, '/second');
```

总之，一旦您理解了基本概念，使用资源和导航在Flutter中非常简单。随着您继续构建更复杂的应用程序，这些概念将变得非常熟悉。


Working with Assets and Navigation in Flutter


## 安装 mongodb

![oiuu4n](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/oiuu4n.jpg)

## 添加 mongodb 源

```bash
sudo vi /etc/yum.repos.d/mongodb-org.repo


[mongodb-org-3.4]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/3.4/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-3.4.asc
```

```bash
yum repolist
```

## 安装 mongodb

```bash
sudo yum install mongodb-org

启动
sudo systemctl start mongod

重载
sudo systemctl reload mongod

停止
sudo systemctl stop mongod

重启
sudo systemctl restart mongod

加入自启
sudo systemctl enable mongod

检查状态
systemctl status mongod

```


安装mongodb


**nohup**用于忽略 SIGHUP ("signal hang up" 译：挂断信号) 在系统后台不挂断地运行命令，退出终端不会影响程序的运行。

nohup 命令在默认情况下（非重定向时），会输出一个名叫 nohup.out 的文件到当前目录下，如果当前目录的 nohup.out 文件不可写，输出重定向到 $HOME/nohup.out 文件中。

## 使用方法

```bash
nohup <command>
```

停止运行

```bash
#使用如下命令找到进程pid，然后使用kill杀掉进程
ps -aux | grep <command>
```

## 参数

- Command：要执行的命令。
- Arg：一些参数，可以指定输出文件。
- &：让命令在后台执行，终端退出后命令仍旧执行。

nohup 命令可以在 Linux、macOS、WSL 和任何有 UNIX 环境的地方使用


用于忽略 SIGHUP (挂断信号) 在系统后台不挂断地运行命令，退出终端不会影响程序的运行

Linux命令nohup


- [插件介绍](/blog/translate/build-chrome-extensions/intro)
- [第一个插件](/blog/translate/build-chrome-extensions/first-extension)
- [第一个主题](/blog/translate/build-chrome-extensions/first-theme)
- [新标签](/blog/translate/build-chrome-extensions/new-tab)
- [使用 React 开发扩展](/blog/translate/build-chrome-extensions/spicing-with-react)
- [Switch to vite](/blog/translate/build-chrome-extensions/parcel-to-vite)
- [Popup extension](/blog/translate/build-chrome-extensions/popup-extension)
- [集成 tailwind](/blog/translate/build-chrome-extensions/add-tailwind)
- [External request](/blog/translate/build-chrome-extensions/external-requests-new-tab)
- [Popup weather extension](/blog/translate/build-chrome-extensions/popup-weather-extension)
- [Adding browser notifications](/blog/translate/build-chrome-extensions/adding-browser-notification)
- [Repeating notifications](/blog/translate/build-chrome-extensions/repeating-notifications)
- [Using storage](/blog/translate/build-chrome-extensions/using-storage)
- [Hooking into installs](/blog/translate/build-chrome-extensions/hooking-into-installs)
- [Custom options page](/blog/translate/build-chrome-extensions/custom-options-page)
- [Icon action](/blog/translate/build-chrome-extensions/icon-action)
- [Popup page modifications](/blog/translate/build-chrome-extensions/Popup-page-modifications)
- [Messaging](/blog/translate/build-chrome-extensions/messaging)
- [Modify images on the page](/blog/translate/build-chrome-extensions/modify-images-on-the-page)
- [Creating the turboreader extension](/blog/translate/build-chrome-extensions/creating-the-turboreader-extension)
- [Publishing a chrome browser extension](/blog/translate/build-chrome-extensions/publishing-a-chrome-browser-extension)


基于react、tailwindcss开发自己的chrome插件

Chrome插件开发 - Series


CSS 的 box-shadow 属性可以为元素添加一个或多个阴影效果。这个属性的值包括：

- 阴影的水平偏移量（必须指定）。
- 阴影的垂直偏移量（必须指定）。
- 阴影的模糊半径（可选）。
- 阴影的扩散半径（可选）。
- 阴影的颜色（可选）。

## 示例代码：

```css
box-shadow: 2px 2px 4px #888888;
```

这个属性指定了一个偏移量为 2px 的水平阴影，一个偏移量为 2px 的垂直阴影，一个模糊半径为 4px 的阴影，阴影的颜色为 #888888。

如果要为元素添加多个阴影，可以使用逗号分隔它们。示例代码：

```css
box-shadow: 2px 2px 4px #888888, -2px -2px 4px #333333;
```

这个属性指定了两个阴影，一个是偏移量为 2px 的水平阴影和偏移量为 2px 的垂直阴影，模糊半径为 4px，颜色为 #888888，另一个阴影是偏移量为 -2px 的水平阴影和偏移量为 -2px 的垂直阴影，模糊半径为 4px，颜色为 #333333。

还可以使用 inset 关键字指定内阴影，示例代码：

```css
box-shadow: inset 2px 2px 4px #888888;
```

这个属性指定了一个偏移量为 2px 的水平内阴影和偏移量为 2px 的垂直内阴影，模糊半径为 4px，颜色为 #888888。

除了 box-shadow，CSS 还有 text-shadow 属性，它可以为文本添加阴影效果。text-shadow 的用法和 box-shadow 很相似，只是它只能为文本添加阴影，而不能为元素添加阴影。

使用 box-shadow 属性的简单案例，实现了一个卡片效果：

![cl6sOW](https://cdn.jsdelivr.net/gh/manonicu/pics@master/uPic/cl6sOW.png)

HTML 代码：

```html
<div class="card">
  <h2>Card Title</h2>
  <p>Card Content</p>
</div>
```

CSS 代码：

```css
.card {
  width: 300px;
  height: 200px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.card h2 {
  margin-top: 20px;
  text-align: center;
}

.card p {
  margin-top: 40px;
  text-align: center;
}
```

解释：

这个案例中，我们首先创建了一个 div 元素，并给它添加了一个类名为 "card"。然后，我们为这个 div 元素设置了宽度和高度，背景色和圆角属性。接着，我们使用 box-shadow 属性为这个 div 元素添加了一个阴影效果，它的偏移量为 0px 的水平阴影和偏移量为 4px 的垂直阴影，模糊半径为 10px，颜色为 rgba(0, 0, 0, 0.1)。
