- 博客(78)
- 收藏
- 关注
RSS订阅原创 python企业级后端学习笔记从0到1【更新】
Optional类型是可选类型，代表该变量的值可以为 None。以下两个代码是等价的。asyncio.sleep 与 time.sleep 的本质区别。
2025-11-17 15:25:09
290
原创 TypeScript 类型系统 ------公司项目实战 + 面试通关指南
TypeScript 类型系统核心概念摘要： 基本类型：包含 string、number、boolean 等原始类型，以及 any/unknown 区分 类型推导：自动推断变量类型，as const 可锁定字面量类型 联合/交叉类型： 联合（|）表示或关系 交叉（&）表示合并属性 高级类型： keyof 获取对象键名联合 映射类型遍历键生成新类型 条件类型实现类型判断 infer 提取嵌套类型 泛型：参数化类型，可添加约束和默认值 内置工具：Partial、Pick、Record 等实用工具类型 类
2025-11-06 14:52:14
445
原创 uniapp 小程序引入 uview plus 框架，获得精美的UI框架
uView Plus是一个全面兼容nvue的uni-app框架，提供丰富组件和便捷工具。安装步骤包括：1）通过HBuilderX导入插件；2）运行终端命令安装依赖库；3）在pages.json中配置easycom自动识别；4）按文档使用组件。该框架简化了uni-app开发流程，支持快速集成和组件调用。（150字）
2025-11-05 10:37:09
373
原创 uni-app 常用标签速查表
本文总结了uni-app开发中常用的组件分类及使用建议。主要包含基础视图布局（view、scroll-view等）、表单输入（input、button等）、媒体展示（video、canvas等）、导航结构（navigator等）五大类组件，并介绍了uni-ui的常用组件（uni-list、uni-card等）。在使用建议中强调使用跨平台兼容的标签和事件（如用view代替div、@tap代替@click），推荐优先选择uni-ui组件实现复杂功能。该速查表可帮助开发者快速查找uni-app开发中的核心组件和最
2025-11-03 15:53:32
377
原创 Uni-App（Vue3 + TypeScript）项目结构详解 ------ 以 Lighting-UniApp 为例，提供源代码
本文详细介绍了基于Vue3+TypeScript的Uni-App项目结构，以Lighting-UniApp为例解析了核心目录和文件。项目包含src/api接口封装、components可复用组件、hooks组合式函数、pages页面目录等核心模块，以及Vite构建配置、TypeScript类型声明等工程化文件。特别说明了App.vue根组件、main.ts入口文件、pages.json路由配置的作用，并介绍了状态管理、静态资源、工具函数等模块的组织方式。该项目采用现代化前端技术栈，为跨平台应用开发提供了完整
2025-10-24 15:37:08
1086
原创 Canvas入门详解
Canvas 是一个基于像素的绘图世界。它不像 SVG 那样有节点结构，而是直接在位图上作画。理解好路径机制与绘制顺序，就能轻松驾驭各种形状、动画与视觉特效。🖌️ 从画一个小圆圈开始，到制作粒子特效、音频可视化、小游戏------一切都源于ctx.arc()和的组合。
2025-10-17 17:25:00
661
原创 Vue 组件「时而有效、时而无效」的根因与彻底解决方案
Vue3组件开发中遇到播放进度控制偶发失效问题，原因是Vue异步更新机制导致props更新顺序不一致。通过合并watch监听多个props、使用nextTick等待更新完成、增加延迟启动和强制唯一key等方式解决。文章总结出"Vue异步更新，数据要对齐；props异步传，watch要合并"等口诀，帮助开发者应对类似"时而有效"的问题。最终方案整合了异步控制、实例复用处理等关键点，确保组件稳定运行。
2025-10-11 11:05:13
932
原创 Vue3 + Element Plus 封装通用 hooks：下拉远程搜索 + 无限滚动
✅ 打开下拉 → 自动加载前 20 条数据✅ 输入关键字 → 自动搜索分页✅ 滚动到底 → 自动加载下一页✅ 逻辑集中在 hooks，页面更简洁✅ 一份代码，多处复用。
2025-09-24 11:55:01
813
原创 Vue3 + TypeScript + Element Plus 表单开发实战：提交、校验与清空
本文介绍了如何使用Vue3+TypeScript和Element Plus构建安全的表单组件。主要内容包括：1)表单基本结构的搭建，使用el-form和el-form-item；2)TypeScript接口定义表单数据类型，确保类型安全；3)表单提交与校验的实现，通过validate方法进行整体校验；4)两种表单清空方式：完全重置(resetFields)和仅清除校验提示(clearValidate)。文章通过登录表单Demo，完整演示了表单开发的核心流程。
2025-09-22 10:42:40
511
1
原创 forEach和map
原地修改：在 Vue 响应式系统中，如果只是在对象上新增/修改一个本来不存在的属性，Vue 可能检测不到（尤其是 Vue2）。触发响应式更新更可靠：你返回了一个新数组并整体替换 roomList.value，Vue 一定会重新渲染。会新建一个数组，对大数据量场景内存/性能稍逊（通常可以忽略）。性能稍微好一点（少创建一个新数组，直接原地改）。函数式写法可读性好，没有“副作用”，逻辑更清晰。副作用式：通常在循环体里直接修改已有对象属性。用法：遍历数组并返回一个“新数组”。用法：只遍历数组，不返回新数组。
2025-09-12 11:41:33
215
原创 为什么页面切换后 setTimeout 依旧会执行？——从一个计时器小例子讲起
摘要：在单页应用(SPA)中，setTimeout定时器会持续执行，即使切换页面也不会自动取消。这是因为SPA只切换组件而不刷新整个页面，JavaScript运行环境保持相同，定时器仍会触发。每次调用setTimeout都会生成独立定时器，且闭包特性使回调能记住当时变量。要避免切换页面后定时器执行，需在组件卸载时手动清除定时器ID。开发时需注意这种特性，必要时主动管理定时器生命周期。
2025-09-11 09:30:09
390
原创 使用grid将div平均分成n等份
本文展示了一个基于CSS Grid布局的表单界面实现方案。通过grid-template-columns属性设置三列布局，使用gap控制间距，形成整齐的网格排列。同时演示了如何利用grid-column属性让特定元素跨越多列显示（如full-width类）。代码简洁清晰，包含HTML模板和CSS样式，展示了Grid布局在表单设计中的灵活应用，可实现自动对齐和响应式效果。
2025-08-28 14:12:13
329
原创 前端调用系统文件选择器时,区分用户是“选择了文件”还是“点击了取消”的问题
本文介绍了一个前端文件选择器的封装方案chooseFileStable，解决了传统<input type="file">无法区分"选择文件"和"取消操作"的问题。该方案优先使用现代浏览器的showOpenFilePickerAPI，能精准返回选择结果；对于不支持的环境，则采用传统方案结合页面焦点/可见性检测和延时判断，确保可靠识别取消操作.使用python环境
2025-08-26 11:42:56
308
1
原创 MySQL 插入时间 更新时间
MySQL时间字段自动填充设置指南：本文介绍了如何为表添加或修改insertTime(创建时间)和updateTime(更新时间)字段，并设置自动填充规则。通过ALTER TABLE语句可实现：insertTime字段在插入时自动填充当前时间，updateTime字段在插入和更新时自动刷新时间。执行这些SQL语句后，时间字段将自动记录数据创建和更新时间，无需手动维护。
2025-07-18 15:21:40
423
原创 单选框组件接收传值更新失败——强制组件刷新
摘要： 单选框组件CustomImageRadio在接收v-model传值时可能出现更新失败问题。原因在于组件可能未正确监听绑定值的变化。解决方法是通过添加:key="componentKey"绑定，并在数据更新时强制更改key值触发组件重新渲染。文中展示了表单中的使用示例，以及完整的单选框组件封装代码，包含动态图片切换和样式处理。关键点包括：1) 使用watch监听选中值变化；2) 通过key值强制刷新；3) 原生单选框隐藏并用图片替代的样式实现。
2025-07-03 09:12:09
874
原创 将后端返回的网络url转成blob对象，实现pdf预览
1.先组装数据，然后传递给转换为blob对象的方法。2.重点设置 axios;responseType:'blob',withCredentials: false;初始化 axios 实例。3. 转换方法发请求转换
2024-10-24 15:12:57
1108
原创 js将 毫秒数转为刚刚，，几分钟，几小时，几天，几周，几月，几年
js将 毫秒数转为刚刚，，几分钟，几小时，几天，几周，几月，几年。百度有一个毫秒换算器，可以用它来验证代码换算的正确与否。
2024-07-26 14:34:35
516
原创 小白一看就会的 《 输入框防抖》
首先准备一个带 id="searchInput" 的输入框；其次就可以复制防抖啦。多次触发 只执行最后一次：高频率触发的事件,在指定的单位时间内，只响应最后一次，如果在指定的时间内再次触发，则重新计算时间。
2024-07-11 15:19:01
329
原创 减少项目体积，彻底告别图标丢失问题！——阿里巴巴图标库本地化全攻略
减少项目内存，适用于一切项目。防止你使用线上官网的图标，官网更新后，你项目中的图标也消失不能用。此外微信小程序代码上线2M，很实用。
2024-07-09 14:13:57
553
1
原创 自定义样式供全局使用，可随意更改项目颜色
可以全局更改项目的主题颜色。方法一的使用：直接写在class里面，便可以有效果。方法二的使用：自定义一个class类名，在平常写样式那样写就行。
2024-07-08 17:32:10
372
2
原创 echarts取消纵坐标，自定义提示内容，完整 echarts 布局代码
完整 echarts 布局，完整代码 option 内容，自定义柱子默认颜色以及高亮颜色，隐藏y轴（纵坐标）的内容， 自定义提示内容，开启点击柱子时的提示内容
2024-05-24 15:03:40
526
转载 【vue3】js + css 实现 图片框选放大：局部细节放大、放大镜效果（基于vue3自带的vueuse/core插件）
此文章不是自己写的，来源文章在这，写的很棒，我直接复制在我的商城项目里就可以直接使用了，想记录一下，以后方便使用。我简单了做了些修改，适配自己的项目需求。直接全部复制放在一个空文件里面。
2024-04-24 09:59:26
722
原创 PC端实现用pdfjs下载文件，为什么移动端点击没反应
在上文预览PDF的基础上加下载文件功能，搁着多传一个字段过去，作为下载的路径window.URL.createObjectURL(blob)。pc端没问题，为什么移动端点击下载后没反应哇？？
2024-04-17 11:29:59
723
2
原创 移动端vue3使用pdfjs在浏览器上面运行正常，在移动端页面报错出现空白页
分享一下PDFjs文件包，真心好用。一开始我的浏览器页面一直白屏，显示空白，后来换了包之后就能正常预览PDF了。如上图所示， @click-preview="previewFile"是预览PDF的方法， accept=".png...." 是可以接收的文件类型，这个打开之后手机才可以上传PDF文件，里面值类型自选。
2024-04-16 15:27:46
1978
11
原创 写项目经常用到却记不熟的css样式代码
写项目经常用到却记不熟的css样式代码. 1.仅左上和右上有圆角:-webkit-border-top-left-radius: 16px; 2.渐变背景颜色.....
2024-04-11 16:25:07
402
原创 Vue3 · 小白学习全局 API：常规
version暴露当前所使用的 Vue 版本。nextTick()等待下一次 DOM 更新刷新的工具方法。
2024-04-08 16:57:44
667
原创 不用激活WebStorm也能一直使用的骚操作
不用激活WebStorm也能一直使用的骚操作，跟着图片点击，到第六步的时候输入自己的邮箱点击提交就可以再免费使用30天啦。到第六步的时候输入自己的邮箱点击提交就可以再免费使用30天啦。
2024-04-08 09:58:51
1057
原创 小白了解Pinia第3集 ·安装Pinia到销毁Pinia一条龙
以一个简单的例子，来讲解安装，创建，到销毁Pinia一条龙。在src目录下面，创建store文件夹，再创建report.js。名字随意改就好，记住后面用到report的地方统一就好了。
2024-03-30 15:49:55
641
原创 小白了解Pinia第2集 · 三大核心状态Getters、Actions以及Plugins 插件
三大核心状态。Getter 完全等同于 Store 状态的 **计算值**。 它们可以用 defineStore() 中的 getters 属性定义。 他们接收“状态”作为第一个参数以鼓励箭头函数的使用：
2024-03-29 17:30:35
949
原创 小白了解Pinia第1集 · 快速入门以及状态State
对pinia官网的知识作了一个小笔记，并且结合公司实际项目进行整理与学习，请各位小伙伴指正~ 。Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。
2024-03-29 11:39:00
1021
原创 Android Studio求解Android SDK is up to date. Running Android Emulator hypervisor driver installer
由于发生错误 4294967201， StartService 失败。[SC] DeleteService 成功。看不懂错误是啥意思啊。
2024-03-28 17:43:23
881
支付宝实现省市区三级联动js数据
2023-02-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人