车轱辘宝

最近几天渐渐悟出来一个道理，做技术没有出路。 我在想如果哪天我失业了，没有公司要我，以我现在的经验和能力，我该怎么办？ 结果是我什么都干不了，我的经验和能力必须依靠公司才有...

这篇博客深入剖析了 ShadCN UI 的架构与设计理念，从组件封装到 CLI 的实现，全面解析了其流行背后的核心技术。我们将对组件的变体管理、类名合并、无头组件库的封装进...

本文章从源码角度简单讲解了 ref API 的实现原理，包括依赖收集、依赖触发，以及对对象的处理，不足之处请多指正。...

vue computed 源码解析 引入：和 ref 的对比 如果你已经对ref的源码有了一定的了解，那么computed的源码看起来是很简单的，其逻辑和ref的逻辑大致相...

Vue reactive 源码解析 写在最前面 在reactivity模块中，之所以最后才写reactive是因为它的原理虽然不复杂，大家都知道是用的proxy拦截操作，但...

Vue watch 源码解析 原理综述 本文主要介绍watch和watchEffect两个API的实现原理，它们的原理可以简单地抽象为通过： 来创建一个副作用，其中： ge...

前端圈子主要使用三种包管理器npm、yarn和pnpm。目前pnpm由于其较好的综合性能，正被越来越多的人所使用。就在几个月前（2023-3-22），它的npm周下载量正式...

Vue通过createApp来创建应用实例app，并通过app.component来注册组件，app.mount来挂载组件，app.unmount来卸载组件...

scheduler是Vue 3中负责管理异步更新的模块，实现了一个任务调度和执行系统，其源码位于runtime-core/src/scheduler.ts。...

Linux 常用命令 这里总结一下平日经常用到的Linux命令，待补充。 查找文件 find 使用find可以按文件名、文件大小、文件类型等条件查找文件，平常最常用的是按文...

记录一次Vite打包优化 前几天刚刚把毕设做完，使用的是Vue3 + Vite进行开发。在部署上线之后我发现页面加载速度很慢，因此看了几种常用的优化方式，对页面进行了一些优...

前两天做到一道某大厂的题，需要实现一个Promise并发，和之前做过的Promise并发题的形式不太一样，在这里记录一下。 原题的目的是实现enqueue和_next方法...

Vue 生命周期钩子 源码解析 引入 笔者最近想给自己的一个开源库增加生命周期钩子，从而能够让开发者在特定阶段运行自己的代码，增加库的可扩展性。于是我学习了Vue3生命周期...

Vue provide & inject 源码解析 引入 依赖注入是Vue中负责组件间共享代码的功能，在应用程序的规模增大时，由于组件树的深度会变的很深，使用props进行...

Vue renderer 源码解析 引入 renderer是Vue负责渲染组件的模块，是Vue的核心模块之一。组件的挂载、卸载和更新逻辑都位于该模块中。该模块将DOM结构抽...

前端中的 Web 安全（一）：HTTPS 引入：HTTP 存在的问题 HTTP协议在诞生之初，设计时并没有考虑安全上的问题。但随着互联网的发展，逐渐出现了企图利用web安全...

同源策略 基本概念 如果两个 URL 的协议、端口（如果有指定的话）和主机都相同的话，则这两个 URL 是同源的。同源策略是一个重要的安全策略，它用于限制一个源的文档或者它...

Vue Diff 算法源码解析 引入 我们知道，在Vue的渲染器（renderer）中，Vue通过对新旧虚拟节点进行patch来进行真实DOM的更新。对比新旧节点分为三个部...

ElementPlus是我们在日常业务中经常会接触到的组件库，如果要在项目中引入它，我们一般会在打包工具的配置文件中使用ElementPlus的按需导入插件，对相关API和...