自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 Vue2与Vue3中TS子组件传值给父组件

当子组件触发该事件时,父组件会接收到新的值,从而更新绑定的。来绑定指定的 prop,当子组件需要更新该 prop 的值时,可以通过。触发事件时,父组件接收到这个事件后,Vue 会自动更新。来触发事件,并向父组件传递新的值,从而更新父组件中的。在子组件中,当某个操作(如按钮点击)触发时,使用。来触发事件并将新值传递给父组件,实现双向绑定。父组件在使用子组件时:父组件通过。时,它实际上会监听子组件触发的。事件,并将事件传递的数据(来定义子组件会发出的事件,触发该事件后,父组件中的。事件,并将新的值(如。

2025-03-24 14:44:46 259

原创 Vue3中ts父子组件传值

在父组件中正确地将activeType绑定到子组件的v-model上。

2025-03-19 09:56:59 209

原创 代码优化——基于element-plus封装组件:表单封装

实现一个基于element-plus表单组件的二次封装

2025-03-10 14:35:44 495

原创 IDEA搭建SpringBoot,MyBatis,Mysql工程项目

IDEA搭建SpringBoot,MyBatis,Mysql工程项目

2024-12-16 20:12:14 1877 2

原创 一段有趣的Python代码

当没有csv数据集时,怎么办?使用python代码创建一个CSV(逗号分隔值)文件,需要决定数据集的结构,包括列标题和每一行的数据。正在创建一个用户数据集,其中包括用户名、年龄、电子邮件地址和注册日期。

2024-12-07 20:05:52 234

原创 Vue3实现可视化大屏首页路由导航栏布局

Vue3实现可视化大屏首页布局

2024-11-20 09:04:32 1330

原创 原生HTML+CSS实现奶龙3D立体相册

原生HTML+CSS实现奶龙3D立体相册

2024-11-15 20:22:12 358

原创 Vue3中一级导航栏的吸顶导航交互以及Pinia优化重复请求

Vue3中一级导航栏的吸顶导航交互以及Pinia优化重复请求

2024-11-15 20:11:59 514

原创 Vue3中实现插槽使用

Vue 3 中插槽(Slot)实现组件的灵活组合和重用

2024-11-15 19:54:14 1879 1

原创 Javascript中的深浅拷贝以及实现方法

Javascript中的深浅拷贝以及实现方法

2024-11-13 11:27:49 1624

原创 构造函数原型对象语法、原型链、原型对象

了解面向对象编程的一般特征,掌握基于构造函数原型对象的逻辑封装,掌握基于原型对象实现的继承,理解什么原型链及其作用,能够处理程序异常提升程序执行的健壮性。

2024-11-07 15:53:27 1141

原创 面向对象编程的基础概念及构造函数

了解面向对象编程的基础概念及构造函数的作用,体会 JavaScript 一切皆对象的语言特征,掌握常见的对象属性和方法的使用。

2024-11-06 17:04:04 708

原创 JS高级中的作用域、变量提升、闭包与结构赋值

谈谈JS高级中的作用域、作用域链、闭包、变量提升、函数、结构赋值等内容学习,学习作用域、变量提升、闭包等语言特征,加深对 JavaScript 的理解,掌握变量赋值、函数声明的简洁语法,降低代码的冗余度。

2024-11-06 09:17:09 1070

原创 Vs Code团队开发Git协同开发使用

这篇博客能帮助你快速上手 Git,开始你的版本管理之旅!

2024-11-03 10:22:10 1518

原创 Vue3+Data-V实现可视化大屏页面布局

利用 Vue 3 和 Data-V 框架来创建一个可视化的大屏页面布局。

2024-11-01 09:32:41 5541 6

原创 HTML、JavaScript和CSS实现注册页面设计

javaScript、css、Html是前端的基础以及重要的前置知识,需要融汇贯通的熟练掌握,一些平常的小页面,有助于更好的学习以及掌握底层前端逻辑知识,我是谈谈叭~,一个正在学习前端的大学畜,希望大家指正!一起交流学习~

2024-10-31 07:53:07 760

原创 Web前端网页设计——橙子之家

欢迎来到“橙子之家”!在这里,我们将一起探索前端网页设计的魅力与乐趣。

2024-10-25 16:23:12 2411

原创 Vue3中实现电商Sku组件封装

随着 Vue 3 的广泛应用,构建灵活、高效的 SKU 组件变得尤为重要。本文将深入探讨如何在 Vue 3 中封装一个可复用的 SKU 组件,帮助开发者提升用户体验,同时简化产品管理。

2024-10-23 22:27:30 1095

原创 Vue3中element-Plus、Axios、router相关配置

Vue3中element-Plus、Axios、router相关配置

2024-10-22 09:10:18 1614

原创 Vue3中实现pinia仓库管理

Vue3中实现pinia仓库管理

2024-10-22 08:55:14 485

原创 Vue3项目起步

默认情况下在 语法糖下组件内部的属性和方法是不开放给父组件访问的,可以通过defineExpose编译宏指定哪些属性和方法容许访问说明:指定testMessage属性可以被访问到。侦听一个或者多个数据的变化,数据变化时执行回调函数,俩个额外参数 immediate控制立刻执行,deep开启深度侦听。通过watch监听的ref对象默认是浅层侦听的,直接修改嵌套的对象属性不会触发回调执行,需要开启deep。顶层组件可以向底层组件传递方法,底层组件调用方法修改顶层组件的数据。

2024-10-19 21:24:41 853

原创 Vue2中使用Element-ui组件实现表单增加、删除、修改、查询功能

Vue2中使用Element-ui组件实现表单增加、删除、修改、查询功能

2024-10-17 21:56:31 923

原创 Vue2中可移除标签tag栏实现

在现代前端开发中,Vue.js 作为一款流行的 JavaScript 框架,广泛应用于构建交互性强、用户体验优良的应用程序。在许多应用场景中,标签(tag)栏提供了一种便捷的方式来组织和展示信息。用户可以通过标签来快速识别内容,增强界面的可用性。然而,随着用户需求的变化,标签的管理变得越来越重要,特别是在需要动态添加和移除标签的情况下。实现可移除标签的功能,不仅能提高用户的操作灵活性,还能提升应用的整体体验。本文将介绍如何在 Vue 2 中实现可移除标签栏的功能,通过简单的示例和步骤,帮助开发者快速上手。

2024-10-16 21:36:12 253

原创 在Linux环境CentOS7上安装MySQL 8.0 Community Server进行数据库实例的部署、启动与关闭

Linux环境CentOS7上安装MySQL 8.0 Community Server进行数据库实例的部署、启动与关闭

2024-10-16 17:13:44 1532

原创 原生Js实现期末网页大作业——宠物之家

PetHome:使用原生前端三件套实现一个宠物之家网页交互网站

2024-10-15 23:46:52 1422

原创 Vue2+ECharts+Mock.js实现前端后台通用管理系统页面

在现代Web开发中,前端框架与数据可视化工具的结合能够显著提升用户体验。本文将介绍如何使用Vue2和ECharts构建一个通用的后台管理系统页面。利用Vue2的组件化特性,可以高效管理应用状态与UI交互,而ECharts则提供多样的图表类型,便于展示数据分析结果。通过整合这两者,开发者能够快速构建出既美观又功能强大的后台管理系统,实现数据的动态展示与实时更新,从而帮助用户做出更明智的决策。

2024-10-14 21:49:10 1730

原创 Vue2中使用Mock.js模拟后端接口数据

Mock.js是一个用于生成随机数据和拦截 Ajax 请求的库。它可以根据指定的规则自动生成包含随机数据的 JSON 对象,非常适合前端开发阶段进行数据模拟。本文介绍了如何在 Vue2 项目中使用 Mock.js 模拟后端接口数据。通过这种方式,你可以在后端接口尚未完成时,依然能够进行前端开发和测试,提高开发效率。希望本文对你有所帮助!如有疑问,请随时留言讨论。

2024-10-10 20:56:08 1046

原创 Vue2中使用Vuex实现组件通信

Vuex 是 Vue.js 的官方状态管理库。它采用单向数据流的思想,能够集中管理所有组件的状态,并以一种可预测的方式进行状态的变更。State:存储应用的状态。Getters:从 state 派生出一些状态,类似于计算属性。Mutations:唯一可以直接修改 state 的方法,必须是同步函数。Actions:处理异步操作,可以调用 mutations。Modules:将 store 分割成模块,每个模块拥有自己的 state、mutations、actions 和 getters。

2024-10-09 20:20:23 938 1

原创 Vue2中使用Element-ui中NavMenu导航菜单实现菜单栏切换功能

【代码】Vue2中使用Element-ui中NavMenu导航菜单实现菜单栏切换功能。

2024-10-09 19:50:52 1153

原创 订单支付倒计时效果逻辑函数封装

【代码】订单支付倒计时效果逻辑函数封装。

2024-10-06 12:57:37 527

原创 Vue3中实现axios请求拦截器、响应拦截器以及Pinia持久化管理

Vue3中实现axios请求拦截器、响应拦截器以及Pinia持久化管理

2024-10-05 14:01:51 870

原创 登录中Token失效401拦截处理

登录中Token失效401拦截处理解决方法

2024-10-05 13:45:50 775

原创 Vue3中Element-Plus登录表单校验以及Pinia管理用户数据

Vue3中Element-Plus登录表单校验以及Pinia管理用户数据

2024-10-02 18:01:43 917

原创 实现Vue3中图片预览以及放大镜效果组件封装

Vue3中实现小图切换大图显示以及放大镜效果

2024-10-01 16:55:40 797

原创 性能优化之解决路由缓存问题

Vue3项目中性能优化之使用两种方案解决路由缓存问题

2024-09-30 16:01:36 423

原创 性能优化之图片懒加载指令实现

解决图片懒加载问题,一次性直接请求所有的图片资源,时间很长。使用图片懒加载,当看到图片时,在进行图片的加载,类似于数据分页功能以及加载功能

2024-09-29 16:13:04 436 1

3D立体相册源文件code+images

3D立体相册源文件code+images

2024-11-15

空空如也

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

TA关注的人

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