- 博客(82)
- 收藏
- 关注
RSS订阅原创 Vue 打印功能实现：单据打印与预览详细代码
本文介绍了一个完整的单据打印功能实现方案，主要包括： 打印组件实现(PrintForm.vue) - 包含打印对话框、预览区域、基本信息展示、资产明细表格和底部签名栏，支持金额自动计算与中文大写转换； 父组件调用(index.vue) - 通过ref调用打印组件的openPrint方法； 功能特点 - 提供打印预览、响应式设计、PDF导出选项，优化打印样式； 使用说明 - 需要引入html2pdf.js库实现PDF导出功能，并可根据实际需求调整样式。该方案满足单据打印的基本需求，支持打印前预览和格式调整。
2025-06-11 09:51:48
237
原创 在 JavaScript 中，你可以使用 Date 对象来获取 当前日期 和 当前时间、当前年份。
使用 Date 对象的方法获取 年、月、日，并可以格式化为常见的日期字符串。
2025-06-09 11:44:53
396
原创 《uni-app蓝牙开发实战：手把手教你打造智能温湿度监测系统》
通过蓝牙连接温湿度传感器设备实时接收并显示温湿度数据数据异常时发出警报历史数据记录与展示支持蓝牙的温湿度传感器（如DHT11+HC-08蓝牙模块）智能手机（iOS或Android）通过本项目，我们完整实现了：uni-app蓝牙模块的初始化与设备搜索蓝牙设备的连接与通信实时数据接收与显示异常警报功能历史数据存储与展示uni-app的跨平台特性让我们的应用可以轻松部署到iOS、Android和各种小程序平台，大大提高了开发效率。
2025-05-21 16:02:25
240
原创 Vue 3 响应式 API 详解与实战案例
Vue 3 引入了全新的响应式系统，主要通过ref和reactive这两个 API 来实现。下面我将通过具体代码示例详细讲解它们的用法和区别。
2025-04-28 11:45:06
197
原创 Vue3文件上传组件实战：打造高效的Element Plus上传解决方案,可以对文件进行删除，查看，下载功能。
在现代Web开发中，文件上传功能是许多应用的核心需求之一。无论是企业管理系统、内容管理系统还是医疗信息系统，上传附件的功能都至关重要。本文将分享一个基于和实现的文件上传组件，结合父子组件的协作，展示如何构建一个功能强大、用户体验友好的文件上传解决方案。以下是完整的代码实现和使用指南，适合前端开发者参考和复用。
2025-04-25 16:01:18
731
原创 Vue.js 实现下载模板和导入模板、数据比对功能核心实现。
新建比对：打开上传对话框，允许用户选择文件。开始比对：上传文件并调用后端接口进行数据比对，同时展示进度。以下是逐步拆分的实现细节。点击“新建比对”打开上传对话框，支持文件校验。点击“开始比对”上传文件并调用后端接口，完成数据比对。
2025-04-07 11:52:15
357
原创 《TypeScript 7天速成系列》第6天：TypeScript装饰器+混入：高级编程模式揭秘
装饰器是TypeScript中一项强大的元编程特性，被Angular和Vue3等主流框架广泛使用。今天我们将深入探讨这一高级特性。
2025-03-28 09:00:24
313
原创 《TypeScript 7天速成系列》第5天：TypeScript数组与元组：数据处理双雄实战
TypeScript 中的数组和元组是数据处理的核心工具，掌握它们的高级用法能显著提升开发效率和代码质量。本文将揭示90%开发者不知道的实用技巧！
2025-03-27 10:30:51
149
原创 《TypeScript 7天速成系列》第4天：TypeScript模块与命名空间：大型项目组织之道
TypeScript的模块系统和命名空间为大型项目提供了灵活的代码组织方案。在现代前端开发中，ES模块已经成为主流选择，而命名空间在特定场景下仍有其价值。合理运用这些特性，结合良好的项目架构设计，可以显著提升大型项目的可维护性和开发效率。
2025-03-26 13:58:41
422
原创 《TypeScript 7天速成系列》第3天：TypeScript高级类型通关秘籍：泛型+联合+交叉类型实战
掌握 TypeScript 的高级类型系统可以显著提高代码的类型安全性和可维护性。泛型提供了代码复用的灵活性，联合类型和交叉类型则允许我们创建更精确的类型定义，而类型守卫和类型断言帮助我们处理类型不确定性。将这些特性组合使用，可以构建出既灵活又类型安全的 TypeScript 应用程序。
2025-03-26 13:48:47
202
原创 《TypeScript 7天速成系列》第2天：TypeScript核心三件套：函数+接口+类实战指南
TypeScript为JavaScript函数增加了完整的类型定义能力，让函数签名更加清晰明确。接口是TypeScript最强大的特性之一，用于定义对象的结构。// 成员变量// 构造函数// 方法。
2025-03-25 11:13:58
191
原创 《TypeScript 7天速成系列》第1天：TypeScript超入门：3小时搞定环境搭建+基础类型
为您规划7篇实用的TypeScript学习文章，每篇都包含理论讲解和案例代码，适合初学者系统学习。
2025-03-25 10:10:47
129
原创 使用NVM管理多版本Node.js环境 - Vue项目开发必备指南
本文将详细介绍如何使用NVM（Node Version Manager）轻松管理多个Node.js版本。
2025-03-25 10:00:52
363
原创 Vue 2.0 轻松集成海康威视视频监控：完整代码与实战指南，打造智能安防系统！
在物联网和安防领域，海康威视是常用的视频监控设备提供商。本文将介绍如何使用 Vue 2.0 前端框架对接海康威视的视频监控，并实现以下功能：
2025-03-20 09:36:58
535
原创 《七天轻轻松松掌握vue前端知识》Day 7: Vue.js 生态与优化
Vue 的生态系统提供了丰富的工具，今天我们将学习 Vue CLI / Vite、单文件组件（SFC）和性能优化技巧，并优化一个复杂列表。
2025-03-19 10:44:13
117
原创 《七天轻轻松松掌握vue前端知识》Day 6: 表单处理与高级特性
表单是 Web 应用的重要部分，Vue 提供了强大的工具来处理表单输入。今天我们将学习 v-model、修饰符、自定义指令和混入。
2025-03-19 10:42:39
234
原创 《七天轻轻松松掌握vue前端知识》Day 5: 路由与 Vue Router
Vue Router 是 Vue 的官方路由库，用于构建单页应用（SPA）。
2025-03-19 10:41:03
125
原创 《七天轻轻松松掌握vue前端知识》Day 4: 状态管理与 Vuex
当应用规模变大时，组件间共享状态变得复杂。Vuex 是 Vue 的官方状态管理库，今天我们将学习其核心概念，并实现一个购物车示例。
2025-03-19 10:38:15
174
原创 《七天轻轻松松掌握vue前端知识》Day 2: 组件化开发
组件是 Vue.js 的核心特性之一，它允许你将界面拆分为可复用的模块。今天我们将学习组件的基础知识，包括如何创建组件、通过 props 传递数据、使用 $emit 进行组件通信，以及插槽（slot）的用法。我们将通过一个 Todo List 示例展示这些概念。
2025-03-19 10:35:12
135
原创 《七天轻轻松松掌握vue前端知识》Day 1: Vue.js 入门与核心概念
Vue.js 是一个轻量且强大的 JavaScript 框架，用于构建用户界面。它以简单易用和渐进式集成的特性受到开发者喜爱。
2025-03-19 10:32:11
303
原创 一键秒连WiFi智能设备，uni-app全栈式物联开发指南。
如何使用 uni-app 框架实现通过 WiFi 连接设备并进行命令交互的硬件开发。为了方便理解和实践，我们将提供相应的源代码示例，帮助开发者快速上手。
2025-03-18 10:51:20
814
原创 90%开发者踩过的坑：JavaScript运算符深度拆解
JavaScript 是一种灵活且强大的编程语言，运算符是其核心组成部分之一。无论是简单的数学计算，还是复杂的逻辑判断，运算符都扮演着重要角色。
2025-03-18 10:23:34
282
原创 面试官最爱拷问的数字谜题：数字字面量背后的原理实战。你以为1e3只是1000？JS数字的魔鬼细节解析。
数字字面量（Number Literal）是编程中用来表示数值的直接表示方式。它可以分为整数、小数（浮点数）和科学计数法表示的数。
2025-03-18 10:11:52
264
原创 使用谷歌地图google实现功能去选择定点位置，可以搜索位置。实现地图选择器组件：Vue + Google Maps API 实战
在现代Web应用中，地图选择器是一个常见的功能需求，尤其是在需要用户选择地理位置时。本文将详细介绍如何使用Vue.js和Google Maps API实现一个功能完善的地图选择器组件，并分享相关的技术细节和实现思路。
2025-03-12 10:02:44
1201
原创 优雅的参数传递：使用 const params 提升代码可读性与可维护性
使用 const params 来组织请求参数是一种非常优雅的方式，它不仅提升了代码的可读性和可维护性，还使得代码更加灵活和易于扩展。在日常开发中，我们应该尽量采用这种方式来处理参数传递，以提高代码质量和开发效率。
2025-03-12 09:34:55
307
原创 Node环境一键切换：nvm高阶玩家必备指令库，常用 nvm 命令指南大全。
nvm（Node Version Manager） 是一个用于管理 Node.js 版本的工具，可以轻松安装、切换和卸载不同版本的 Node.js。本文将介绍常用的 nvm 命令，帮助你高效管理 Node.js 环境。
2025-03-03 15:49:39
1037
原创 前端新手必看：快速搭建React.js 的项目
你是否对 React.js 感兴趣，但不知道从何开始？本教文章带你从零开始，快速搭建一个 React.js 项目！无需任何经验，只需跟随简单的步骤，你就能在几分钟内创建一个完整的 React 应用。
2025-02-22 11:55:33
289
原创 GLTFLoader.js和OrbitControls.js两个 JavaScript 文件都是 Three.js 生态系统中的重要组成部分
GLTFLoader.js和OrbitControls.js两个 JavaScript 文件都是 Three.js 生态系统中的重要组成部分
2025-02-22 11:19:11
250
原创 对象（Object）和数组（Array）的区别
在JavaScript里，Object（对象）和数组是不同的数据类型，不过它们都属于引用类型。下面为你详细介绍这两者的差异：
2025-02-21 16:34:25
691
原创 一分钟学会JavaScript 变量
JavaScript 作为前端开发的核心语言之一，对于初学者来说，掌握变量和数据类型是迈向编程之路的重要一步。在这篇博客中，我们将以简单易懂的方式介绍 JavaScript 中的变量声明。在 JavaScript 中，我们使用不同的关键字来声明变量，常见的有 var、let 和 const，它们各自有不同的特点和使用场景。
2025-02-21 15:51:34
190
原创 前端初学者想学习javascript，应该从哪些方面入手？
前端初学者想学习javascript，应该从哪些方面入手？JavaScript 是一种广泛应用于网页开发、服务器端编程等领域的脚本语言，以下为你详细介绍学习 JavaScript 的入手方向和学习要点
2025-02-21 11:22:16
649
原创 vue 模板里直接使用三元运算符来“-“
在 Vue 模板里直接使用三元运算符来判断 scope.row.updateTime 是否为空，如果为空就显示 “-”，不为空则调用 parseTime 函数进行格式化。
2025-02-15 15:17:25
136
原创 vue若依框架dicts中字典项的使用：表格展示与下拉框示例
在若依框架的开发中，字典项的使用可以帮助我们更方便地管理和展示一些具有固定取值范围的数据，比如颜色类型、人员类型等。下面将详细介绍若依框架中字典项在表格和下拉框中的使用方法。
2025-02-15 15:03:32
1286
原创 在 Vue 3 + Three.js 中设置三维资产的位置与尺寸
在使用 Vue 3 和 Three.js 创建三维应用程序时，正确设置资产的位置和尺寸是至关重要的。
2025-01-24 10:44:40
396
原创 在 Vue 项目中快速引入和使用 ECharts
ECharts 是一个强大的数据可视化库，能够帮助我们轻松创建各种图表。本文将详细介绍如何在 Vue 项目中快速引入和使用 ECharts，并使用 Vue 的选项式 API 来实现一个简单的柱状图组件。
2025-01-24 09:54:57
748
原创 快速了解uni-app 页面传值和代码示例
在 uni-app 开发中，页面之间的数据传递是一个非常常见的需求。根据数据类型的不同，我们可以选择不同的传值方式。本文将详细介绍如何在 uni-app 中传递单个或多个参数、数组和对象，并附上示例代码。
2025-01-21 17:24:58
681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人