- 博客(70)
- 收藏
- 关注
RSS订阅原创 Flowith、Kimi、DeepSeek、Cursor 和 Trae的相同点和不同点
Flowith更适合需要团队协作、可视化管理和复杂任务拆解的用户，其画布式交互和多线程对话功能是其独特优势。Kimi在长文本处理和深度推理方面表现出色，适合学术研究、内容创作和编程辅助等场景。DeepSeek专注于复杂推理和高端应用，其高效的模型架构和开源特性使其在企业级和专业研究领域具有优势。Cursor主要面向程序员，提供强大的代码编辑和开发辅助功能。Trae更适合个人用户进行时间管理和任务规划，注重习惯养成和学习辅助。
2025-05-23 10:15:07
366
原创 记录下递归
在树形结构中，已知目标对象的值，可以通过递归或迭代的方式找到其所有父级对象。以下是一个基于递归的方法，通过id查找目标对象的所有父级对象。主要记录下之前写代码的不好习惯----如果是想利用递归函数返回对应的数据，那么要接收每个递归函数的返回值，否则深层递归的值将获取不到。
2025-04-23 19:26:38
387
原创 electron使用remote报错：Uncaught TypeError: Cannot read property ‘BrowserWindow‘ of undefined
在 Electron 14 及更高版本中，内置的remote模块已经被移除，因此直接使用会导致的错误。为了解决这个问题，你需要使用模块来替代内置的remote模块。
2025-04-20 16:42:04
287
原创 electron 渲染进程按钮创建新window，报BrowserWindow is not a constructor错误；
推荐使用方法 1，通过 IPC 通信，符合 Electron 的设计，安全性更高。如果需要快速实现，可以使用方法 2，但需要注意的安全性和未来兼容性。方法 3 更适合需要从渲染进程直接打开窗口的场景，但需要在主进程中进行严格控制。
2025-04-18 16:35:15
565
原创 安装 SSL 证书与使用 mkcert 生成本地证书的区别
安装 SSL 证书：适用于生产环境，确保网站或服务的安全性。使用 mkcert 生成本地证书：适用于本地开发环境，方便开发和测试，避免证书问题影响开发。根据你的需求选择合适的方式：如果是在生产环境中，建议安装由 CA 签发的 SSL 证书；如果是在本地开发环境中，可以使用 mkcert 生成本地证书。
2025-04-09 20:27:14
484
原创 js 拷贝-包含处理循环引用问题
浅拷贝：适用于不需要递归复制嵌套对象或数组的场景。扩展运算符...和扩展运算符深拷贝：适用于需要递归复制嵌套对象或数组的场景。JSON.parse和（不支持特殊类型）递归函数第三方库（如 Lodash 的根据实际需求选择合适的拷贝方法，可以高效地实现对象和数组的拷贝。
2025-04-09 16:20:04
366
原创 前端面试 vue权限控制
权限控制是前后端结合的工作，前端主要负责路由、菜单和按钮的权限控制，后端负责数据权限的最终验证。在实际项目中，可以根据项目需求选择合适的权限控制方案。在前端面试中，Vue权限控制是一个常见的考点。以下是关于Vue权限控制的常见面试问题和相关知识点，帮助你更好地准备面试。登录后，根据用户权限动态加载路由。这种方式避免了加载无权限的路由，但需要后端返回用户的权限信息。数据权限通常通过后端接口控制，前端可以通过请求拦截器统一处理权限验证。菜单权限通常由后端返回，前端根据用户权限动态生成菜单。
2025-04-07 11:31:11
282
原创 寻找字符串数组中的最长共同前缀字符串
问题描述：给定一个字符串数组 strs，编写一个函数来找到这些字符串的最长公共前缀字符串，如果没有则返回空字符串""
2025-04-06 16:01:18
212
原创 浅谈 MVVM 模式
是一种软件架构设计模式，旨在将用户界面（UI）与业务逻辑分离，从而提高代码的可维护性和可测试性。它在现代前端开发和桌面应用开发中得到了广泛应用，尤其是在构建复杂的用户界面时，MVVM 模式能够显著提升开发效率和代码质量。
2025-04-05 20:03:38
622
原创 vue watch和 watchEffect
是一个更通用的 API，允许你监听一个或多个响应式数据源的变化，并在数据变化时执行指定的回调函数。它提供了更多的控制能力，例如可以指定监听的数据源、回调函数的执行时机等。是两个用于响应式地监听数据变化并执行副作用的 API。它们在功能上有一些相似之处，但用途和行为有所不同。是一个更简洁的 API，用于自动收集依赖并执行副作用。它会在首次执行时自动收集依赖，并在依赖变化时重新执行。模式，即回调函数会在首次执行时立即运行。在 Vue 3 中，
2025-04-05 19:43:35
532
原创 Vue路由守卫详解
Vue 路由守卫是 Vue Router 提供的一种功能，用于在路由导航的不同阶段插入控制逻辑，从而实现对路由跳转的精细化管理。
2025-04-03 11:59:16
1146
原创 React.memo()和 useMemo()的用法是什么，有哪些区别
使用 React.memo()来优化组件的渲染性能，尤其是当组件的 props 没有变化时，避免不必要的重新渲染。使用 React.useMemo()来优化组件内的计算逻辑，避免重复计算，尤其是在计算复杂或耗时的场景中。根据具体的性能优化需求，选择合适的工具来提升应用的性能。
2025-04-01 20:41:51
896
原创 React 函数组件间怎么进行通信?
在 React 函数组件中，组件间通信的方式与类组件类似，但更多地依赖于函数式编程的特性。父子组件通信通过props从父组件向子组件传递数据。通过回调函数从子组件向父组件传递数据。兄弟组件通信通过共同的父组件的状态和回调函数实现。跨层级组件通信使用提供全局上下文。使用状态管理库（如 Redux、MobX）管理全局状态。事件总线通过全局事件总线发布和订阅事件（较少使用，但适用于某些场景）。
2025-04-01 20:34:08
526
原创 useState和useReducer的相同点和不同点
useState和useReducer是 React 中用于管理组件状态的两个重要 Hook，它们在功能上有一些相似之处，但也有明显的不同点。
2025-03-28 11:03:48
745
原创 记录react和vue 属性传组件相关的事宜
在 React 中，函数组件的属性（props）不仅可以传递数据（如字符串、数字、对象等），还可以传递组件本身。这种模式在 React 中非常常见，尤其是在需要动态渲染子组件或者实现高阶组件（HOC）时非常有用。
2025-03-27 20:26:36
448
原创 react中 useEffect和useLayoutEffect的区别
useEffect和都是 React 中用于处理副作用的 Hook，但它们在执行时机和用途上有一些关键区别。理解这些区别可以帮助你更好地选择适合的 Hook 来实现特定的功能。
2025-03-25 19:13:01
1008
原创 新手小白 react-useEffect 使用场景
useEffect是 React 中的一个非常重要的 Hook，用于处理组件的副作用（side effects）。
2025-03-25 19:03:26
619
原创 craco.config.js是什么？
需要注意的是，执行 eject 后，你将不再享受 Create React App 提供的抽象和自动化功能，同时也需要自行处理配置和构建的相关问题。这意味着你对项目的配置和构建有更多的责任和掌控，但也能满足更灵活的定制需求。相关配置都隐藏起来，若需要修改配置可以执行以下命令将配置文件弹出来，但此操作是不可逆的。，开发者可以灵活地定制 React 项目的构建过程，而无需深入了解底层实现。命令的情况下，覆盖和扩展 CRA 的默认配置，从而满足更复杂的项目需求。，于是了解一下，这是一篇小白篇！
2025-03-10 15:50:50
642
原创 webpack file-loader和url-loader
会将文件内容转换为 Base64 编码；超过限制时，会退化为。目录，并为文件名添加哈希值。当文件大小小于 8KB 时，这里将匹配的文件输出到。
2025-03-10 15:09:14
678
原创 Vuex，sessionStorage，localStorage的区别
是一个常见的问题，主要考察你对前端状态管理的理解以及对浏览器存储机制的掌握。根据实际需求选择合适的工具：如果需要管理全局状态，使用 Vuex；如果需要持久化存储，使用。如果需要临时存储会话数据，使用。在面试中，关于 vuex。
2025-03-10 11:57:57
673
原创 webpack和vite的区别
根据项目需求选择合适的工具：如果追求开发速度和体验，Vite是更好的选择；如果需要高度定制化和成熟的生态系统，Webpack更为合适。
2025-03-10 11:42:34
578
原创 强缓存协商缓存
强缓存：当浏览器请求资源时，直接从本地缓存中获取资源，而无需向服务器发送请求。强缓存的实现主要依赖于 HTTP 响应头中的和Expires字段。协商缓存：当强缓存失效后，浏览器会向服务器发送请求，携带缓存标识（如或ETag），服务器根据这些标识判断资源是否发生变化。如果资源未变化，服务器返回状态码，浏览器继续使用本地缓存。
2025-03-10 11:26:10
333
原创 vue和react的异同
Vue.js 和 React 是目前前端开发中非常流行的两种框架/库，它们在设计理念、使用方式、生态等方面既有相似之处，也有显著的差异。
2025-03-10 11:23:11
704
原创 element-plus el-upload 因默认自动上传导致的一系列问题
然而就只上传了一个文件，提示的很莫名其妙，并且浏览器也会请求我上传的文件。最后跟同事请教下：说可能是el-upload 自动上传导致的，于是 设置。最后成功解决上述问题，想要完整代码的可以call我！然而这样写后上传文件，总是会提示。
2025-03-07 16:26:03
349
原创 element-plus el-upload支持拖拽和点击上传 且 固定某个按钮上传
在 Element Plus 中，el-upload组件支持同时实现拖拽上传和点击上传的功能。但是点击上传是整个div 都可以点击上传，然而在实际项目中，我们可能需要支持只点击某个按钮上传文件。
2025-03-05 19:37:39
469
原创 ！踩坑 element-plus el-upload兼容拖拽和点击上传的坑
组件中，是可以兼容拖拽文件和点击上传文件的，但是这个过程中没有等待用户确定上传这个文件的过程，什么意思呢？然而element-plus el-upload里面没有方法可以禁用弹起选择文件的框框。所有还有别的解决方案么，请各位大佬帮忙看看。但是上传文件后是要用户确定上传文件的。在 Element Plus 的。这个trigger，依然不起作用。
2025-03-05 16:41:23
267
原创 react 路由跳转的几种方式
Link>和<NavLink>：适合页面级导航，简单易用。和useHistory：适合编程式导航，适合在事件处理函数中使用。navigate函数：适合更灵活的路由控制，支持相对路径。<Redirect>：适合条件跳转，但在 React Router v6 中已被移除。根据你的具体需求选择合适的路由跳转方式即可。
2025-02-28 17:06:48
1098
原创 TypeScript中定义枚举并使用，lint报错 ‘xx‘ is defined but never used
在 TypeScript 中定义枚举但未使用时，ESLint 会报错，这是因为 ESLint 的规则检测到枚举被定义但未被引用。
2025-02-25 15:31:25
490
原创 vue3 下载文件 responseType-blob 或者 a标签
在 Vue 3 中，你可以使用axios或fetch来下载文件，并将设置为blob以处理二进制数据。以下是一个使用axios。
2025-02-24 16:10:09
760
原创 vue3 文件类型传Form Data数据格式给后端
在 Vue 3 中，如果你想将文件（例如上传的 Excel 文件）以FormData格式发送到后端，可以通过以下步骤实现。这种方式通常用于处理文件上传，因为它可以将文件和其他数据一起发送到服务器。首先，创建一个 Vue 组件，用于选择文件并将其封装到FormData中。
2025-02-21 19:06:16
761
原创 vue3 采用xlsx库实现本地上传excel文件，前端解析为Json数据
根据实际需求，对数据进行格式转换或校验。通过以上步骤，你可以在 Vue 3 项目中实现本地上传 Excel 文件并解析为 JSON 数据的功能。
2025-02-21 18:51:00
673
原创 vue3 input type=“file” 修改样式
div class="file-box textThemeColor"><input type="file" class="file-btn" accept=".xls,.xlsx" @change="changeExcel($event)"/>点击添加</div>这就是效果啦，嘿嘿和。
2025-02-20 18:11:19
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人