复活吧 我的1+x考试

风一灯0
141 阅读16分钟

其他1

PM2（Process Manager 2）是一个流行的Node.js应用程序的生产流程管理器，它允许您在后台保持应用程序运行，重新加载它们而无需停机，并促进常见的系统管理任务。以下是PM2的一些关键功能和特点：

PM2的主要功能：

  1. 进程监控：PM2能够监控应用，当应用崩溃或停止时自动重启。
  2. 日志管理：PM2提供了日志管理功能，可以查看应用程序的标准输出和错误日志。
  3. 负载均衡：通过内置的负载均衡器，PM2可以在多核CPU系统上优化和分配负载。
  4. 零秒重载：在不停止服务的情况下重启应用，实现零停机部署。
  5. 集群模式：PM2可以轻松地将应用部署到集群模式，提高应用的性能和可靠性。
  6. 远程控制：通过SSH，可以在远程服务器上启动、停止、重启应用程序。
  7. API：PM2提供了一个完整的API，可以用来控制应用程序和与PM2交互。
  8. 配置文件：可以通过配置文件来指定应用程序的运行参数。

PM2的基本使用：

  • 启动应用：pm2 start app.js
  • 列出所有进程：pm2 list
  • 查看应用日志：pm2 logs
  • 重启应用：pm2 restart app.js
  • 停止应用：pm2 stop app.js
  • 删除应用：pm2 delete app.js
  • 保存当前应用列表：pm2 save

配置文件不支持js

image.png

GraphQL的查询（Queries） ，可以实现对数据的查询操作。在GraphQL中，查询是客户端用来请求数据的一种操作类型。客户端可以发送一个查询到GraphQL服务器，指定它需要哪些字段和数据的形状，服务器则会返回一个与查询匹配的数据结果。以下是一个简单的GraphQL查询示例：

query {
  hero {
    name
    appearIn
  }
}

在GraphQL的服务器端，有几个核心组件通常会被实现和使用，以下是一些属于GraphQL服务器端组件的例子：

  1. Schema: 定义了GraphQL API的所有类型和字段，它是服务器端的核心组件，告诉客户端可以查询哪些数据以及如何查询。
  2. Resolver: 解析器是函数，用于获取查询中请求的数据。每当客户端发起一个查询，服务器端的解析器就会根据查询的结构来返回数据。
  3. Type Definitions: 类型定义（Type Definitions）是GraphQL模式的一部分，它们定义了API中的所有对象类型、接口、联合类型、标量类型和枚举。
  4. Scalars: 标量类型是GraphQL中的基本数据类型，如Int、Float、String、Boolean和ID。
  5. Directives: 指令可以用来添加额外的信息到schema的定义中，或者根据条件包含或跳过某些字段的解析。
  6. Middleware: 虽然不是GraphQL规范的一部分，但在实现GraphQL服务器时，中间件可以用于处理请求（如身份验证、日志记录、错误处理等）。
  7. Data Sources: 数据源通常是指后端服务，如数据库、REST API、其他GraphQL服务等，从中获取数据。
  8. Query Executor: 查询执行器负责解析和执行客户端发送的查询，并将结果返回给客户端。
  9. Validation: 验证器用于确保客户端发送的查询是有效的，并且符合服务器端定义的schema。
  10. Subscription: 订阅是GraphQL的一部分，允许服务器端推送数据到客户端，通常用于实现实时功能。

image.png

image.png

image.png

在MongoDB中，要切换当前数据库，可以使用以下命令：

use 数据库名;

将数据库名替换为你想要切换到的数据库的名称。例如，如果你想要切换到一个名为myDatabase的数据库，你可以使用以下命令：

use myDatabase;

`$pop`修改器可以用来从数组字段中删除元素。`$pop`操作接受一个值，这个值指定了要删除数组中的第一个元素还是最后一个元素：

-   若要删除数组中的第一个元素，可以使用`-1`：


    ```
    db.collection.updateOne(
      { <query> },
      { $pop: { <field>: -1 } }
    )
    ```

