逆水行舟，不进则退 我的 github 仓库：https://github.com/zouHuaLu

包学包会！看完你也会 NEXT.JS 官方英文文档：https://nextjs.org/ 中文文档不建议看，落后太多！ 1. 初始篇1.1 创建项目使用 create-next-app 脚手架 12npxcreate - next - app 如果你不使用 npx，也支持使用 yarn、pnpm、bunx 12345678910yarncreatenext - apppnpmcreaten

仅作为个人学习笔记，不适用于Nodejs系统性学习，如有错误，欢迎指正 高阶函数 一个函数返回一个函数 一个函数的参数是一个函数 作用 高阶函数，可以对原有的函数进行拓展 函数柯里化，把一个函数拆分成小的函数，每一个函数的参数只能有一个 异步与同步 异步：我们不会立刻拿到返回值，但是可以继续做别的事（非阻塞） 同步：按照顺序的去做事，同步阻塞 发布订阅模式1234567891011121

1. 什么是JSX？JSX是 JavaScript 的扩展标记语言，它允许在 JavaScript 中嵌入 HTML 代码。JSX可以让你在 JavaScript 代码中编写类似于 HTML 的代码，从而使你的代码更加简洁和易读。 例如，在React库中，你可以使用JSX编写组件的HTML结构。 123<h1 className="title" style={&

TS类型系统支持哪些类型和类型运算TS中的类型静态类型系统的目的是把类型检查从运行时提前到编译时。 1234基础类型：number、boolean、string、object、symbol、undefined、null包装类型：Number、Boolean、String、Object、Symbol复合类型：class、Array新增了三种类型：Tuple（元组）、Enum（枚举）、Interfac

1. 数组是值类型，赋值和传参会复制整个数组，而不是指针。切片是引用类型，赋值和传参都会复制指针，而不是数据。 2. 函数的参数有两种传递方式，按值传递和按引用传递。按值传递是指在调用函数时将实际参数复制一份传递到函数中，这样在函数中如果对参数进行修改，将不会影响到原来的实际参数。按引用传递是指在调用函数时将实际参数的地址直接传递到函数中，那么在函数中对参数所进行的修改，将影响到原来的实际参数。

前端工程化前端工程化指使用软件工程的技术与方法对前端开发的技术、工具、流程、经验、方案等指标标准化，它具备模块化、组件化、规范化、自动化四大特性，主要目的是降低成本与增加效率。 模块化模块化是前端工程化的重中之重。它在前端工程化中具体表现为：在文件层面上对代码与资源实现拆分与组装，将一个大文件拆分为互相依赖的小文件，再统一拼装与加载。 组件化组件化是前端工程化的重要基础。它实现了代码更高层次的复

Nginx是什么？Nginx (engine x) 是一个轻量级、高性能的HTTP和反向代理服务器,同时也是一个通用代理服务器(TCP/UDP/IMAP/POP3/SMTP)。 Nginx是一个拥有高性能HTTP和反向代理服务器，其特点是占用内存少，并发能力强，并且在现实中，nginx的并发能力要比在同类型的网页服务器中表现要好 Nginx专为性能优化而开发，最重要的要求便是性能，且十分注重效

〉Mac电脑的开发环境配置比Windows的要麻烦许多，特别是M1版本的Mac发布之后，配置方面也有些变化，对此做一些记录。 1.安装Homebrew文档地址：https://brew.sh/ 打开苹果终端，输入/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/instal

参考文章 响应式设计与自适应设计的区别响应式开发一套界面，通过检测视口分辨率，针对不同客户端在客户端做代码处理，来展现不同的布局和内容；自适应需要开发多套界面，通过检测视口分辨率，来判断当前访问的设备是 pc 端、平板、手机，从而请求服务层，返回不同的页面。 响应式布局实现方案媒体查询不管是移动优先还是 PC 优先，都是依据当随着屏幕宽度增大或减小的时候，后面的样式会覆盖前面的样式。因此，移动端优