- 博客(19)
- 收藏
- 关注
RSS订阅
原创 浏览器渲染管线深度解析
“如何用Chrome DevTools验证某个属性是否触发重排？浏览器将HTML/CSS/JS转换为像素的完整流程称为。：“CSS选择器复杂度如何影响渲染性能？：“为什么建议将动画元素设置为。合成Composite。
2025-07-04 11:14:40
462
原创 基于 Vben Admin 的 FormModal 【表单弹窗】 组件封装实践 (三：组件实现——hook篇)
在前端开发中，表单和弹窗的组合是极其常见的交互模式。然而，如何优雅地管理它们的联动状态和暴露操作方法却是一个值得深思的问题。本文将深入剖析 useFormModal 的实现思路，揭示其技术细节。
2025-06-19 09:45:00
586
原创 基于 Vben Admin 的 FormModal 【表单弹窗】 组件封装实践 (一：组件介绍篇)
FormModal 组件通过合理的架构设计和 TypeScript 深度集成，在保留 Vben Admin 设计理念的同时，提供了更高层次的抽象能力。其配置化特性可覆盖 80% 的中后台表单弹窗场景，扩展插槽和 API 方法则能满足复杂业务需求。该组件的落地使项目的表单开发效率提升了 40%，同时显著降低了维护成本。
2025-05-30 11:17:53
860
原创 Monorepos 实战指南：简化开发流程的强大利器
Monorepo已经从科技巨头的专属方案发展为各种规模团队的效率倍增器。从简单开始：使用pnpm workspace创建基础结构渐进增强：随项目复杂度增加引入Nx等工具优先代码共享：建立packages目录存放可复用代码自动化一切：从构建到部署的全流程自动化性能优化：利用缓存和增量构建无论你是独立开发者还是大型团队，Monorepo都能提供显著的生产力提升。正如一位资深开发者所说：“一旦尝试Monorepo，你就再也不想回到多仓库的混乱世界。pnpm init开启你的Monorepo之旅！
2025-07-21 09:15:00
525
原创 基于Vben Vxe Table实现自定义选择筛选组件
本文将介绍如何在Vben Admin框架中基于Vxe Table实现一个自定义的选择筛选组件，该组件支持异步数据加载和灵活的配置选项。
2025-07-16 09:30:00
686
原创 深入 Vben Admin 中的 Vxe-Table 二次封装实践——（一）基础的useTableForm实现
针对 Vben Admin 框架中已封装的 vxe-table 组件，提出了一套企业级二次封装方案，通过标准化 API 和配置管理，显著提升中后台表格页面的开发效率。实现了智能请求处理：自动合并分页参数与表单查询条件，实现搜索条件变更时的页码自动重置，内置统一错误处理机制 适用场景：1.需要快速开发标准 CRUD页面的项目；2.团队需要统一表格交互规范的环境；3.存在复杂表格定制需求的业务场景
2025-06-23 09:45:00
626
原创 基于 Vben Admin 的 FormModal 【表单弹窗】 组件封装实践 (二：组件实现——vue篇)
FormModal组件覆盖 80% 的中后台表单弹窗场景，扩展插槽和 API 方法则能满足复杂业务需求。本篇讲述了组件实现中vue部分的代码和思路讲解。
2025-05-30 17:53:18
395
原创 vue3: img标签src属性动态设置资源路径
vite中默认支持ESM方式加载模块，没有require相关方法。补充两个方法。方法 require()Node.JS 原生方法 ，以CommonJS方式加载模块/文件/图片；Webpack 默认支持 ，Vite不支持；方法 require.context()Webpack 特定方法，此方法可实现自定义上下文；Vite不支持；
2024-08-16 09:59:52
7441
原创 【微信小程序 | 源码 | 新手向】mp-tabs组件源码介绍
Tabs标签页的功能，简单说就是点击tab切换内容。由于微信小程序提供的UI并不是很合我心意，于是我决定从它的源码开始改。
2023-06-16 14:53:23
1043
原创 节流与防抖【简易】
节流：函数在一段时间内的多次调用，仅第一次有效防抖：函数在一段时间内的多次调用，仅使得最后一次调用有效它们两个主要用于函数调用频率过高的地方，比如onmousemove(鼠标移动触发)、resize()方法(调整浏览器窗口大小触发)、scroll(滚动触发)…然后我们实际上希望这些函数被如此频繁的调用，所以需要限制它们在一定时间内的调用次数。节流时间戳版/** func [function] 需要防抖的函数* delay [number] 毫秒，防抖期限值*/function thr
2023-05-27 21:15:42
197
原创 【微信小程序】动态添加view
同时微信小程序没有 DOM 对象，一切基于组件化。所以不能通过添加dom来实现动态添加view。，那么只有data里的typeList会更新，视图并不会更新。：想做一个点击按钮添加分类的功能，涉及到动态的添加view。微信小程序是单向数据流。指令基于一个数组来渲染列表。
2023-05-27 14:42:23
2042
原创 vue 控制组件在不同页面的显示
我们可以将任意信息附加到路由上，如过渡名称、谁可以访问路由等。这些事情可以通过接收属性对象的meta属性来实现，并且它可以在路由地址和导航守卫上都被访问到。可以使用数组的indexOf()方法，判断$route.path是否存在于数组a中，如果不存在则返回true。:在app.vue页面使用MHead组件，利用v-show或v-if来实现显示|隐藏。:将要显示的页面地址存在数组中，判断$route.path不等于数组中元素。在定义路由时配置meta，meta为组件实例身上$route的一个属性。
2023-03-30 00:08:29
1115
原创 自行封装的ajax请求【超详细】
文章目录XMLHttpRequest 对象onreadystatechange 事件setRequestHeader处理响应向服务器发送请求思路说明请求方式完整代码已经掌握AJAX基础的可以从思路说明开始看XMLHttpRequest 对象所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。为了应对所有的现代浏览器： let xmlhttp; if (window.XMLHttpRequest) {// code for IE7+
2021-05-23 19:33:46
471
原创 神经网络学习笔记——鸢尾花分类
TensorFlow笔记——鸢尾花分类代码笔记记录实验流程和代码功能，附上关于所涉及到的tensorflow库中函数的解释实验流程数据集读入数据集乱序生成训练集和测试集(即x_train/y_train)数据类型转换配成(输入特征，标签)对，每次读入一小撮(batch)搭建网络 定义神经网路中所有可训练参数参数优化 嵌套循环迭代，with结构更新参数，显示当前loss测试效果 计算当前参数前向传播后的准确率，显示当前accacc/loss 可视化0.导库代码如下：imp
2021-05-23 16:08:04
382
原创 HTTP基础知识
HTTP协议1.简介HTTP协议（Hyper Text Transfer Protocol，超文本传输协议）,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP基于TCP/IP通信协议来传递数据。HTTP基于客户端/服务端（C/S）架构模型，通过一个可靠的链接来交换信息，是一个无状态的请求/响应协议。2.特点（1）**HTTP是无连接**：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这
2021-05-23 16:06:35
298
原创 函数apply,call,bind
call()和apply()的第一个实参都是变成this的值，哪怕传入的实参是原始值或者甚至是null或者undefined。对于call()来说，第一个调用上下文实参之后的所有参数都是要传入待调用函数的值。对于apply()来说，只有两个参数，第一个实参和call()一样，第二个实参则必须是一个数组，也就是说，要把待用函数的参数以数组的格式传进去。bind()方法是将函数绑定至某个对象。当在函数f()上调用bind()方法，并传入一个对象o作为参数，这个方法将返回一个新的函数。以函数调用的方式调用
2021-05-23 15:14:40
151
原创 Promise知识点
promise的三个状态：pending（进行中） fulfilled（已成功） rejected（已失败）resolve：将Promise对象的状态从“未完成”变成“成功”reject：将Promise对象的状态从“未完成”变成“失败”Promise.prototype.then()then方法是定义在原型对象Promise.prototype上的，作用是为Promise实列添加状态改变时的回调函数。then方法返回的是一个新的Promise实列，因此可以采用链式写法，即then方法后面再调用另
2021-05-23 15:10:46
147
原创 微信小程序点击切换class
开发的时候常常会遇到需要点击切换元素样式的时候在微信小程序开发时，由于其类似于 vue 不建议直接操作 DOM ，事件触发的时候同样会有默认参数传入， 但是无法直接取到 DOM 节点本身，而是包含挂载的一些数据，和点击部位的坐标信息等fn:function(event){ console.log(event) }因此我们通过数据间接操纵 DOM来实现切换class问题描述这个任务列表的按钮有三种状态，未完成任务、已完成任务未领取奖励、领取奖励，需要根据任务状态切换样式。原始代码：<v
2021-05-21 14:03:52
1459
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人