-   若要删除数组中的最后一个元素，可以使用`1`：


    ```
    db.collection.updateOne(
      { <query> },
      { $pop: { <field>: 1 } }
    )
    ```

这里是一个例子：

假设我们有一个名为`people`的集合，其中有一个文档如下：

{ "_id": 1, "name": "Alice", "hobbies": ["reading", "hiking", "swimming"] }


如果我们想要删除`hobbies`数组中的第一个元素（“reading”），我们可以使用以下更新操作：

db.people.updateOne( { _id: 1 }, { $pop: { hobbies: -1 } } )


执行上述操作后，文档将更新为：

{ "_id": 1, "name": "Alice", "hobbies": ["hiking", "swimming"] }


类似地，如果我们想要删除`hobbies`数组中的最后一个元素（“swimming”），我们可以使用以下更新操作：

db.people.updateOne( { _id: 1 }, { $pop: { hobbies: 1 } } )


执行上述操作后，文档将更新为：

{ "_id": 1, "name": "Alice", "hobbies": ["reading", "hiking"] }


需要注意的是，如果数组为空或者不包含任何元素，`$pop`操作不会有任何效果。此外，`$pop`操作一次只能从数组的一端移除一个元素。如果需要移除多个元素，需要多次调用`$pop`操作或使用其他修改器如`$pull`或`$pullAll`。

执行这个命令后，所有的后续操作都会针对myDatabase数据库进行，前提是这个数据库已经存在。如果数据库不存在，当你尝试插入数据时，MongoDB会自动创建该数据库。

localStorage 允许你存储最多 5MB 的数据。

image.png

image.png DROP TABLE s;

image.png

SHA-1 160

image.png

10

image.png

11

sql

image.png

image.png

image.png

image.png

其他2

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

10

image.png

11

image.png

vue

Vue.js 采用的设计模式是MVVM（Model-View-ViewModel） 。在这个模式中：

  • Model 代表数据模型，也可以在Vue.js中被组件的data属性所替代。
  • View 代表视图模板，即HTML部分，Vue.js通过指令与数据绑定使视图与模型保持同步。
  • ViewModel 作为模型和视图之间的桥梁，负责将模型的数据同步到视图显示，并将视图的变动同步回模型。

在Vue的生命周期中，DOM渲染通常是在mounted阶段之后完成的。具体来说，DOM渲染的完成是在以下两个生命周期钩子之间：

  • beforeMount：在这个钩子被调用之前，Vue将完成模板的编译，并准备好渲染函数，但此时还没有将数据挂载到DOM上。
  • mounted：在这个钩子被调用时，Vue实例已经将数据挂载到DOM上，此时可以访问到通过模板渲染的DOM元素。

所以，DOM渲染实际上是在mounted钩子被调用之前完成的，但通常我们会认为在mounted阶段DOM已经可用。因此，如果要确保DOM已经渲染完成，可以在mounted钩子中进行相关的DOM操作。

image.png

Vue是一套用于构建用户界面的渐进式框架，只关注视图层，采用自底向上增量开发的设计。这意味着Vue.js的核心库只专注于视图层，不仅易于上手，而且方便与第三方库或现有项目整合。随着项目的复杂性增加，Vue.js还提供了强大的组合式API和丰富的生态系统，支持开发者构建复杂的前端应用程序。

image.png

5.1 在 Vue.js 中，为了阻止事件冒泡，可以使用 .stop 修饰符。因此，正确答案是 .stop。

例如，如果你有一个按钮，并且你不想让它的事件冒泡到父元素，你可以在 v-on 指令中使用 .stop 修饰符如下：

<button v-on:click.stop="doSomething">Click Me</button>

在Vue中使用过渡效果时，需要使用 <transition> 标签。这个标签是Vue提供的内置组件，用于包裹要执行过渡或动画的元素。当元素插入、更新或移除DOM时，<transition> 可以给它们添加进入/离开的过渡效果。

image.png

并且在每个元素中输出 parentMessage、当前元素的索引 index 以及当前元素的 message 属性。

但是，你提供的代码片段不完整，缺少了 v-for 指令的正确使用。下面是正确的代码示例，它将遍历 items 数组并输出每个元素的信息：

