wget 命令

wget命令用来从指定的 URL 下载文件。wget 非常稳定，它在带宽很窄的情况下和不稳定网络中有很强的适应性，如果是由于网络的原因下载失败，wget 会不断的尝试，直到整个文件下载完毕。如果是服务器打断下载过程，它会再次联到服务器上从停止的地方继续下载。这对从那些限定了链接时间的服务器上下载大文件非常有用。

命令格式

wget [选项] URL资源

示例

命令的基本格式

命令的提示符

[root@localhost ~]#

• [] 这是提示符的分隔符号，没有特殊含义。
• root 显示的是当前的登录用户， 目前使用的是 root 用户登录。
• @ 分隔符号，没有特殊含义。
• localhost 当前系统的简写主机名（完整主机名是 localhost.localdomain）。
• ~ 代表用户当前所在的目录，此例中用户当前所在的目录是家目录。
• # 命令提示符。超级用户是#，普通用户是$

命令的基本格式

准确数值类型

近似数值数类型

字符串类型

style 内联样式

不需要组件从外部引入 css 文件，直接在组件中书写
在 react 中使用 style 对象的方式时。值必须用双引号包裹起来
只作用于当前组件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import react, { Component } from "react";

const div1 = {
  width: "300px",
  margin: "30px auto",
  backgroundColor: "#44014C" // 驼峰法 minHeight: "200px",boxSizing: "border-box"
};

class Test extends Component {
  constructor(props, context) {
    super(props);
  }

  render() {
    return (
      <>
        <div style={div1}>123</div>
        <div style="background-color:red;"></div>
      </>
    );
  }
}

export default Test;

[name].css

需要在当前组件中使用 import 引入 css 文件。
作用于当前组件及其所有后代组件

定义组件有两个要求：

1. 组件名称必须以大写字母开头
2. 组件的返回值只能有一个根元素

函数组件

1
2
3
4

function Welcome(props) {
  return <h1>Welcome {props.name}</h1>;
}
ReactDOM.render(<Welcome name="react" />, document.getElementById("root"));

函数组件接收一个单一的 props 对象并返回了一个 React 元素

Node.js 可以解析 JS 代码（没有浏览器安全级别的限制）提供很多系统级别的 API，如：

• 文件的读写 (File System)
• 进程的管理 (Process)
• 网络通信 (HTTP/HTTPS)
• …

网络请求

1
2
3
4
5
6
7
8
9
10
11
12
13

const https = require("https");

https.get("https://obsidianstar.cn/2021/05/26/nodeJs/node-api/", res => {
  let str = "";

  res.on("data", chunk => {
    str += chunk;
  });

  res.on("end", () => {
    console.log(str);
  });
});

文件的读写 (File System)

hexo next 渲染 markdown mermaid 流程图

1. 打开主题的配置文件 _config.next.yml
2. 搜索关键字 mermaid，可看到如下配置，如果是 false，就把它改成 true，如果是，就可以不用修改了

1
2
3
4

mermaid:
  enable: true
  # Available themes: default | dark | forest | neutral
  theme: forest

方向

JavaScript 是单线程的，即只有一个调用栈，调用栈按照先入后出的规则执行，一次调用一个，而且可以嵌套，在执行调用栈的时候回先执行同步的任务，同步任务马上就能执行，调用栈在发现异步任务的时候回把异步任务放入队列里面，异步任务队列分为宏任务队列和微任务队列，队列都按照先入先出的规则

同步任务和异步任务

flowchart TB
A(任务进入执行栈)--> B{同步任务还是异步任务}
B --> |同步| C["主线程"]
C --> D["任务全部执行完毕"]
D --> E["读取任务队列中的结果，进入主线程执行"]

B --> |异步| F[Event Table]
F --> |注册回调函数| G[Event Queue]
G <--> E
classDef cdfece fill:#cdfece,stroke:#333,stroke-width:2px;
classDef d1e1fe fill:#d1e1fe,stroke:#333,stroke-width:2px;
classDef e5cdfe fill:#e5cdfe,stroke:#333,stroke-width:2px;
class A,E cdfece;
class C,D d1e1fe;
class F,G e5cdfe;
style B fill:#fd999a,stroke:#333,stroke-width:2px;

• 同步和异步任务分别进入不同的执行场所，同步的进入主线程，异步的进入 Event Table 并注册函数。
• 当指定的事情完成时，Event Table 会将这个函数移入 Event Queue。
• 主线程内的任务执行完毕为空，会去 Event Queue 读取对应的函数，进入主线程执行。
• 上述过程会不断重复，也就是常说的 Event Loop(事件循环)。

宏任务和微任务

1
2
3
4
5
6
7

<div class="layout">
  <div class="box">
    <div>BOX FIRST</div>
    <div>BOX SECOND</div>
    <div>BOX THIRD</div>
  </div>
</div>

等高布局 flex

技术点：弹性盒子布局 flex，默认值就是自带等高布局的特点。
弊端：低版本 ie 浏览器不兼容

定义 flex 布局的时候，有一些默认值。

flex-direction 属性定义主轴的方向。默认值为 row，一般是水平显示。flex 容器的主轴被定义为与文本方向相同。 主轴起点和主轴终点与内容方向相同。

条件

使用 where 子句对表中的数据筛选，结果为 true 的行会出现在结果集中

语法：

1

select * from 表名 where 条件;

比较运算符