前端
未读
react-router v5 升级 v6
react-router v5 升级 v6 ⛄：最近在给项目从 react-router v5 升级到 v6，发现 v6 是一次重大更新，有很多的破坏性变更，我这里总结了一些常见的 API 替换方案，希望能帮到大家。 官方升级文档：https://reactrouter.com/en/main/up
【雪人日记】记一次解决issue的踩坑 ~
【雪人日记】记一次解决issue的踩坑 ~ 大家好啊，我是⛄。今天下午遇到一个很头疼的问题，业务上要给树形结构表格加一个逻辑，选择子节点的时候要求父级节点的兄弟节点及父级节点不允许选中，并且还要在不允许选中的选择框上加一个Hover的提示文字。 然后我就开始查阅Semi的文档，发现无法选中的API是
前端
未读
【从零到一手撕脚手架 | 第五节】自定义命令行下载cli工具
【从零到一手撕脚手架 | 第五节】自定义命令行下载cli工具 Hello大家好我是⛄，之前我们已经成功搭建了一套Vue3的快速开发模板，提高我们搭建新项目的效率，但是当我们的模板逐渐增多，如果依然使用git clone的方式去下载模板较为繁琐。为了解决这个问题，我们就可以自己去搭建一个命令行交互式的
前端
未读
JavaScript深拷贝看这一篇就够啦！
JavaScript深拷贝，看这一篇就够啦！ 大家好我是雪人⛄ 最近面试的时候被问到了深拷贝，我自信满满的写出了使用JSON的快捷方法，与递归深拷贝方法(只写了基础版的拷贝对象)。然后... 面试官：如果传入的是Map呢？⛄：那可以判断一下，加一个 clone Map 的。 面试官：如果传入的是Se
前端
未读
【Wbpack原理】基础流程解析，实现 mini-webpack
【Wbpack原理】基础流程解析，实现 mini-webpack ⛄：webpack 对前端同学来说并不陌生，它是我们学习前端工程化的第一站，在最开始的 vue-cli 中我们就可以发现它的身影。我们的 vue/react 项目是如何打包成 js 文件并在浏览器中运行的呢？本系列文章将会帮助你由浅入
前端
未读
【从零到一手撕脚手架 | 第四节】加速开发效率 使用plop生成开发模板 使用mock进行数据模拟
【从零到一手撕脚手架 | 第四节】加速开发效率 使用plop生成开发模板 使用mock进行数据模拟 Hello大家好我是⛄，之前我们已经配置了脚手架需要具备的基本功能：代码封装，团队协作规范等。但是可能我们有其他的需求，比如说我们想快速生成几个基础的组件模板我们可以使用Plop或者使用文件写入实现。
前端
未读
【从零到一手撕脚手架 | 第二节】模块化封装 降低耦合度 封装 axios pinia router
【从零到一手撕脚手架 | 第二节】模块化封装 降低耦合度 封装 axios pinia router Hello大家好我是⛄，前一节我们讲解了脚手架的基础项目搭建。接下来教大家将Vue技术栈常用的工具进行封装，让我们项目的代码更易维护。 GitHub：LonelySnowman/sv3-templa
前端
未读
【从零到一手撕脚手架 | 第一节】配置基础项目结构 Vite + TypeScrpit + Vue3 初始化项目
【从零到一手撕脚手架 | 第一节】配置基础项目结构 Vite + TypeScrpit + Vue3 初始化项目 hello大家好我是雪人⛄，不知不觉断更好久了😄，经过了长时间的学习，终于踏入了前端工程化的大门，大家再日常开发中总是会用到一个开发工具：脚手架，大家在使用其他人的脚手架或者一些官方脚
前端
未读
【从零到一手撕脚手架 | 第三节】项目集成CommitLInt+ESLint+Prettier+StyleLint+LintStaged
【从零到一手撕脚手架 | 第三节】项目集成CommitLInt+ESLint+Prettier+StyleLint+LintStaged Hello大家好我是⛄，前两节教大家如何初始化一个脚手架项目以及如何封装Vue技术栈常用的工具库。本小节教大家如何向我们的脚手架中配置ESLint、Prettie
前端
未读
【学习笔记】尚硅谷Webpack5入门到原理 | 高级篇
WebPack5高级篇 ⛄继续学习WebPack5的高级篇。 ⛄这一篇主要讲的是WebPack5打包优化的思路，全是配置项，无技术含量，主要是思路的学习。 ⭐注：本文是对尚硅谷 Web 前端之 Webpack5 教程的学习笔记记录，加入了一些自己的练习改动与思考。 ⭐推荐大家去看原视频：尚硅谷Web