LINNIL

在现代前端框架百花齐放的今天，Astro 凭借其独特的构建模型和“零 JavaScript 默认加载”理念，正在成为静态站点领域的明星选手。

Tailwind CSS：Tailwind CSS 是一款功能强大的、低层级的 CSS 框架，可以帮助你快速开发出高质量的用户界面。设计理念与传统的 UI 框架不同，它提供了一系列的类，允许开发者直接在 HTML 中构建和设计页面，而不需要编写自定义的 CSS 代码。使用 Tailwind CSS 你不必再为 class 命名烦恼，只需要专注于页面的设计。在 2025/01/22 Tailwind 官方正式发布了 v4.0 版本。官方文档已经针对 v4.0 进行了更新，并且给出了从 v3.0 升级到 v4.0 的指南。官方也提供了升级工具来帮助你快速完成升级。以下内容基于官方 v4.

在 2024/10/02 官方正式发布了 Tauri 2.0 的稳定版本，这给我们构建跨平台桌面应用提供了新的选择。首先我们先了解一下 Tauri 是什么？借用官方的话来说： Tauri 是用于为所有主流桌面（macOS、linux、windows）和移动（iOS、Android）平台构建微小二快速的二进制文件的框架。开发人员可以使用任何编译为 HTML、JavaScript 和 CSS 的前端框架来构建他们的应用，并且也可以在需要时使用 Rust、Swift 和 Kotlin 等语言来实现后端逻辑。总结一下 Tauri 是可以使用 Web 技术构建跨平台桌面应用，同时提供对系统本地资源访问能力的框架，没错，这介绍很容易想到另一个也是很好用的框架 Electron。Tauri 的优势在于轻量，性能，并且能提供更小的最终打包文件。

在前端开发过程中，SVG 图标（可缩放矢量图形）被广泛使用，因为它们具有可伸缩性、清晰的显示效果以及较小的文件大小。使用 SVG 作为图标有很多优势，尤其是在响应式设计和高分辨率屏幕上的表现。

由 Facebook 开发，打造最适合开发的灵活的可扩展的文本编辑体验。高度自定义话，不需要过多与 DOM 的交互，通过声明性的 API 和插件就可以快速实现想要的富文本编辑器

试着根据 GeoIP 提供的位置信息，生成由像素点组成的世界地图。可以再地图中添加标点，高亮部分区域

Abstract Syntax Tree（AST，抽象语法树） 是一种用于表示程序源代码的抽象语法结构的树形数据结构。每个节点（Node）都表示源代码中的一个语法构造（Syntax Construct），例如表达式、语句、操作符、函数、变量等。AST 通过去除代码中的不必要的语法细节（如括号、逗号、空格和注释），提供了一种更高层次的代码表示形式，使编译器或解释器可以更容易地进行分析、优化和代码生成。

开发过程中居中对齐是最常见最基础的需求。根据具体情况（元素类型，父容器属性等），有很多方式可以实现居中。写下这篇笔记的原因是 2024 CSS 终于可以通过 align-content 属性实现垂直居中，顺便巩固其他的居中方式吧。

作用域（Scope）是编程中的一个基本概念，它指的是变量和函数在代码中的**可访问范围**。简单来说就是程序在哪个部分可以访问这个变量或函数。作用域可以帮助控制和管理变量的生命周期，避免命名冲突。

在正常开发过程中，特别是在处理用户输入或窗口调整大小等频繁触发的事件时，如果事件的回调函数过于复杂或者是 ajax 请求，在高频调用下难免会出现卡顿。为了限制函数执行频率，一般有两种解决方案：

对象实例上的原型可通过 Object.getPrototypeOf(object) 或 proto 属性获得，而构造函数上的原型可以通过 Object.prototype 获得对象实例上的原型可通过 Object.getPrototypeOf(object) 或 proto 属性获得，而构造函数上的原型可以通过 Object.prototype 获得

在 React 开发中，状态管理（State Management）用于管理组件之间的共享数据，以确保 UI 和数据状态的一致性。React 本身提供了 useState 和 useReducer 进行组件级状态管理，但当应用变得复杂时，需要更高级的状态管理方案。

在开发过程中发现在循环中引用变量，但是最后输出结果都是同一个值。因为问题比较奇怪，所以稍微深入研究了一下，发现是 go 中 for 设计的问题。

在开发过程中，遇到了需要下载文件的需求，一般是直接使用 window.open() 方法，或者通过 a 标签点击下载。但是 PDF 文件只是打开了浏览器携带的 PDF 预览，需要用户手动点击预览页面的下载按钮才能下载文件。那么如何实现直接下载呢。

浏览器可以视作一个复杂的应用程序。当用户启动浏览器时，操作系统会为该应用程序分配一个进程。这个进程启动后，CPU 会为其分配相应的内存空间，供其运行和存储数据。进程启动后，便可以利用线程来执行特定任务，从而实现应用程序的功能。

Remix 是一个基于 React 的全栈框架，专注于 服务器端渲染（SSR） 和 数据加载优化，旨在提供更快、更流畅的 Web 应用体验。

事件循环（Event Loop）是 JavaScript 运行时环境中负责管理异步任务执行的一种机制。在浏览器中，事件循环是由浏览器的 JavaScript 引擎（如 V8 引擎）负责实现；在 Node.js 等环境中，也有自己的事件循环实现。简单来说，事件循环就是轮询任务队列，执行任务，休眠的无限循环。

GraphQL 是一种 查询语言（Query Language），用于客户端与服务器之间的数据通信。由 Facebook 在 2015 年开源，GraphQL 允许客户端 精准获取所需数据，避免传统 REST API 中的 多次请求或数据冗余。

在前端开发过程中，我们经常会使用到 setTimeout 和 setIntreval 方法，但在使用过程中会发现明明设置了定时器间隔，但是并没有准时执行

Webpack 是一个 前端模块打包工具（Module Bundler），用于将 JavaScript、CSS、图片等资源 进行打包、优化，并生成可以在浏览器运行的静态文件。