<div id="example">
  <div v-for="(item, index) in items">
    {{ parentMessage }}-{{ index }}-{{ item.message }}
  </div>
</div>

<script>
var example2 = new Vue({
  el: '#example',
  data: {
    parentMessage: 'student',
    items: [
      { message: 'yang' },
      { message: 'lucy' }
    ]
  }
});
</script>

这段代码的输出结果将是：

student-0-yang
student-1-lucy

这里解释一下输出：

  • student 是 parentMessage 的值，它被包含在每个输出中。
  • 0 和 1 是数组 items 中每个元素的索引。
  • yang 和 lucy 是数组 items 中每个元素的 message 属性的值。

9

image.png

10

Vue-router 提供了多种路由导航守卫，它们主要分为以下几类：

  1. 全局守卫：

    • beforeEach: 在路由切换之前调用。
    • beforeResolve: 在所有组件内守卫和异步路由组件被解析之后，导航被确认之前调用。
    • afterEach: 在路由切换之后调用。

  2. 路由独享守卫：

    • beforeEnter: 在路由配置上直接定义，只有进入该路由时会被调用。

  3. 组件内守卫：

    • beforeRouteEnter: 在路由进入该组件的对应路由之前调用。
    • beforeRouteUpdate: 在当前路由改变，但是该组件被复用时调用。
    • beforeRouteLeave: 在导航离开该组件的对应路由时调用。

image.png

11

image.png

12 image.png

  • 返回值：render函数必须返回一个React元素。这可以是一个原生DOM元素（如<div>、<span>等），也可以是用户自定义的组件，或者是null或者false（表示不渲染任何东西）。

  • 纯净性：render函数应该是纯净的，即它不应该有副作用。它不应该改变组件的状态（使用setState），也不应该直接与DOM交互。

  • 调用时机：render函数会在以下情况下被调用：

    • 组件被挂载到DOM上时。
    • 组件的props或state发生变化时。
    • 父组件重新渲染时，即使子组件的props没有变化。

13

image.png

14

image.png

15

在Vue中定义全局组件，你需要使用Vue.component方法。以下是如何定义一个全局组件的步骤：

  1. 首先，选择一个组件的名称。组件的名称通常是大写字母开头的驼峰命名法，但在DOM中使用时，你需要使用连字符分隔的形式（例如，MyComponent在模板中应该是<my-component>）。
  2. 使用Vue.component方法，传入组件名称和一个选项对象，该对象包含组件的template、data、methods等属性。

下面是一个定义全局组件的例子：

// 定义全局组件
Vue.component('global-component', {
  // 组件的模板，可以是字符串或一个返回字符串的函数
  template: `
    <div>
      <h1>{{ title }}</h1>
      <p>{{ message }}</p>
    </div>
  `,
  // 组件的初始数据
  data: function () {
    return {
      title: 'Hello World',
      message: 'This is a global component.'
    }
  },
  // 组件的方法
  methods: {
    // ... 方法定义
  }
});

// 创建Vue实例
new Vue({
  el: '#app'
});

16

image.png

Node.js

在Node.js中，要实现将一个可读流（rs）的内容通过压缩流（zs）压缩后写入到一个可写流（ws）关联的文件中，可以使用pipe方法将流连接起来。以下是正确的语句：

rs.pipe(zs).pipe(ws);

image.png

在 Node.js 中，有四种基本的流类型：

  1. Readable - 可读流，用于从数据源读取数据。
  2. Writable - 可写流，用于将数据写入到目的地。
  3. Duplex - 双工流，既可读又可写。
  4. Transform - 转换流，是双工流的特殊类型，可以在读和写过程中修改或转换数据。

在 Node.js 中，如果你通过 fs.createReadStream 方法创建了一个文件可读流，你可以通过该可读流的 .on 方法来监听它的各种事件。.on 方法用于添加事件监听器，可以监听如 data、end、error 等事件。

