- 博客(34)
- 收藏
- 关注
RSS订阅原创 vben admin BasciTable中阶
在基础速查手册之上，补充，重点厘清reloadapi等核心概念，覆盖多选、自定义请求、动态配置等复杂场景，适配后台列表全流程开发。
2025-12-15 17:53:27
985
原创 vben admin BasicTable组件
以下是 的常用使用指南，可作为日常开发的速查手册。2. useTable 配置项（常用）选项说明列定义，支持 等 Ant Design Table 属性异步请求函数，返回 或自定义 映射唯一标识，字符串或函数表格标题，可配 斑马纹边框、控制高度和滚动行为 / 序号列及其配置操作列配置（）false/对象/Ant Design Pagination 属性 + 内联搜索表单（ schemas、l
2025-12-15 17:34:48
412
原创 编程记录五
本文总结了JavaScript/Typescript开发中的常见知识点：1. 字符串处理：replace()与split().join()的等价性，数组换行连接方法；2. 模块导出：对比CommonJS的module.exports/exports和ES6的export/export default；3. TS类型定义：组件Props和Emits的接口声明；4. 实用技巧：对象动态属性、!!类型转换、图片资源动态加载函数；5. AntVX6应用：通过数学运算实现网格布局、IO卡件的多槽位处理、节点属性设置方
2025-10-09 23:42:02
334
原创 第四次编程记录
文章摘要：本文介绍了三个前端开发问题的解决方案：1) 报警列表样式切换问题，通过自定义行样式和响应式数据更新实现点击后文字变色；2) 表格数据转换问题，提供了customRender、计算属性、数据处理阶段转换和自定义插槽四种方法实现0/1到"未处理/已处理"的转换；3) AntV X6画布数据同步问题，提出智能合并策略，先加载保存的布局再更新后端数据，保持用户布局同时获取最新数据。每种方案都给出了具体代码实现，展示了前端数据处理的多种思路。
2025-09-18 16:34:43
313
原创 第三次编程记录
本文总结了前端开发中的8个常见问题及解决方案：1）处理undefined字段显示问题，通过安全函数判断属性存在性；2）使用数组和reduce简化表单验证规则配置；3）通过内联组件优化重复代码；4）直接更新表单数据避免重复请求；5）用substring实现文本截断；6）数组/对象属性查找方法；7）AntV X6实现节点悬浮放大和编号标注；8）后端数据缺失时的占位处理方案。这些方案覆盖了数据处理、组件封装、性能优化等典型场景，展示了如何通过JavaScript原生方法和框架特性解决实际问题。
2025-09-16 16:17:14
951
原创 前端最新Vue2+Vue3基础入门到实战项目全套教程，自学前端vue就选黑马程序员，一套全通关！笔记
-- 兼容：给不支持js的浏览器一个提示 --><noscript>-- Vue所管理的容器：将来创建结构动态渲染这个容器 -->-- 工程化开发模式中：这里不再直接编写模板语法，通过 App.vue这个文件 提供结构渲染 --></div>
2025-08-12 17:54:40
616
原创 第二次编程记录
本文总结了前端开发中的四个常见问题及解决方案：1. 路由跳转空白问题，通过规范模板结构解决；2. 子组件props初始未获取值问题，使用v-if等待异步数据加载；3. 数据处理问题，介绍了find、flatMap、...运算符等六种常用数组/对象操作方法；4. vue3-seamless-scroll插件类型报错问题，通过声明模块解决。文中提供了详细的代码示例，包括数据查找、去重、排序等常见操作，以及滚动插件的配置参数说明。这些解决方案覆盖了前端开发中路由、组件通信、数据处理等典型场景。
2025-08-04 17:32:18
921
原创 第一次编程记录
文件夹是一个特殊的目录，它被用于存放静态资源，这些资源会直接被 Webpack 复制到构建输出目录中，并可以通过根路径(./静态文件名称.拓展名)访问。因为下载模版属于静态文件，可以直接放到public文件夹下面，不需要请求接口，每次点击直接用函数指定public下面的路径就能下载.这里删除接口用的请求类型是delete，传参方式感觉和get请求一样，尽量用$和``来进行拼接，少用+来进行拼接。搜索没什么好说的，直接向接口传值，然后再刷新一下调用列表的函数就行，默认调用列表所有搜索项均为0。
2025-07-21 15:05:30
227
原创 黑马Node.js全套入门教程，nodejs新教程含es6模块化+npm+express+webpack+promise等_ts对象笔记
Node.js与Express框架核心概念摘要 运行环境与模块化 运行环境是代码执行的必要条件，Node.js基于V8引擎提供后端运行环境 模块化采用CommonJS规范，内置模块优先级最高，自定义模块需路径标识符 核心模块 fs模块：文件操作（readFile/writeFile） path模块：路径处理（join/basename/extname） http模块：创建Web服务器（request/response） Express框架 基于Node.js的Web开发框架，简化服务器创建 路由管理支持模块
2025-07-18 08:17:48
1127
原创 黑马程序员前端AJAX入门到实战全套教程，包含学前端框架必会的（ajax+node.js+webpack+git），一套全覆盖笔记
本文主要介绍了前端开发中的前后端交互、前端工程化以及相关工具链的使用。首先讲解了AJAX的基本概念和使用axios库进行数据请求的方法，包括如何获取和展示服务器返回的JSON数据。然后详细介绍了前端工程化中的Node.js环境搭建、模块化开发、npm包管理以及webpack构建工具的使用，包括如何配置webpack进行代码压缩、资源打包、开发环境搭建等优化操作。文章还涉及Git版本控制系统的使用，包括分支管理、远程仓库操作等团队协作必备技能。最后通过一个实际案例"黑马头条数据管理平台"项
2025-07-10 16:41:20
1184
原创 自定义滚动条样式：让滚动条成为设计的一部分
在CSS中，我们可以通过伪元素来定义滚动条的样式。：定义滚动条的整体部分。：定义滚动条轨道的样式。：定义滚动条滑块的样式。这些伪元素主要适用于基于WebKit内核的浏览器，如Chrome和Safari。虽然Firefox和Edge等浏览器也支持滚动条样式的自定义，但语法有所不同。为了保证兼容性，我们通常会优先使用WebKit的样式。滚动条的整体部分可以通过来定义。我们可以通过设置width和height属性来控制滚动条的尺寸。width: 6px;/* 横向滚动条的宽度 */
2025-04-02 11:30:42
748
原创 文件分片上传demo（ant design vue 的a-upload）
涵盖了文件分片的基本做法，具体接口要看前后端商议，这里的后端接口的要求基本也在注释标注，个人理解，文件分片是切割+合并，md5方法可以拿过去直接用，文件唯一性标识也可以根据项目而定。
2025-03-27 17:35:44
562
原创 在Vue3中使用Echarts的示例
这是一个环形图ts文件，效果如下，中间可放图片，内外圈颜色不一样，可设置题目。PS：与之对应的还有图表resize函数，详情见博客。
2025-03-18 15:17:38
985
原创 前端隐藏滚动条的多种方法及实现技巧
CSS 是最简单直接的方式，适合全局或静态场景；JavaScript 则提供了动态控制的能力；而 Vue 框架结合第三方库可以实现更复杂的滚动条样式和行为。在实际开发中，可以根据项目需求和个人喜好选择最适合的方法来隐藏滚动条。
2025-03-18 11:13:08
1955
原创 实现动态滚动效果的 Vue 组件：一个实战案例
动态滚动效果常常被用于展示动态数据，例如新闻列表、报警信息或实时数据流。这种效果不仅能够节省页面空间，还能增强用户体验。本文将通过一个具体的 Vue 组件案例，详细介绍如何实现一个动态滚动效果，尤其是如何在用户交互时暂停和恢复滚动。
2025-03-18 10:59:57
486
原创 解决 ECharts 切换图表时的 Resize 问题
定义函数，通过setTimeout延迟调用当前图表实例的resize方法。这样可以确保在 DOM 元素完成更新后，图表能够正确获取到新的尺寸并重新渲染。// 清除之前的定时器，避免重复触发// 调用当前图表实例的 resize 方法}, 500);成功解决了 ECharts 在切换图表时无法正确触发resize方法的问题。自定义的函数通过延迟调用resize方法，确保了图表能够在 DOM 元素更新完成后正确获取新的尺寸并重新渲染。
2025-03-18 10:47:30
1188
原创 echarts图表的轮播切换功能
需要在一个页面上展示多个环形图，并且这些环形图需要每隔几秒自动切换一次，以实现轮播效果。函数来定时触发图表的切换操作。每次切换时，更新当前显示的图表的标识符，从而触发。在组件挂载时，初始化每个环形图的数据，并确保切换到第一个图表时能够正确显示。我选择的是v-if，因为v-show有些占内存，页面不止一个组件。，因为它可以避免 DOM 的销毁和重建，从而减少闪烁问题。在组件销毁时，清理定时器，以避免内存泄漏等问题。使用 JavaScript 的。指令的更新，实现图表的切换。
2025-03-10 10:14:03
566
原创 yarn install 报错解决方案
问题描述yarn install 安装报错error Error: connect ETIMEDOUT 104.16.24.34:443 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1555:16)解决方案：1.yarn 版本问题卸载当前版本，安装指定版本npm uninstall -g yarnnpm install -g yarn@1.22.172.代理问题使用淘宝镜像网站yarn config set regi
2024-12-23 15:47:12
862
原创 JavaScript学习笔记
一个完整的javascript实现应该由三部分构成：ecmajavascript ,dom,bom.ECMAScript是一个标准，而这个标准需要由各个厂商去实现。DOM操作文档，比如对页面元素进行移动、大小、添加删除等操作BOM操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等基本数据类型String：字符串，有的时候需要用一些转义字符\"表示 "\'表示 ’\n表示换行\t制表符\\表示\Number：数值NaN。
2024-12-13 11:15:10
686
原创 HTML&CSS笔记
前端的三种语言：HTML(结构)，CSS(表现)，JavaScript(行为)告诉浏览器你写的是英文网站，到时候会弹出是否翻译，中文则为网页的三个部分结构HTML表现CSS行为JSCSS的定义方式将样式编写到style标签里，过css选择器为多个标签设置样式，并且只修改一次更方便对样式进行复用问题：只对一个网页起作用，里面的样式不能跨网页复用将css样式写到一个css文件里通过link链接外部css文件，写到外面可以触发浏览器的缓存机制，从而加快网页的加载速度。
2024-12-10 09:33:41
820
原创 尚品汇练习注意问题
理想效果：鼠标可以移入二级白色菜单实际效果：鼠标无法可以移入二级白色菜单，一脱离第一层的小li就无法显示第二级别原因：二级菜单代码放置位置不对。
2024-12-06 10:58:32
872
原创 Computed与watch
用途:使用属性不存在，需要通过已有属性获得（get和set）})get(){},})常用情况：由于v-if优先级高于v-for 而且二者不能同时使用。需要循环数组并在其中做筛选来显示的情况时，用computed</div>{id:1,name="项目一"},{id:2,name="项目二"}})})适用：所监视属性必须存在// 创建一个响应式的 message 变量// 使用 watch 监听 message 的变化。
2024-11-27 15:25:36
800
1前端最新Vue2+Vue3基础入门到实战项目全套教程，自学前端vue就选黑马程序员，一套全通关！里面的大事件项目
2025-08-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人