- 博客(149)
- 收藏
- 关注
RSS订阅
原创 Husky + Lint-staged + Commitlint + Commitizen来配置 Git 提交代码规范
本文介绍 如何通过 Husky + Lint-staged + Commitlint + Commitizen来配置 Git 提交代码规范。核心内容是配置 Husky 的pre-commit和commit-msgpre-commit：Husky + Lint-staged 整合实现 Git 提交前代码规范检测/格式化 (前提：ESlint + Prettier + Stylelint 代码统一规范)；commit-msg。
2024-08-21 14:10:38
1060
原创 nodejs：使用nvm实现nodejs多版本管理及切换版本
nvm list 查看已经安装的node版本(简写：nvm ls)1.打开安装nvm 文件目录，打开settings 增加镜像源。查看安装列表，* 代表正在使用的版本默认是没选中的需要通过。nvm version 查看版本（简写：nvm -v）nvm list available 查看可安装版本。nvm use 使用哪个node 版本。
2024-08-20 12:11:08
524
原创 Vue 3 中创建一个动态的组件实例
本文将介绍如何在 Vue 3 中实现一个动态 Toast 组件实例。我们将创建一个简单的 Toast 组件，并使用一个动态创建实例的脚本来显示 Toast 消息。
2024-07-11 09:58:06
1170
原创 使用 ResizeObserver 进行元素大小变化监听 el-scrollbar滚动区域
是一个用于监听 DOM 元素大小变化的接口。它允许开发者注册一个回调函数，当指定的元素大小发生变化时，该回调函数会被调用。这在响应式布局、图表重绘以及处理动态内容的情况下非常有用。
2024-07-09 10:10:05
930
原创 基于Pinia的WebSocket管理与优化实践(实现心跳重连机制，异步发送)
基于Pinia的WebSocket管理与优化实践(实现心跳重连机制，异步发送)
2024-07-05 09:04:52
1430
4
原创 vue2+ eslint + prettier代码风格统一
接手一个vue2 老项目发现项目格式化失效，重新配置eslint + prettier 保持代码风格统一。
2024-04-10 16:42:41
761
1
原创 el-select 中加了filterable 点击箭头下拉框回收不去问题
【代码】el-select 中加了filterable 点击箭头下拉框回收不去问题。
2022-11-17 19:08:15
990
2
转载 v-for 更新检测中过程
1.v-for更新监测情况1: 数组翻转情况2: 数组截取情况3: 更新值口诀:数组变更方法, 就会导致v-for更新, 页面更新数组非变更方法, 返回新数组, 就不会导致v-for更新, 可采用覆盖数组或this.$set()<template> <div> <ul> <li v-for="(val, index) in arr" :key="index"> {{ val }} </
2021-12-25 18:55:52
232
转载 Vue全家桶-项目优化上线
1. 项目优化1.1 项目优化策略生成打包报告第三方库启用 CDNElement-UI 组件按需加载路由懒加载首页内容定制1. 生成打包报告打包时，为了直观地发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种：① 通过命令行参数的形式生成报告// 通过 vue-cli 的命令选项可以生成打包报告 // --report 选项可以生成 report.html 以帮助分析包内容 vue-cli-service build --report② 通过可视化的UI面板直接
2021-10-08 10:29:05
255
原创 数组一些案例 （重点）冒泡排序.插入排序经典面试题
计算数组和平均值求数组 [2,6,1,7, 4] 里面所有元素的和以及平均值。案例分析① 声明一个求和变量 sum。② 遍历这个数组，把里面每个数组元素加到 sum 里面。③ 用求和变量 sum 除以数组的长度就可以得到数组的平均值 // 1. 求数组 [2,6,1,7, 4] 里面所有元素的和以及平均值。 // (1)声明一个求和变量 sum。 // (2)遍历这个数组，把里面每个数组元素加到 sum 里面。 // (3)用求和变量 su
2021-04-15 16:55:51
363
原创 Flutter从入门到实战-03-综合案例实战
这份综合案例的意义是把“会写组件”升级成“会做项目”。当你能稳定完成这套流程，你的 Flutter 能力就不再停留在 Demo 层，而是开始具备真实业务交付能力。下一步最推荐的练习是：把这个商城案例做一次“你自己的业务改版”，比如改成课程系统、图书系统或内容社区。当你能在同一套骨架上快速替换业务，说明你真的掌握了这套工程方法。
2026-05-26 18:20:28
350
原创 Flutter从入门到实战-03-综合案例实战
这份综合案例的意义是把“会写组件”升级成“会做项目”。当你能稳定完成这套流程，你的 Flutter 能力就不再停留在 Demo 层，而是开始具备真实业务交付能力。下一步最推荐的练习是：把这个商城案例做一次“你自己的业务改版”，比如改成课程系统、图书系统或内容社区。当你能在同一套骨架上快速替换业务，说明你真的掌握了这套工程方法。
2026-05-12 10:42:59
491
原创 Flutter从入门到实战-02-Flutter框架核心
很多人卡在 Flutter，不是因为“写不出页面”，而是因为“写得出来但很难维护”。这份框架讲义真正的价值在于：从一开始就用工程化方式写 Flutter，而不是零散堆代码。状态组件 + 生命周期滚动体系（尤其和Dio 封装 + 路由规范把它们练成肌肉记忆，后面的综合实战会轻松很多。
2026-05-12 10:41:31
596
原创 Flutter从入门到实战-01-Dart语言基础
int age;print(' $ name 正在学习');} }很多人一学 Flutter 就急着写页面、搭项目、调接口，结果一遇到状态更新、空安全报错、回调函数、异步逻辑就开始混乱。根本原因往往不是 Flutter 太难，而是 Dart 基础不够稳。先把 Dart 语言基础打牢再进入 Flutter 组件与项目开发最后通过综合案例把知识串起来变量与数据类型函数与类空安全与异步编程。
2026-05-12 10:23:05
395
原创 使用 Vue 3 实现打字机效果
我们首先创建一个自定义指令 v-typewriter，用于实现打字机效果。这个指令将逐字显示绑定的文本内容。// 设置延迟时间，默认150mslet i = 0;i++;在 Vue 组件中使用自定义指令 v-typewriter。该指令会在元素挂载时自动触发，逐字显示文本内容。
2024-07-09 11:50:34
2471
原创 05-java数组
> 数组概念> 数组的定义> 数组的静态初始化> 地址值> 数组元素访问> 数组索引> 数组遍历，> 数组动态初始化> 数组的两种初始化方式的区别> 数组常见问题> 数组练习
2022-09-26 16:36:34
321
原创 day02-Java基础-注释，关键字，字面量，变量，数据类型，标识符，键盘录入，IDEA相关
> Java基础之注释，关键字，字面量，变量，数据类型，标识符，键盘录入方法，IDEA相关使用
2022-09-23 17:01:37
563
原创 01-TypeScript 介绍-TypeScript常用类型
TypeScriptTypeScript 介绍TypeScript 初体验TypeScript 常用类型TypeScript 高级类型TypeScript 类型声明文件在 React 中使用 TypeScriptTypeScript 介绍TS 官方文档TS 中文参考 - 不再维护[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qOzCqWh9-1646827195897)(./images/TS_logo.png)]TypeScript 是什么
2022-03-09 20:02:22
1247
1
原创 vue3基础
Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy
2022-02-22 19:36:27
305
原创 redux课程
课程说明目的：为React移动端项目做支撑：redux、redux-thunk、react-redux（useDispatch、useSelector ）、redux-devtools-extension内容顺序（课程目标）：redux单独使用react-redux 结合react项目进行使用中间件react-thunk的基本使用useDispatch, useSelector的基本使用redux模块管理redux-devtools-extensionRedux基本介绍基本介绍概
2022-02-11 21:19:48
388
原创 08-hooks进阶-useRef-useContext-React.memo高阶组件
Hooks其他APIuseRef hookimport { useRef } from 'react' <input className="new-todo" placeholder="What needs to be done?" autoFocus onKeyUp={onKeyUp} ref={inputRef} /> const App = () => { const [col
2022-02-09 17:07:33
1038
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人