目前技术圈的发展速度可谓是有目共睹，尤其是前端，每隔一段时间就出新的技术，可以说让很多初学者非常畏惧，没有一个明确的方向不知道从何学起。

同时也有很多人，只局限于使用手头已掌握的技术，而不愿去尝试新技术。举个例子，如今 vue3 都已经正式发布，但仍还有停留在 vue2 不愿尝试 vue3 的开发者。而 java 都发布 18 版本了，可还有很多人都还使用着 java8，这种现象可以说是非常常见了。

官方文档 Getting Started | Next.js (nextjs.org)

安装

npx create-next-app@latest --ts
# or
yarn create next-app --typescript
# or
pnpm create next-app --ts

运行

npm run dev

访问 http://localhost:3000

项目结构

临近考试周，又要开始准备复习，顺带总结下自己平常的学习方式与一些感慨。

我个人主要的两种学习方式，主动学习与被动学习

主动学习 ✍

通常来说，主动学习往往是一件痛苦的事情。就如考试周，平常的课该去在课堂上睡觉，该不去的在宿舍睡觉，到考试周，一学期的课没听，但一想到不复习就有可能面临挂科，或多或少都会复习。考试摆烂，挂科惨淡。

:::tip 观前提醒

Vercel 部署静态资源网站极其简单方便，并且有可观的访问速度，最主要的是免费部署。

如果你还没有尝试的话，强烈建议去使用一下。

最近想搞个移动端或小程序的 Vue3 项目，所以选择跨端开发平台就显得十分重要。在业内主要有两个跨端开发平台，Taro 与 uniapp，但 uniapp 貌似对 vue3 的支持不是特别友好。所以让我在 Taro 和 uniapp 之间抉择了一段时间，最终还是尝试选择相对熟悉的 uniapp 来进行开发。

初识Figma

Figma是一款基于云端的设计工具，它允许用户在同一时间进行协作和设计。它的主要目的是提供一种简单易用的方式，让设计师和团队成员能够共同协作进行设计。

最终效果：

使用Figma和Builder把设计的页面直接转换成React代码

教程:

一、Figma配置Builder：

1. Figma安装插件Builder： 链接

pnpm 文档

前言

在一个 node 项目中免不了 node_modules 依赖，假设项目 A 用的了 Express 依赖，同时项目 B 也用到了 Express，并且两者所存放的位置不同，那么磁盘空间将会多出两份 Express 依赖，假设有 100 个项目，那么将会有有 100 倍的空间被浪费。这些空间还可以用磁盘空间来弥补，但是这 100 个项目如果都使用 npm i 去下载同样版本依赖，则是实实在在耗费网络资源去下载。

设计同步器的意义

在多线程编程中，可能会出现多个线程同时访问同一个共享、可变资源的情况，这个资源被称为临界资源。为了保证对临界资源的访问是安全的，需要采用同步机制来协调多个线程对该资源的访问。同步机制可以保证在同一时刻只有一个线程能够访问临界资源，从而避免了数据竞争和并发安全问题。

JMM的概念

JMM（Java Memory Model）是Java内存模型的缩写，它定义了Java程序中多线程并发访问共享内存时的行为规范。JMM中的核心概念包括：

1. 主内存：主内存是所有线程共享的内存区域，所有变量都存储在主内存中。