- 博客(83)
- 收藏
- 关注
RSS订阅原创 【技巧】优雅的使用 pnpm+Monorepo 单体仓库构建一个高效、灵活的多项目架构
单体仓库（Monorepo）搭建指南：从零开始单体仓库（Monorepo）是一种将多个相关项目集中管理在一个仓库中的开发模式。它可以帮助开发者共享代码、统一配置，并简化依赖管理。本文将通过实际代码示例，详细介绍如何使用 pnpm 搭建一个单体仓库。
2025-01-21 16:57:23
1926
原创 【组件库】使用Vue2+AntV X6+ElementUI 实现拖拽配置自定义vue节点
AntV X6：一个基于 HTML5 Canvas 的图形化框架，支持流程图、拓扑图等多种图形化场景。ElementUI：一个基于 Vue 的 UI 组件库，提供丰富的表单、表格和弹窗组件。Vue.js：一个渐进式 JavaScript 框架，用于构建用户界面。在 src/components/CellNode.vue 中，实现自定义的 Vue 节点组件。
2025-01-21 10:32:49
784
1
原创 【Mock】前端er 如何优雅快速搭建Mock服务
搭建 Mock 服务可以通过使用在线平台（如 Apifox、EasyMock）、本地工具（如 JSON Server、Mock.js）、集成到开发框架中（如 Vite、Webpack 插件）或自建 Mock 服务器（如用 Node.js 和 Express、Koa）来实现。
2025-01-15 15:00:32
938
原创 【组件库】优雅的封装 AntV X6 快捷键事件
在这个封装中，我们定义了三个函数removeCells、undoAction和redoAction来分别处理删除、撤销和重做操作。然后我们定义了一个bindKey函数，它接受一个快捷键和一个动作函数作为参数，用于绑定快捷键到对应的操作。最后，我们在handleEvent函数中调用这些封装好的函数。这样做的好处是，如果你需要在其他地方也绑定这些快捷键，你可以直接调用bindKey函数，而不需要每次都写一遍绑定逻辑。同时，如果将来graph.value对象的API发生变化，你只需要在封装的函数中修改，而不需
2024-12-27 15:33:19
416
原创 【报错】[Nest] Error: listen EACCES: permission denied 0.0.0.0[NestFactory] Starting Nest application...
这个错误表明你的应用程序没有权限监听3000端口。这通常是因为端口已经被其他进程占用，或者你的应用程序没有足够的权限去监听这个端口。：如果3000端口已经被占用，你可以尝试更改Nest.js应用程序的配置，使用一个不同的端口。：使用命令行工具检查3000端口是否已经被其他进程占用。在Linux或Mac上，你可以使用。：如果找到了占用3000端口的进程，你可以尝试关闭它，或者重新配置该进程以使用不同的端口。在Windows上，你可以使用。方法的参数来更改端口。
2024-12-11 09:41:44
355
原创 【Vue3进阶】组件通信进阶使用方法——defineProps、defineExpose、defineEmits
本文详细介绍了Vue 3中组件间通信的三种主要方式：父组件向子组件传递数据的`defineProps`、子组件向父组件暴露属性和方法的`ref+defineExpose`以及子组件向父组件传递事件的`defineEmits`。`defineProps`允许子组件以类型安全的方式接收来自父组件的数据。`ref+defineExpose`则使得父组件能够通过`ref`访问子组件中明确暴露的属性和方法，增强了组件间的交互性。而`defineEmits`则为子组件提供了一种机制，使其能够触发事件并将数据发送
2024-12-09 11:27:50
1106
原创 【25春招前端八股文】——JS数据类型检测方式
而对于其他对象，则需要通过 call / apply 来调用才能返回正确的类型信息。toString() 是 Object 的原型方法，调用该方法，默认返回当前对象的 [[Class]]。是JS语言的一个历史遗留问题，在第一版JS代码中用32比特来存储值，通过值的。运算符只能用于检查某个对象是否是某个构造函数的实例，不能用于基本类型的检查。，也就是类似于做一个强制转换的操作，而不是默认当作构造函数来调用。操作符创建的构造函数的实例，而构造函数创建的是对象。,不能判断基本数据类型。，所以创建的是一个对象。
2024-12-03 17:56:13
734
原创 【报错】npm run dev命令报错：(node:5460) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=
(node:5460) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18)(Use `node --trace-warnings ...` to show where the warning was created)(node:5460) UnhandledPromise
2024-11-04 22:00:14
352
原创 【Vue】一个案例带你学会组件通信!!!（1）（父传子props＋子传父$emit）
嘿，开发者们👋！欢迎来到今天的Vue.js组件通信大冒险。你是否曾在父子组件间的数据同步问题上感到头疼？🤯 今天，我们将一起揭开Vue.js父子通信的神秘面纱，学习如何让数据在父子组件间流畅地“跳舞”💃。无论你是Vue.js的新手还是老手，这篇文章都会给你带来新的启发和实用的代码示例。准备好了吗？让我们踏上这段编码之旅吧！🚀。
2024-11-03 11:47:07
769
原创 【Echarts】❗️❗️❗️如何解决Echarts图表提示框组件超出页面的问题以及提示框位置控制，Echarts gl三维图表常见问题等汇总
在 ECharts 中，tooltip 的 position 属性用于控制提示框的弹出位置。通过设置 position 属性，你可以自定义提示框相对于图表的显示位置。position 属性可以是一个函数，该函数接收一些参数并返回一个 [x, y] 坐标的数组，用于指定提示框的绝对位置。配置，这个配置就是用来控制：是否限制提示框在图表范围内。如图，我们可以看到第二个年份弹出的提示框超出了整个界面范围，看完错误，直接上解决方案❗️。选项，这个使用来配置提示框弹出位置的。下面的其他配置，我们可以看到有一个。
2024-10-28 17:38:01
1437
原创 【Git】将代码写到主分支上如何撤销并切换到开发分支提交❗️
于是也是在网络上查找了很多教程，自己也是新开了一个测试仓库，试了一下，最后最后希望能解决这个问题。实习生长见识了，下次一定要记得记得注意❗️是在哪一个分支写代码，今天就是一直在。首先先撤销代码，可视化操作如下图👇，如果要使用git命令的话就是输入。最后一步就是重新提交代码，这样就会将代码跑到你想要的分支上啦🥳。我一个实习生竟然敢在主分支提交😨本主管发现不得一顿骂😭。第三步，从暂存区中取出代码，并且正确的保存到分支中。然后输入命令修改的代码提交到暂存区。分支上写代码，提交后发现大家都得。
2024-10-24 15:07:53
285
原创 【报错】Mysql出现“1146 - Table‘mysql.yonghu‘ doesn‘t exist”报错信息
别担心，解决办法非常的简单，只需要关闭连接再重新连接起来就完事了！具体原因我也不知道为什么，反正就是这样干着先吧哈哈哈哈，能解决问题就行。好不容易连接上了mysql，然后打开表的时候出现了这个报错信息，是不是心态又又又炸裂了。
2024-10-11 21:26:31
216
1
原创 【报错】快速解决 Error: error:0308010C:digital envelope routines::unsupported at new Hash
网上的方法很多，可以通过降级node版本，或者更新 browserslist 数据库、设置环境变量等等方法。我这里直接教大家一个快速解决，不同降版本!也不用更新那些变量，真的超级简单哦😆。我在网上搜了一下，是因为我的node版本太高了（我的是node20）因为 nodeJs V17 版本发布了 OpenSSL3.0 对算法和秘钥进行了限制，所以出现了错误。
2024-09-20 12:01:33
387
原创 2024年最新版TypeScript学习笔记——泛型、接口、枚举、自定义类型等知识点
TypeScript支持基础类型如布尔值、数字、字符串、数组、元组、枚举等，以及高级类型如交叉类型、联合类型、类型别名和条件类型。它引入了接口来定义对象结构，支持类和面向对象编程，包括构造函数、方法和装饰器。函数在TypeScript中可以定义输入输出类型，增强了代码的可读性。泛型允许创建可重用的代码组件，支持多种数据类型。模块和命名空间特性使得代码组织和封装更加有效，避免了全局命名冲突。装饰器为类和成员提供元数据，混入允许合并构造函数和工厂方法，而类型声明文件（.d.ts）则提供必要的类型信息。
2024-09-18 14:27:48
1743
原创 关于Typora上传图片错误解决办法——（上传图片失败。错误信息: {“success“:false,“message“:“upload error. see C:\\Users\\））
就是因为这个选项，导致了我们上传图床的时候添加了后缀路径，导致上传失败了，所以我们只需要把这个选项关闭了，就能成功啦🥳。在这个图像设置当中，我们要关闭图片语法偏好里面的。其实对于这个问题，不是上传服务错误，而是你的图像路径名称出错了。关闭了该选项之后，再试着上传以下图片，出现。就表示咱们得图片能够上传到图床咯🤗。然后图片也没有展示出来。
2024-09-16 15:35:29
573
原创 2024年最新版Vue3学习笔记
本篇文章是记录来自尚硅谷禹神2023年课程的学习笔记，不得不说禹神讲的是真的超级棒！基于vite创建，是一个新一代的前端构建工具。优点：wepack构建流程vite构建流程创建步骤：安装插件：目录分析：创建应用：导入根组件：挂载组件：编写一个App组件：启动项目：向下兼容语法，且中的模板中可以没有根标签。新创建的组件：在App.vue中使用组件上面是使用Vue2的选项式（OPotionsAPI）写法来写的类型的 ，数据、方法、计算属性等，是分散在：、、中的，若想新增或者修改一个需求，
2024-09-15 18:57:11
2079
2
原创 2024年最新版JavaScript学习笔记【3万字总结】
本篇文章是记录来自黑马pink老师2023年课程的学习笔记，不得不说pink老师讲的是真的超级棒！ 内容也是非常丰富的，本篇文章我也是基于在原始课程的基础上，添加了一些自己的写法，还有一些小案例内容。所有涉及到的JavaScript知识点有：变量、数组、数据类型、运算符、函数、对象、BOM和DOM、事件、面向对象、以及ES6+新特性。正则表达式等等等。而且本篇内容还不算完结，知识记录了pink老师讲的课的知识点，后面我还会添加上Promise、AJAX、跨域等知识，让整个JavaScript体系完完
2024-08-21 14:51:50
1428
3
原创 HTML+CSS进阶用法 (下)——移动端适配、媒体查询和响应式布局
欢迎来到移动端适配方案的介绍！随着移动互联网的快速发展，越来越多的用户通过手机和平板电脑访问网站。为了确保网站能够在各种设备上呈现出最佳的视觉效果和用户体验，我们需要采取有效的适配策略。本篇文章将带你了解几种常用的适配方法，包括宽度适配、等比适配、媒体查询以及使用 flexible.js 和 vw 布局。让我们一起探索如何构建响应式网页，使其能够完美适应不同屏幕尺寸！
2024-08-16 08:15:00
1757
原创 HTML+CSS进阶用法（中） ——CSS动画
/使用 from 和 to 关键字：@keyframes 动画名称{from{} //开始状态to{} //结束状态//使用百分比：@keyframes 动画名称{0% {}10% {}.....100% {}
2024-08-15 08:45:00
612
原创 HTML+CSS进阶用法（上）——平面转换、渐变、空间转换
在这篇博客中，我们将深入探讨CSS中的变换属性`transform`，它为网页设计带来了无限的可能性。从基础的位移、旋转和缩放，到复杂的3D转换和动画效果，`transform`属性都能轻松实现。让我们开始这段视觉与技术的旅程，探索如何使用这些强大的工具来创造令人惊叹的网页效果。---欢迎来到CSS变换的世界，这里充满了创意和可能性。在本篇博客中，我们将一起学习如何使用`transform`属性来实现各种平面和空间转换效果，包括位移、旋转、缩放，以及如何通过渐变和动画来增强我们的网页设计。无论你是初
2024-08-14 17:39:22
1022
1
原创 【小技巧】前端HTML项目开发创建流程！
项目目录base.css/* 去除常见标签默认的 margin 和 padding */* { margin: 0; padding: 0; box-sizing: border-box;}/* 设置网页统一的字体大小、行高、字体系列相关属性 */body { font: 16px/1.5 "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; c
2024-08-14 10:00:00
264
原创 一天搞定Vue3——包含Axios、ElementUI Plus、Vuex的使用!!!
一天搞定Vue3——包含Axios、ElementUI Plus、Vuex的使用!!!前言,本篇文章是依据bilibili博主(波波酱老师)的学习笔记,波波酱老师讲的很好,很适合速成!!!本篇文章会与vue2进行对比学习,并且也有很多的JavaScript知识点，要提前掌握他们才能学的效果更佳,见效更快。
2024-08-13 16:44:40
1264
原创 【项目】基于Vue3.2+ElementUI Plus+Vite 通用后台管理系统
【项目】基于Vue3.2+ElementUI Plus+Vite 通用后台管理系统
2024-08-13 15:43:08
774
原创 超级简单的路由懒加载实现方法！！！
如上，如果我们需要导入这些组件，但是还没有被需要使用的时候，就会非常的占用资源。懒加载就配置好啦🥳。甚至还可以直接在路由当中。
2024-08-12 14:47:44
250
原创 前端面试常问的CSS盒子模型和flex布局
内边距：padding（出现在内容与盒子边缘之间）边框线：border外边距：margin（出现在盒子之外）盒子尺寸=内容尺寸+边框尺寸+内边距尺寸，所以给盒子加上border/padding会撑大盒子。还有flex布局
2024-08-11 18:00:00
883
原创 前端面试常考的CSS定位和CSS高级应用，你会多少鸭?
CSS定位:静态定位、相对定位、固定定位、层级效果、粘性定位、绝对定位CSS高级应用：CSS精灵图（雪碧图）、字体图标、透明度opacity、光标类型cursor、显示和隐藏属性，BFC块级上下文、表格样式、文字溢出效果、文字溢出显示省略号、渐变色的使用
2024-08-10 17:17:34
713
原创 一天搞定前端开发必备技能（5）——json、json-server搭建接口数据
前端也能配置接口数据啦！！！，实习生是不是还在忧愁项目提供的接口关闭了，开发者是不是还在等待后端接口写的太慢了，测试是不是还看不懂前端的json数据呢？现在学习了这篇文章，看看能不能解君愁🌹。
2024-08-10 17:04:46
906
原创 【小技巧】CSS如何实现文字溢出显示省略号
是一种常见的文本截断技术，用于在文本内容超出其容器宽度时，提供一种视觉上的提示，表明文本已被截断。在列表项或者导航菜单中，经常会在列表项或导航菜单中，由于空间有限，当文本内容较长时，可以使用省略号显示文本已被截断。这个方法很多地方都会用到，我们可以直接复制下来，写在一个公共样式当中，下次直接使用类名即可(当然，文字省略了之后，也要得找个时机让他的文字完全显示的做法，只需要设置一个。方法非常简单，只需要添加以下👇三句话就可以实现啦🥳！伪类，让鼠标经过的时候显示全。设置不允许换行，强制文字一行显示。
2024-08-03 20:42:48
1724
原创 一天搞定React（5）——ReactRouter（下）【已完结】
Hello！我看到了消息，一定会及时更正过来∠(°ゝ°)。话不多说，直接开学💪⛽️
2024-07-26 20:26:56
982
原创 一天搞定Recat（5）——ReactRouter（上）【已完结】
Hello！我看到了消息，一定会及时更正过来∠(°ゝ°)。话不多说，直接开学💪⛽️。
2024-07-25 23:30:39
820
原创 【前端面试】面试前端实习常问的关于【ES6新特性】的问题
是一些面试前端实习时可能会问到的关于ES6新特性的问题：箭头函数、类和继承、模板字符串、解构赋值、默认参数值、剩余参数和扩展运算符、Promises、模块化、Set和Map、Proxy和Reflect、Symbol、迭代器和生成器。
2024-07-25 18:49:21
1297
原创 【前端面试】搞定前端面试题——MVC模型和MVVM模型的区别！！！
MVVM是一种设计模式，主要用于构建用户界面，特别是在现代的前端框架中。MVC 是一种软件设计模式，用于组织代码，使应用程序的组件。，从而更容易开发和维护。视图不直接与模型交互。
2024-07-24 11:30:25
454
原创 一天搞定React（3）——Hoots组件【已完结】
Hello！大家好，今天带来的是React前端JS库的学习，课程来自黑马的往期课程，具体连接地址我也没有找到，大家可以广搜巡查一下，但是总体来说，这套课程教学质量非常高，每个知识点都有一个小案例，最后有一个总的美团外卖案例教学，大家可以看看我这篇文章，如果能够帮到你们，还请多多点赞o(￣▽￣)ｄ支持支持🌹，如果文章中有错误的或者是遗漏信息，可以在评论区指出或者是与我私信。我看到了消息，一定会及时更正过来∠(°ゝ°)。话不多说，直接开学💪⛽️！
2024-07-21 23:39:58
1235
2
原创 一天搞定React（2）——JSX语法【已完结】
Hello！大家好，今天带来的是React前端JS库的学习，课程来自黑马的往期课程，具体连接地址我也没有找到，大家可以广搜巡查一下，但是总体来说，这套课程教学质量非常高，每个知识点都有一个小案例，最后有一个总的美团外卖案例教学，大家可以看看我这篇文章，如果能够帮到你们，还请多多点赞o(￣▽￣)ｄ支持支持🌹，如果文章中有错误的或者是遗漏信息，可以在评论区指出或者是与我私信。我看到了消息，一定会及时更正过来∠(°ゝ°)。话不多说，直接开学💪⛽️！
2024-07-21 23:36:27
1133
仲恺ZK-信计专业《WEB程序设计》历年试卷
2024-12-11
2024年7月-山东依智科技Web前端实习生面试题
2024-07-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人