Algorithm 一道算法题

反转链表 详见https://leetcode.cn/problems/UHnkqh/

class ListNode {    val: number;    next: ListNode | null;    constructor(val?: number, next?: ListNode | null) {        this.val = val === undefined ? 0 : val;        this.next = next === undefined ? null : next;    }}//链表改变指针function reverseList(head: ListNode | null): ListNode | null {    let prev: ListNode | null = null;    let current: ListNode | null = head;
    while (current !== null) {        const nextTemp: ListNode | null = current.next;        current.next = prev;        prev = current;        current = nextTemp;    }
    return prev;}
// 递归法是通过递归地处理每一个节点，然后反转指针方向，最终反转整个链表。function reverseList(head: ListNode | null): ListNode | null {    if (head === null || head.next === null) {        return head;    }
    const newHead = reverseList(head.next);    head.next.next = head;    head.next = null;
    return newHead;}

Review 读一篇英文文章

node.js 框架 nest.js first-stephttps://docs.nestjs.com/first-steps

这篇 doc 主要阐述了 nest.js 的核心基本原理，兼容 TypeScript、JaveScript.

1.使用该框架 node 版本需要 16 以上

2.全局按照 nestjs/cli,使用脚手架生成目录的方法。生成的目录结构介绍。

以及常见 cli 命令的操作

• nest new 快速创建项目

• nest generate 快速生成各种代码

• nest build 使用 tsc 或者 webpack 构建代码

• nest start 启动开发服务，支持 watch 和调试

• nest info 打印 node、npm、nest 包的依赖版本

3.nest.js 用到了许多设计模式，如适配器的设计模式，可以轻松切到 Fastify 或者 Express

Technique/Tips 分享一个小技术

css 中伪元素与伪类的区别？

基于 MDN - Pseudo-elements，CSS 到今天一共有 16 个伪元素：

以及基于 MDN - Pseudo-classes，一共有 65 个伪类：

1. 伪元素（Pseudo-elements）

伪元素是用来选择某一元素的子元素，并在这些子元素上添加额外的样式。伪元素在 HTML 代码中并不存在，可以通过 CSS 代码来为其添加样式。

常见的伪元素有 ::before和 ::after，它们可以在一个元素内添加虚拟的元素。

2.伪类（Pseudo-classes)

伪类则是用于选取当前元素的某个状态或属性，并且这个状态不能通过普通选择器选择到。例如 :hover、:link、:visited、:active 等。

伪类可以选择不同状态的内容，比如链接不同状态下的颜色等。伪类也可以应用于元素之外，例如 :first-child 可以选择某个元素的第一个子元素。

两者的区别：

• 伪元素通常使用 :: 两个冒号进行表现，而伪类使用 : 单个冒号进行表示：

// 伪元素使用两个冒号.class ::after{ ...}
// 伪类使用单个冒号.class :hover{ ...}

• 伪元素是用来表示选中某一元素内部的子元素，并在这些子元素上添加样式；而伪类是用来表示元素的状态，并在元素处于该状态时添加样式。

• 伪元素能够创建一些不存在于文档结构中的元素，而伪类只是改变已经存在的元素的表现形式。

前端开发中::before 和 ::after 伪元素使用的时机

• 使用一个元素无法完成完整样式的绘制，需要额外的元素完成一些细节

• 如实现一个三角形

• 当元素无具体语义时，与宿主又属于同一主体进行展示，也适用于伪元素

• 带图标的按钮

Share 分享一个观点

Your Job gives you authority.Your behavior gives you respect.

详见：https://coolshell.cn/articles/22173.html

这篇文章让我这个不了解后端知识的人学到了幂等这个专业名词，准守规范的意义。

希望我也都能尊重自己从事的这个职业，成为真正的职业化的程序员，而不是一个码农！