自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 mac安装nvm和node

如果你执行 nvm 还是提示找不到,手动加一遍配置(保险做法)安装完之后,你需要把 nvm 加到 shell 配置文件里。就可以通过nvm安装需要的版本号了node了。如果你是 zsh(Mac 默认)能看到版本号就 OK了。

2026-06-24 09:17:33 276

原创 Claude Code接入免费模型Agnes

打开终端,输入claude,就可以跟它对话啦,如果它有回答你的问题,说明已经配置成功了!点击创建 API key ,名称自己命名就行,创建完成后,请复制保存好生成的key。没有安装claude code和cc-switch可以看上一篇文章,有记录下载。点击获取模型列表并选择模型,完毕后点击添加并启动配置。1、已安装好claude code。2、已安装好cc-switch。3、已注册Agnes的账号。2、cc-switch配置。1、获取API Key。打开cc-switch。打开agnes,点击。

2026-06-22 17:16:22 1084

原创 Claude Code 安装与接入 DeepSeek 指南

选用deepseek模型: deepseek-v4-pro 或 deepseek-v4-flash ,配置完点击保存即可。点击创建 API key ,名称自己命名就行,创建完成后,请复制保存好生成的key。上述安装完成之后,输入以下命令,查看版本号:claude --version。在终端输入claude,我们可以发现,claude code已经正常运行了。在Releases页面选择对应系统平台的版本,然后双击安装即可。2.1 使用 npm 全局安装(推荐)打开deepseek,点击。

2026-06-22 12:40:35 406

原创 小程序生命周期

触发时机:小程序初始化完成时(全局只触发一次)常用场景:获取用户信息、登录、全局数据初始化。触发时机:页面初次渲染完成时(只触发一次)触发时机:小程序启动或从后台进入前台时。常用场景:接收参数、数据初始化、网络请求。触发时机:页面显示时(每次进入都触发)触发时机:页面隐藏时(跳转或切后台)触发时机: 页面尺寸变化时(仅手机)触发时机:页面加载时(只触发一次)触发时机:小程序从前台进入后台时。触发时机:页面卸载时(关闭页面)触发时机:小程序发生脚本错误时。触发时机: 页面滚动到底部时。

2026-05-22 16:53:47 252

原创 css选择器用法

会被选中的:input type=“text”、input type=“password”、input type=“email” 等所有声明了 type 属性的输入框。一个元素可以有多个class:< div class=“card title” >通常用于重置默认样式,但由于性能问题(浏览器要遍历所有元素),不建议滥用。慎用ID选择器作样式——优先级太高(后面会讲),不利于覆盖,也难复用。重点:before / after伪元素必须有 content。选中某个元素内部的某个元素,不限层级。

2026-05-19 15:25:23 207

原创 关于Promise的简单理解

摘要: Promise是JavaScript中处理异步操作的机制,类似现实中的订单小票,代表未来会完成的操作。它有三种状态:pending(进行中)、fulfilled(成功)、rejected(失败)。通过new Promise创建Promise,用resolve和reject分别处理成功和失败。使用.then和.catch处理结果,实现非阻塞异步操作。常用静态方法Promise.all(等待所有任务完成)和Promise.race(取最先完成的结果)。async/await是Promise的语法糖

2026-05-19 10:56:25 457

原创 使用defineExpose暴露子组件的属性及方法

Vue 3的<script setup>语法糖默认封闭组件内部内容,但可通过defineExpose暴露子组件属性和方法。文章演示了如何暴露响应式数据、方法及非响应式数据,并列举了表单提交和模态框控制两个典型应用场景。关键注意事项包括:响应式数据保持双向绑定、暴露时机需在组件挂载后、以及TypeScript的类型安全支持。defineExpose在保持组件封装性的同时,提供了必要的父子组件通信能力。

2025-10-18 14:58:49 746

原创 Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化

Vue3中的watch和watchEffect是Composition API提供的两种响应式监听方式。watch需要显式指定监听源,可以获取旧值,适合精确控制监听场景;而watchEffect会自动追踪函数内的响应式依赖,立即执行但无法获取旧值。主要区别在于执行时机、依赖追踪方式和旧值获取能力。选择原则:需要旧值或精确控制用watch,依赖多个数据且立即执行用watchEffect。使用时需注意避免无限循环,组件卸载时会自动停止监听。根据实际需求合理选择可提高代码效率和可维护性。

2025-10-17 16:58:10 755

原创 Vue+Element Plus 中按回车刷新页面问题排查与解决

Vue+Element Plus 中按回车刷新页面问题排查与解决

2025-07-10 16:50:07 766

原创 vscode中快速生成vue3+ts+setup模板

vscode中快速生成vue3+ts+setup模板小技巧

2024-10-22 16:01:45 1304