Node.js 的事件循环分为几个阶段，每个阶段都负责处理不同类型的事件。事件循环的各个阶段如下：

  1. timers 阶段：这个阶段执行由 setTimeout() 和 setInterval() 设定的回调函数。
  2. pending callbacks 阶段：某些系统操作（如 TCP 错误）的回调会在这个阶段被调用。
  3. idle, prepare 阶段：仅内部使用。
  4. poll 阶段：检索新的 I/O 事件；执行与 I/O 相关的回调（几乎所有的回调除了 timers、close callbacks 以及 setImmediate() 的之外都在这个阶段执行）。
  5. check 阶段：setImmediate() 的回调会在这个阶段被调用。
  6. close callbacks 阶段：例如 socket.on('close', ...) 的回调会在这个阶段被调用。

因此，事件循环的第4个阶段称为 poll 阶段。在这个阶段，Node.js 会检查是否有新的 I/O 事件需要处理，并执行对应的回调函数。如果 poll 阶段没有可处理的回调，事件循环可能会阻塞在这个阶段，直到新的 I/O 事件被触发。

在nodejs中，引入其他库文件或者模块使用下列哪个关键字（）。

ChatGLM

引用

在 Node.js 中，引入其他库文件或者模块使用的关键字是 require。例如，如果你想要引入一个名为 example 的模块，你可以使用以下代码：

const example = require('example');

image.png

image.png

image.png

10

Node.js 中，获取文件相关信息的异步方法通常是 fs.promises.stat() 或者 fs.promises.lstat()，它们属于 fs 模块，并且返回一个 Promise。以下是一个例子：

const fs = require('fs').promises;

async function getFileInfo(filePath) {
  try {
    const stats = await fs.stat(filePath);
    // 使用 stats 对象获取文件信息
    console.log(stats);
  } catch (error) {
    console.error('Error getting file info:', error);
  }
}

getFileInfo('path/to/your/file');

如果你需要从选项中选择，请提供选项列表，这样我可以准确地告诉你哪个选项是正确的。如果没有选项，那么根据上述描述，fs.promises.stat() 或 fs.promises.lstat() 就是用于获取文件相关信息的异步方法。

11

在 Node.js 中，用于读取目录内容的异步方法是 fs.promises.readdir()。这个方法返回一个包含目录中所有文件和子目录的文件名数组。下面是一个使用这个方法的示例：

12

在 Node.js 中，Stream 模块是一个用于处理流数据的模块。当所有数据已被写入到底层系统时触发的事件是 'finish'。

以下是一个简单的例子，展示了如何监听 'finish' 事件：

const fs = require('fs');

const writer = fs.createWriteStream('example.txt');

writer.on('finish', () => {
  console.log('All data has been written.');
});

writer.write('Hello, ');
writer.write('world!');
writer.end();

在这个例子中，当 writer.end() 被调用并且所有数据都被写入到文件 example.txt 时，'finish' 事件会被触发，然后执行我们提供的回调函数，打印出 'All data has been written.'。

13

image.png

14 image.png

15

image.png

16

image.png

17 image.png

18 image.png

19 image.png

20

exports属于node的全局对象

21

因为 EventEmitter 对象提供的 on 方法（属性）并不是用于触发事件，而是用于监听（或订阅）一个事件。以下是关于 EventEmitter 的正确用法：

在 Node.js 中，EventEmitter 是一个核心模块，它提供了事件发射和监听的能力。以下是 EventEmitter 的基本用法：

  • on 方法：用于添加一个监听器到指定事件的监听器数组的末尾。当事件被触发时，所有注册的监听器都会按顺序被调用。

例如：

const EventEmitter = require('events');
const myEmitter = new EventEmitter();

// 添加一个监听器
myEmitter.on('event', (arg1, arg2) => {
  console.log('监听到事件，参数为：', arg1, arg2);
});

// 触发事件
myEmitter.emit('event', '参数1', '参数2');

在这个例子中，on 方法用于监听名为 event 的事件，并提供了一个回调函数，当 event 事件被触发时，这个回调函数会被调用。

  • emit 方法：用于触发一个事件。所有添加到名为 eventName 的事件的监听器都会被同步调用，事件参数会按照添加监听器的顺序传递给每个监听器。

