- 博客(168)
- 收藏
- 关注
RSS订阅原创 在Vue3中如何防止用户重复提交？
用户重复提交是一个常见问题。用户点击按钮后没有立即看到反馈，会再次点击。这导致重复请求，增加服务器压力，可能产生重复数据。
2026-01-26 10:24:45
236
原创 TypeScript
function sum(n1:number,n2:string):string{ //括号内表示输入类型 ,括号后面表示输出类型(返回类型)return n1+n2 //返回stringsum(1,'2'):string):Array<string|number>{ //表示返回一个数组必须是string和number类型 n2可传可不传sum(1,'2')function sum1(n1:number,n2:string):void{ //没有返回值用void定义if(n1>n2){
2026-01-16 16:19:31
372
原创 JavaScript中的常见内存泄漏场景
内存泄漏指程序中分配的内存没有被及时释放，导致内存占用不断增加。这会影响应用性能，甚至导致应用崩溃。JavaScript中，需要特别注意避免内存泄漏。
2026-01-16 11:23:55
215
原创 2025 Vue 最全的生态工具组合推荐指南
虽然 Vue2 很多项目在用，但是官方已经宣布不在维护 Vue2，所以新项目肯定首选 Vue3 来进行开发，组合式 API 开发起来比选项式 API 方便多了，而且 Vue3 的响应式实现也更加合理，对 typescript 的支持也更好，打包体积也更小，模板编译加入了静态节点提升的优化。Axios 无疑是当今 Http 请求库的王者，无论是 Node 还是浏览器端，它都能很好地支持，且配置起来比较灵活，拓展性非常强，难怪下载量一直居高不下。老牌表格组件库了，功能超级多，没有做不到的，只有你想不到的。
2025-12-25 17:42:56
423
原创 事件循环机制
程序运行需要有它自己专属的内存空间，可以把这块内存空间简单理解为进程每个应用至少有一个进程，进程之间相互独立，即使要通信，也需要双方同意。
2025-12-18 17:18:27
1002
原创 nrm管理npm源
无论你是在Windows、Linux还是macOS上，通常都可以通过npm（Node Package Manager）来全局安装nrm。首先，确保你已经安装了Node.js，因为npm是Node.js的包管理器，会随Node.js一起安装。
2025-12-05 18:13:12
248
原创 uniapp
在开发uniapp Vue3版本的时候，不能像vue2的选项式API一样，可以直接使用onLoad、onShow等，在组合式API中需要先从“@dcloudio/uni-app”模块中导入才可以。uniapp页面生命周期函数与 Vue.js 的生命周期函数有所不同，因为 uni-app 是基于 Vue.js 的跨平台应用框架，因此它具有自己特定的生命周期函数。可以在这些生命周期函数中编写相应的逻辑代码，以便在不同阶段对页面进行初始化、展示、隐藏和卸载时执行特定的操作。
2025-12-01 18:37:26
349
原创 抛弃 forEach，让数组遍历更高效
多年来，forEach方法因其简洁易读的语法成为了我们处理数组的首选。然而，随着性能要求的提高和更多数组方法的出现，是时候重新评估我们的数组遍历策略了。
2025-11-20 10:59:26
216
原创 css - 滤镜
backdrop-filter 是css中的图像滤镜属性，主要用于对元素背后的区域(即"配合使用，能实现类似 "毛玻璃" 的视觉效果。
2025-09-08 10:59:59
203
原创 vue3 - 封装Echarts
config文件夹下新建index.ts 用来按需引入echarts。Echarts下新建config文件夹 index.vue文件。
2025-08-27 11:18:05
438
原创 vue - 使用canvas绘制验证码
摘要：本文实现了一个基于Vue3的验证码组件verify-code.vue，包含随机字符生成、画布绘制和点击刷新功能。组件支持自定义宽度、高度和验证码长度，通过canvas绘制带干扰线和噪点的验证码图片，并暴露刷新方法。使用示例展示了如何集成该组件，包括验证码比对和错误处理逻辑。组件特点包括：随机字符生成、动态变形文字、干扰线/噪点增强安全性，以及点击刷新交互功能。
2025-07-25 16:27:50
397
原创 Node.js - 创建 Express 项目
本文介绍了如何创建Express后端项目。首先需全局安装express-generator，在Windows系统可能需以管理员身份修改执行策略。创建项目时使用express --no-view clwy-api命令避免视图模板，专注于API开发。安装依赖后启动服务访问localhost:3000。将路由响应改为JSON格式输出，并强调需删除默认的index.html文件。最后推荐安装nodemon实现代码修改自动重启，提升开发效率。整个流程包括：项目创建、JSON接口开发、nodemon配置等关键步骤
2025-07-25 11:46:07
704
原创 React 中使用immer修改state摆脱“不可变”
总结：Immer 是一个非常强大的库，它让我们可以以可变的方式编写代码，而最终得到的是不可变的数据。在 React 中使用 Immer 可以简化状态更新逻辑，提高代码的简洁性、减少错误、提高开发效率和代码的可维护性。无论是处理简单的状态还是复杂的嵌套状态，Immer 都能帮助我们轻松应对。
2025-07-21 16:29:46
1076
原创 React -自定义hooks - 封装双向数据绑定
主要是单向数据流，所以双向绑定不像Vue那样直接有v-model。那在React里通常是怎么做的呢？
2025-07-16 17:58:55
536
原创 React - css 模块化(modules)
因为 React 没有Vue的Scoped，但是React又是SPA(单页面应用)，所以需要一种方式来解决css的样式冲突问题，也就是把每个组件的样式做成单独的作用域，实现样式隔离，而css modules就是一种解决方案，但是我们需要借助一些工具来实现，比如webpack，postcss，css-loader，vite等。
2025-07-12 16:50:47
629
原创 React - createPortal
注意这是一个API，不是组件，他的作用是：将一个组件渲染到DOM的任意位置，跟Vue的Teleport组件类似。
2025-07-12 15:45:02
382
原创 React - Suspense异步渲染
Suspense 是一种异步渲染机制，其核心理念是在组件加载或数据获取过程中，先展示一个占位符（loading state），从而实现更自然用户界面更新体验。
2025-07-11 17:22:21
510
原创 React状态管理库 - zustand
zustand 是一个轻量级、快速且可扩展的 React 状态管理库，旨在提供一种简单直接的方式来管理应用状态，而无需其他解决方案通常伴随的繁琐代码。根据官方 Zustand 文档，Zustand 是“一个使用简化 flux 原理的小型、快速且可扩展的精简状态管理解决方案”。它允许开发者创建包含状态和操作的 store，这些 store 可以通过 React hooks 进行访问和更新。
2025-07-07 17:28:57
631
原创 React-React.memo-props比较机制
作用：允许组件在Props没有改变的情况下跳过渲染react组件默认的渲染机制：只要父组件重新渲染子组件就会重新渲染如果子组件本身不需要做重新渲染，就会存在浪费，memo就可以实现。
2025-07-07 11:52:17
298
1
原创 React-打包和本地预览 ——打包优化
路由懒加载是指路由的JS资源只有在被访问的时候才会动态获取，目的是为了优化项目首次打开的时间通过可视化的方式，直观的体现项目中各种包打包之后的体积大小方便做优化CDN是一种内容分发网络服务，当用户请求网站内容时，有离用户最近的服务器将缓存资源内容传递给用户。
2025-07-03 18:19:04
644
原创 React-数据Mock实现——json-server
在前后端分离的开发模式下，前端可以在没有实际后端接口的支持下先进行接口数据的模拟，进行正常的业务功能开发。
2025-07-01 16:52:43
347
1
原创 React-别名路径配置
在中，别名路径配置（Alias Path Configuration）是一种通过配置工具或框架，将特定的路径别名映射到实际文件路径的方法。这样可以简化文件引用路径，提高代码的可读性和维护性。
2025-07-01 16:11:28
580
原创 ReactRouter-404路由配置以及两种路由模式
场景：当浏览器输入url的路径在整个路由配置中都找不到对应的path，为了用户体验，可以使用404兜底组件进行渲染。
2025-06-27 12:19:09
221
原创 React-嵌套路由 二级路由
当我们访问一级路由时，默认的二级路由可以得到渲染，只需在二级路由位置去掉path，设置index属性为true去掉path，设置。
2025-06-26 18:14:40
330
原创 React-Redux 集中状态管理工具
Redux是React最常见的集中状态管理工具，类似于Vue中的Pinia (Vuex) ,可以独立于框架运行作用：通过集中管理的方式管理应用的状态。
2025-06-25 16:18:01
924
原创 React-自定义Hook函数，ReactHooks使用规则
声明一个use开头的函数在函数体内封装可复用的逻辑把组件中用到的状态或者回调return出去（以对象或者数组的形式）在哪个组件中要用到这个逻辑，就执行这个函数，解构出状态和回调进行使用。
2025-06-23 17:59:12
383
原创 React - useEffect函数的理解和使用
useEffect是一个React Hook函数，用于在React组件中创建不是由事件引起，而是由渲染本身引起的操作，比如：发送ajax请求，更改DOM等。
2025-06-23 17:26:03
482
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人