原创 git clone 别人的项目模板,基于该模板搭建开发自己的项目并上传到自己github仓库

git clone 别人的项目骨架模板,基于该骨架搭建开发自己的项目,然后上传到GitHub仓库

2024-08-28 16:49:24 987

原创 Vue+AntDesignVue实现a-tree树形组件的层级全选选中功能

Vue+AntDesignVue实现a-tree树形组件的层级选中功能

2024-05-29 17:12:06 3136

原创 vue3中的toRaw API

Vue 3中的toRaw API是什么?怎么用?

2024-05-28 17:36:57 1005

原创 vue3+ts 中使用mitt进行跨组件通信

vue3+ts中实现跨组件通信

2024-05-24 08:35:55 1039

原创 在浏览器输入一个url,浏览器会发生什么?

在浏览器输入一个url,浏览器会发生什么?

2024-01-23 20:46:07 1499

原创 vue响应式原理

vue响应式原理简单了解

2024-01-23 20:00:50 566

原创 父子组件通信$emit

关于父子组件通信$emit的用法

2024-01-23 12:11:51 555

原创 props传值

props传值

2024-01-20 09:49:30 864

原创 简单说一下原型与原型链

什么是原型与原型链

2024-01-13 22:48:49 544

原创 什么是宏任务与微任务以及它们的执行顺序

什么是宏任务与微任务以及它们的执行顺序

2024-01-09 12:15:02 1592

原创 vue3中vite.config.js文件常用配置

vite.config.js 文件是 Vite 项目的配置文件,通过该文件可以对 Vite 进行一些配置,包括插件配置、构建配置、开发服务器配置等

2024-01-07 21:15:02 3346 2

原创 什么是跨域以及怎么处理跨域问题

什么是跨域以及前端怎么处理跨域问题

2024-01-03 22:17:07 849 1

原创 Mixin用法

vue中Mixin的用法

2024-01-02 22:21:52 914

原创 Vue3中使用动态组件

动态组件的使用

2024-01-02 20:31:03 1403

原创 vue3中的插槽使用

vue3中的插槽

2024-01-02 17:40:55 835

原创 Vue3中组件常用通信方式

vue3中的组件通信

2023-12-31 23:47:35 999 1

原创 vue2和vue3中的路由使用及传参方式

vue2和vue3中vue-router的简单介绍

2023-12-31 13:50:05 1315 1

原创 toRefs的用法

简单记录下vue3中的toRefs,以及用法

2023-12-30 19:25:16 1845 1

原创 vue3中的proxy

简单记录下vue3中的proxy

2023-12-30 17:49:56 2167 2

原创 v-for 和 v-if的用法及优先级

简单记录下v-for 和 v-if的用法和使用的注意事项及优先级

2023-12-30 13:31:08 3367 1

原创 常用的数组去重方式

一些常见的数组去重方式

2023-12-29 10:08:42 369 1

原创 简单记录下ES6新增的新特性

es6常见的新增特性

2023-12-28 23:04:25 377 1

原创 数组常用方法总结,它们的特点以及如何使用

数组常用方法以及如何使用

2023-12-28 22:20:44 982 1

原创 vue的生命周期以及父子组件之间的执行顺序

Vue 的生命周期钩子函数用于在组件的不同阶段执行一些代码

2023-12-28 19:05:35 1132 1

原创 vue中的$nextTick的作用及使用场景

一个异步执行方法,用于在 DOM 更新后执行回调函数。它的主要作用是等待当前 DOM 更新周期结束,确保在下次 DOM 更新时执行传入的回调函数。

2023-12-28 18:22:21 2678 1

原创 如何使用for...of 和 for...in,以及它的区别和注意事项

for...of 和 for...in的语法特点及使用

2023-12-28 17:31:47 1460 1

原创 setTimeout 和 setInterval是用来做什么?如何使用以及注意事项

setTimeout 和 setInterval的使用以及注意事项

2023-12-28 13:06:51 1107 1

原创 LocalStorage、SessionStorage、Cookie的区别与相同点,以及如何使用

UserLocalStorage、SessionStorage、Cookie的区别与相同点,以及主要是用来做什么?如何使用

2023-12-28 12:13:05 621 1

原创 js中的防抖和节流

防抖和节流是两种优化高频事件的技术。防抖(如搜索输入)在连续触发后延迟执行,类似王者荣耀大招释放;节流(如滚动监听)固定时间间隔执行一次,类似普攻冷却。防抖关注"最后一次触发",节流控制"执行频率"。典型应用:防抖用于输入搜索、窗口调整,节流用于滚动加载、按钮防连点。两者都能有效减少性能消耗,提升用户体验。

2023-12-25 21:16:06 598

原创 什么是闭包以及闭包的作用

什么是闭包,以及闭包的作用

2023-12-25 20:18:29 2826

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除