因此，正确的描述应该是：EventEmitter 对象提供的 on 方法用于监听一个事件，而 emit 方法用于触发一个事件。

react

image.png

image.png

image.png

image.png

image.png

image.png

在 React 组件中，一般设置清除发布订阅、计时器等操作的生命周期函数是 componentWillUnmount。这个生命周期函数在组件卸载及销毁之前被调用，可以在这里进行必要的清理操作，如清除定时器、取消网络请求、解绑监听事件等。

以下是一个简单的例子：

class MyComponent extends React.Component {
  componentDidMount() {
    // 设置定时器
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

  componentWillUnmount() {
    // 清除定时器
    clearInterval(this.timerID);
  }

  tick() {
    // 定时器触发的操作
  }

  render() {
    // 渲染组件
  }
}

在这个例子中，componentDidMount 生命周期函数中设置了一个定时器，而在 componentWillUnmount 中则清除了这个定时器。这样可以防止在组件卸载后定时器仍然运行，从而避免潜在的内存泄漏问题。

React 组件卸载时做清理操作应该使用 componentWillUnmount 生命周期函数。这个函数在组件从 DOM 中移除之前被调用，是你执行清理操作（如取消定时器、解绑事件监听器、清除网络请求等）的地方。

image.png

image.png

image.png

11

image.png

12

image.png

在React中，大多数表单元素确实可以通过受控组件的方式来实现数据绑定和管理。受控组件是指表单元素的数据由React组件的状态（state）来控制，而不是由DOM元素自身来控制。这种模式允许React组件处理表单输入，确保组件状态与用户输入保持同步。

然而，说“所有的表单元素都能使用受控组件实现”是不完全正确的，原因如下：

  1. 文件输入（<input type="file" />）：由于安全原因，React不能将文件输入作为受控组件。用户选择文件后，文件信息存储在FileList对象中，而该对象是不可变的。因此，React无法通过更改其值来控制文件输入。要处理文件输入，通常使用非受控组件，并通过ref来访问文件。
  2. 复选框（<input type="checkbox" />）和单选按钮（<input type="radio" />）可以成为受控组件，但它们的处理方式与常规输入框不同。对于复选框，你需要处理checked属性而不是value属性，并且需要确保正确地处理onChange事件来更新状态。
  3. 使用<select>元素时，虽然可以创建受控组件，但必须正确处理value属性，它应该是一个数组（对于多选）或单个值（对于单选），并且需要根据选择的选项更新状态。
  4. 非标准或自定义的表单控件可能不支持作为受控组件，或者需要额外的逻辑来处理。
  5. 在某些情况下，使用非受控组件可能会更简单，尤其是当你不需要对表单输入进行复杂处理时。非受控组件允许表单数据由DOM本身处理，而React组件可以在需要时通过ref来访问这些数据。

因此，虽然大多数表单元素可以并且通常应该作为受控组件来实现，但并不是所有表单元素都适合或能够以这种方式工作。开发者需要根据具体情况选择最适合的表单管理策略。

webpack

image.png

image.png 2.

在Webpack的配置文件中，output 属性用于指定打包文件的输出配置。以下是一些常见的配置项：

  1. filename: 指定输出文件的名称。通常，你可以使用占位符来定义文件的名称，比如 [name].js 或 [chunkhash].js。
  2. path: 指定输出目录的绝对路径。通常是项目的 dist 目录或者其他你希望存放打包文件的目录。
  3. publicPath: 指定在浏览器中被引用时的输出文件的公共URL地址。如果你的打包文件放在CDN上，这里可以设置为CDN的URL。
  4. library: 当你使用Webpack打包一个库时，可以通过这个选项指定库的名称。
  5. libraryTarget: 指定打包后的库如何暴露。常见的值有 umd, amd, commonjs, commonjs2, this, window, global 等。
  6. chunkFilename: 指定非入口（non-entry）chunk文件的名称。
  7. jsonpFunction: 设置jsonp函数的名称，用于异步加载chunk。
  8. globalObject: 指定全局对象，用于Webpack生成的运行时代码中。

image.png

image.png

avatar
文章
阅读
粉丝