CassieHuu

本文一起探究shadcn-ui 的 Resizable 组件，它基于react-resizable-panels封装，整合 Tailwind CSS 样式，提供了简单易用、美观且高性能的面板解决方案。

### 前言 拿到了心仪公司的offer，大晚上睡不着了，试着记录下。 回头看这一路，感觉找工作有点像备考，首先你要相信，工作还是找得到的，要做的就是开始行动。 ### 找工作的关键要点 1.

Webpack 的 Code Splitting（代码分割）是一种优化技术，用于将打包后的代码拆分成多个较小的 bundle，按需加载，从而提高应用加载速度和性能。

Tree-shaking 是 Webpack 等现代构建工具中用于消除未使用代码（dead code）的技术，其核心目标是在打包时只保留被实际引用的代码，从而减小 bundle 体积。

Webpack 打包后的 bundle 文件（通常是 main.js 或带有哈希值的 JS 文件）是一个包含所有应用代码的 自执行函数，它整合了模块之间的依赖关系，并通过自定义的模块系统实现按需加载。

在 Webpack 中，Loader 和 Plugin 是两个核心概念，但它们的工作方式和接受的参数有很大区别。

WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，允许客户端和服务器之间进行实时数据交换。

nextTick 是 Vue.js 提供的一个核心工具函数，用于在 DOM 更新后执行回调。它解决了 Vue 异步更新机制带来的时序问题，是开发中处理 DOM 操作的关键工具。

在JavaScript的发展历程中，模块化规范经历了从运行环境层面到语言层面的演进，由于ESModule需编译为CommonJS才能在老浏览器运行，而CommonJS无法直接在浏览器中使用