自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (1)
  • 收藏
  • 关注

原创 实现一个简单的小程序Form表单填写页面

本文介绍了如何使用Vue框架和Uni-app工具开发一个小程序表单填写页面。文章首先概述了表单在移动应用中的重要性,并引导读者通过构建一个简洁实用的表单页面。在HTML模板部分,详细解释了滚动视图、表单容器、表单项和提交按钮的布局和实现。接着,在JavaScript脚本部分,讨论了数据绑定、生命周期钩子和事件处理方法。最后,文章通过SCSS样式定制了表单的视觉表现。文章旨在帮助开发者快速掌握小程序表单的设计和实现,提升用户体验,并鼓励开发者不断学习新技术以满足不断变化的市场需求。

2024-05-31 09:45:43 438

原创 uni-app微信小程序:统一接口请求和图片资源路径封装指南

本文介绍了在uni-app微信小程序开发中,如何通过封装统一的接口请求管理和图片访问路径管理来提高开发效率和维护性。通过具体代码示例,展示了如何创建服务地址常量、封装含token的请求函数,以及如何管理不同环境下的图片服务地址。此外,还提供了错误处理和提示信息的统一管理方法,旨在帮助开发者构建更加模块化、易于维护的小程序应用。

2024-05-30 10:32:10 618

原创 封装通用 ECharts 图表组件(四):分格柱状图实现

本文讲述了如何封装一个通用的 ECharts 分格柱状图组件,用于数据可视化。分格柱状图通过柱子的分割展示数据对比,适合多维度数据分析。

2024-05-29 14:57:32 597

原创 封装通用 ECharts 图表组件(三):环形图实现

本文详细介绍了封装ECharts环形图组件的步骤和优势。环形图作为一种展示占比关系的有效图表,具有视觉上的吸引力。封装组件不仅可以提高代码复用率,简化维护工作,还能增强组件的灵活性。文章通过实例代码,展示了从引入依赖、创建Vue组件、定义数据、配置计算属性到样式定义的完整流程。计算属性pieOption是核心,它负责生成图表的颜色、网格、提示框和系列等配置。最终,封装后的组件能够在Vue项目中轻松复用,提升开发和维护效率。希望本文能帮助读者深入理解并实现自定义的ECharts组件。

2024-05-28 15:45:01 599

原创 探索Avue:低代码前端框架的高效开发指南

本文深入探讨了基于Element-plus的低代码前端框架Avue,它通过JSON配置方式简化了页面开发流程,极大提升了开发效率。文章详细介绍了Avue的crud配置项,包括option、column和group的配置方法,以及如何使用不同类型的输入控件,如基础输入框、下拉选择框、时间控件、上传图片框等。此外,还介绍了如何集成富文本编辑器等第三方组件。希望本文能帮助开发者快速上手Avue,创造出更多优秀的前端应用。

2024-05-27 09:36:42 579

原创 实现手机验证码获取及倒计时功能

本文介绍了两种实现手机验证码获取及倒计时功能的方法,适用于Web和移动应用的用户身份验证环节。两种实现都包含了详细的代码示例和注释,以帮助开发者理解并快速集成到自己的项目中。文章最后强调了在实际开发中需要与后端服务进行集成和安全校验的重要性,以确保验证码功能的安全性和有效性。

2024-05-22 10:11:16 524

原创 CSS动画—数字轮盘滚动效果的实现

本文介绍了如何使用Vue.js和CSS动画制作一个动态数字轮盘滚动效果,通过AnimateNum和AnimateNumItem两个Vue组件,我们实现了数字的无限滚动动画。

2024-05-19 21:18:03 556

原创 封装通用 ECharts 图表组件(二):圆柱柱状图实现

继上一篇博客“封装一个通用的 ECharts 图表组件(一)”之后,本文将展示如何利用封装的组件来实现一个具有立体感的圆柱柱状图。

2024-05-18 15:30:10 575

原创 封装一个通用的 ECharts 图表组件(一)

本文分享了如何封装一个通用的 Vue QuickChart 组件以简化 ECharts 图表的集成。封装旨在提高代码复用性和可维护性,同时通过 props 增强灵活性。

2024-05-17 17:47:49 843 1

flex布局.html

flex布局.html

2021-06-06

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除