自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 adminPage-vue3依赖简要介绍,及公共目录索引

之前开发tablePage依赖,用的较为顺手,后期想将form组件也抽出来,作为一个依赖,本想命名为formPage作为新依赖的,但是其中涉及一些公共函数,以及为了以后更多组件封装的考虑,故将所有组件汇总在一个依赖中进行开发并发布,并因主要支持的是admin后台管理系统,便起名为adminpage-vue3目前组件有TablePageFormPage组件开始版本TablePage1.0.01.0.0FormPage1.0.01.0.0。

2024-07-11 17:13:00 693

原创 adminPage-vue3依赖TablePaeg版本说明:V1.2.3——1) - 新增titleClass属性

【代码】adminPage-vue3依赖TablePaeg版本说明:V1.2.3——1) - 新增titleClass属性。

2024-11-28 18:55:39 282

原创 adminPage-vue3依赖DetailsModule版本说明:V1.2.1——1) - 新增span与labelSpan属性

- 新增span与labelSpan属性,当使用span属性时将不适用默认的布局,如果24栅格系统进行重新布局

2024-11-11 14:04:08 414

原创 adminPage-vue3依赖 v1.2.0新增组件 DetailsModule说明文档

本组件主要是通过配置项显示详情表单,类似于的ElDescriptions 描述列表,但是本组件的label,value是固定宽度的, 非动态变化

2024-10-14 15:55:35 1235

原创 adminPage-vue3依赖 v1.1.0新增组件 DeleteButton说明文档

本组件是基于element-UI,对于删除按钮进行的二次确认的整体封装,减少代码量

2024-10-14 10:11:02 382

原创 adminPage-vue3依赖FormPage版本说明:V1.0.7——1)新增个性化校验字段validateRegExp;2)showText下放到每个表单项

属性名说明类型默认值开始版本详见下文1.0.6showText非表单模式,仅显示内容,不渲染表单输入优先级大于直接声明在formpage标签上的showTextBoolean1.0.6。

2024-10-08 15:32:56 294

原创 程序员对未来思考:面向AI编程;继2B,2C后,2AI开发工程师能否成为未来?

在科技日新月异的今天,人工智能(AI)已经从科幻小说的边缘走进了我们生活的中心舞台,其影响力之深、范围之广,前所未有。自chartGPT发布以来,各类AI如雨后春笋般冒出,人们的争议声此起彼伏:“AI改变世界”,“AI末日”、“AI重塑世界”。AI以不可思议的速度,将每个人都卷进了新的科技时代,程序员作为与AI最近的岗位,很多人诚惶诚恐,自己会不会被AI取代,自己的未来又在何处,作为普通开发者,又该何去何从?

2024-08-27 13:55:15 766 1

原创 adminPage-vue3依赖TableColumn说明文档

本组件是基于element-UI,对进行轻度封装,减少开发代码量,统一交互的组件以下为使用本组件和不使用本组件的参考,所输出结果完全一致< TableColumn prop = " name " label = " 名称 " /> < ElTableColumn prop = " name " label = " 名称 " align = " center " show-overflow-tooltip minWidth = " 90 " />

2024-08-08 15:33:34 353

原创 adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例-汇总

思路介绍本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的属性,并将搜索项通过声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。如下所示,便完成了一个标准搜索列表页的开发TablePage-vue3 API汇总属性属性名说明类型默认值版本号tableApi[必填]表格api【可异步】FunctionPromise.reject()1.0.0tit

2024-08-08 15:33:07 1072

原创 adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例(Ⅳ)其他配置项

在一些业务情景下,可能想让table的loading因外部事件而显示,此时可以传入loading,本属性接收Boolean类型,当为true时,列表页将会显示loading,对于loading所需配置,亦可直接声明到组件上。在部分业务场景中,你并不想在加载页面时立即调用接口,可以声明noMountedGetData属性为true,此时组件内部将不会在onMounted获取数据,如果不想配置title,可以声明noTitle 取消显示。设置左上角的title 文案,默认将会从路由配置中读取。

2024-08-08 15:32:48 810

原创 adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例(Ⅲ)列表项及分页器配置及props配置

对应关系可汇总为。

2024-07-23 09:35:20 712

原创 adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例(Ⅱ)搜索及数据获取配置项

该属性接收函数,传入接口返回的数据列表,经该函数处理后将渲染至页面,函数可为异步函数,当函数不返回数据时,将使用接口数据进行渲染。当需要重置时处理其他业务时,可声明resetFun属性,该属性接收函数,可异步处理,待处理完成后继续向下执行搜索逻辑。此属性为true时,当搜索项被触发change事件时,将会立即执行搜索逻辑,无需用户手动点击搜索按钮。该属性接收函数,将传入即将用于搜索的数据,数据经过该函数处理后需要返回,否则将仍使用原始数据进行搜索。//等待五秒后向下执行。

2024-07-23 09:34:59 790

原创 adminPage-vue3依赖TablePage说明文档,列表搜索页快速开发,使用思路及范例(Ⅰ)配置项文档

本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过formConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。如下所示,便完成了一个标准搜索列表页的开发。

2024-07-23 09:34:33 628

原创 adminPage-vue3依赖FormPage说明文档,表单页快速开发,使用思路及范例——汇总文档

本组件是基于element-UI进行快速搭建表单页的依赖,为前端静态逻辑处理,方便基础表单的渲染,将栅格属性,基础校验交由组件内部进行实现属性名说明类型默认值开始版本key字段key值,该值将作用于表单modelValue的key值,当type为times时详见当type=times时String1.0.0type详见下文‘input’1.0.0label表单标签文本String1.0.0noLabel搜索表单无标签文本标识,为true时将不显示标签文本Boolean。

2024-07-16 13:33:35 1158

原创 adminPage-vue3依赖FormPage说明文档,表单页快速开发,使用思路及范例(Ⅲ)校验相关处理

接收布尔值或正整数,当·isMinusNumber ·为true或Number 且该项输入非数值,将抛出异常。接收布尔值或正整数,当·isNumber ·为true或Number 且该项输入非数值,将抛出异常。接收布尔值,当·notNull·为true且该项未输入时,将抛出异常。接收正整数时,将限制用户输入小数长度,将抛出异常。接收正整数时,将限制用户输入小数长度,将抛出异常。为true且该项输入非正整数,将抛出异常。为true且该项输入非数值,将抛出异常。为true且该项输入非数值,将抛出异常。

2024-07-16 13:26:47 638

原创 adminPage-vue3依赖FormPage说明文档,表单页快速开发,使用思路及范例(Ⅱ)formConfig基础配置项

vue组件类型 VueComponent。

2024-07-11 16:42:11 497

原创 adminPage-vue3依赖FormPage说明文档,表单页快速开发,使用思路及范例(Ⅰ)配置项文档

本组件是基于element-UI进行快速搭建表单页的依赖,为前端静态逻辑处理,方便基础表单的渲染,将栅格属性,基础校验交由组件内部进行实现属性名说明类型默认值开始版本key字段key值,该值将作用于表单modelValue的key值,当type为times时详见当type=times时String1.0.0type详见下文‘input’1.0.0label表单标签文本String1.0.0noLabel搜索表单无标签文本标识,为true时将不显示标签文本Boolean。

2024-07-11 16:24:50 1184

原创 ruoyi-vue3项目结构介绍,vue项目结构介绍

ruoyi框架是行业内,vue前端开发所使用的、流行的、占有率高、认可度高的一个框架。本文章主要是针对刚入行业的vue前端开发如何上手ruoyi框架,快速进入到项目开发的一个引导,并不会深入了解ruoyi框架实施细节,重点将放在新手vue从业者如何快速使用ruoyi框架及各个公司基于ruoyi框架衍生出的企业内部框架。并针对ruoyi框架基本文件位置有一个较为浅显的认知,辅助新手开发能够更快的进入到实际业务开发。

2024-06-19 19:50:53 867

原创 vue3 依赖-组件formpage-vue3说明文档,表单页快速开发,使用思路及范例(Ⅰ)配置项文档

本组件是基于element-UI进行快速搭建表单页的依赖,为前端静态逻辑处理,方便基础表单的渲染,将栅格属性,基础校验交由组件内部进行实现

2024-05-28 09:36:08 979

原创 vue3 依赖-组件tablepage-vue3版本1.1.2~1.1.5更新内容

本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过searchConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。

2024-05-26 14:34:00 260

原创 vue3 依赖-组件tablepage-vue3版本1.1.0/1.1.1更新内容:新增特性childConfig

本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过searchConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。

2024-05-18 10:09:06 623

原创 vue3 依赖-组件tablepage-vue3 项目公共配置封装

虽然tablepage-vue3 已经对搜索列表页进行了高度集成封装,但是每家公司甚至每个项目的配置是不尽相同的,而项目内的逻辑却又高度一致,此时可能每个index.vue页面都需要声明同一套静态配置项目(如paginationProps配置参数,props配置参数等)本文章是对于tablepage-vue3 依赖如何在项目中声明公共组件进行的一个输出讲解。

2024-05-01 12:50:41 464

原创 vue3 依赖-组件tablepage-vue3版本1.0.3更新内容

可通过和查看全部内容。

2024-05-01 12:28:19 634

原创 JavaScript 如何理解柯里化函数结构及调用

具体来说,一个柯里化的函数首先会接收一些参数,但并不会立即求值,而是返回另一个函数。之前传入的参数在函数形成的闭包中被保存起来,直到所有需要的参数都被传入,函数才会被真正求值。在这个例子中,demo 是一个函数,它被直接调用。接下来,如果我们想要调用另一个函数,并返回 demo 函数,以便可以再次调用 demo 函数,可以这样做。因为a,b是外层函数输入的,c,d是返回函数接收的,同时返回函数在外层函数环境内,可以取到a,b值。本质上,柯里化函数是返回了一个函数体,进而通过该函数体接收参数并进行求值计算。

2024-04-29 15:34:46 360 2

原创 vue3 依赖-组件tablepage-vue3版本1.0.2更新内容

本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过searchConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。

2024-04-21 16:36:27 613

原创 vue3 依赖-组件tablepage-vue3说明文档,列表页快速开发,使用思路及范例-汇总

本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过searchConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。

2024-04-13 19:49:44 1358

原创 vue3 依赖-组件tablepage-vue3说明文档,列表页快速开发,使用思路及范例(Ⅳ)其他配置项

本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过searchConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。

2024-04-12 15:30:16 788

原创 vue3 依赖-组件tablepage-vue3说明文档,列表页快速开发,使用思路及范例(Ⅲ)列表项及分页器配置及props配置

本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过searchConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。

2024-04-12 14:22:43 514

原创 vue3 依赖-组件tablepage-vue3说明文档,列表页快速开发,使用思路及范例(Ⅱ)搜索及数据获取配置项

本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过searchConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。

2024-04-11 17:10:06 1253 1

原创 vue3 依赖-组件tablepage-vue3说明文档,列表页快速开发,使用思路及范例(Ⅰ)配置项文档

本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。如下所示,便完成了一个标准搜索列表页的开发。

2024-04-10 15:29:44 855 2

原创 JavaScript 心跳函数封装-轮询接口查询数据状态

本心跳函数是一个异步函数,其作用是对传入的 id 进行连续访问,直到访问成功为止。在每次访问时,函数会等待五秒后再进行下一次访问。如果访问成功,则返回一个 resolved 状态的 Promise,其值为 id;否则返回一个 rejected 状态的 Promise。在实际应用中,该函数通常被用于监控某个操作的完成情况,例如上传文件至服务器或导入数据到数据库。本心跳函数是一个简单而实用的异步函数,主要用于监控某个操作的完成情况。其实现方式相对简单,适用性强,可以在很多场合得到应用。

2023-05-05 13:28:43 2381

原创 设计模式之中介者模式在前端的应用

中介者模式是一种非常有用的设计模式,它可以将对象之间的通信集中处理,从而提高系统的可维护性和灵活性。在前端开发中,中介者模式有很多应用场景,比如实现组件之间的松耦合、实现异步请求的协同、实现事件驱动的编程模型、实现复杂交互的协调等。通过使用中介者模式,我们可以让代码更加简洁、清晰,从而提高开发效率和代码质量。

2023-04-02 19:11:34 1598

原创 vue 组件继承- vue extends属性

Vue.js是一款流行的JavaScript框架,它的组件化设计使得开发者可以将复杂的UI拆分为独立的、可重用的组件。在Vue.js中,组件继承是一种高效的组件复用方式,它可以让我们通过扩展一个基础组件来创建新的组件,从而减少代码的重复和冗余。本文将介绍Vue.js 2.x版本中组件继承的相关知识,包括如何定义和使用基础组件、如何扩展基础组件、以及如何使用插槽(slot)实现组件的灵活配置等。在Vue.js中,我们可以通过Vue.component()方法来定义一个全局的基础组件。

2023-03-29 16:22:06 6426

原创 vue 监听器及计算属性高阶用法

监听器和计算属性是Vue.js中非常重要的特性,它们可以让我们更加方便地监控和处理数据的变化。在本文中,我们探讨了监听器和计算属性的高级用法,包括深度监听、立即触发、Getter 和 Setter、缓存策略以及计算属性的依赖等。通过深入理解这些高级用法,我们可以更好地利用Vue.js提供的数据驱动功能,编写出更加灵活和高效的前端代码。

2023-03-29 16:10:58 1246

原创 为什么开发者自己做全面测试很差?

所以,开发者自测容易忽略用户视角和需求,导致测试的质量无法满足用户期望。因此,在测试过程中需要对整个系统进行全面的测试,才能保证整个系统的稳定性和可靠性。但是,由于开发者只关注自己编写的代码,往往无法发现整个系统的潜在问题,从而影响整个系统的质量。为了保证软件的质量和稳定性,开发者自测应该与专业的测试人员进行相结合,实现全面的测试覆盖。同时,也需要引入先进的测试方法和工具,比如自动化测试、白盒测试等,以提高测试效率和质量。开发者自测通常只测试自己编写的代码,而没有测试整个系统的交互、兼容性、稳定性等方面。

2023-03-29 16:02:41 1114

原创 零基础学习51单片机

单片机是一种集成电路芯片,具有集成处理器、存储器、输入输出端口和外设接口等功能,可编程控制各种系统和设备。它与计算机相似,但是比计算机更小、更简单,更经济。51单片机是一种经典的8位单片机,它由Intel公司研制,从1981年开始推广,至今已有四十年的历史,因为它的简单易学、易扩展、成本低廉等优点,被广泛应用于各种嵌入式系统和电子产品中。本文从51单片机的基本构成、特点、编程语言、基本指令和开发环境等方面进行了介绍,并以一个简单的LED闪烁程序为例,展示了单片机的应用。

2023-03-29 13:07:30 2674

原创 Vue的Slot高级用法

在上面的代码中,我们在MyComponent组件中定义了一个具名插槽,并将一个对象传递给了它,使得我们可以把这些对象数据绑定到子组件的插槽中。在上面的代码中,我们在父级组件的模板中定义了一个MyButton组件,并在其中使用组件插槽来指定要渲染的内容。在MyComponent组件中,我们使用v-bind将数据绑定到父组件允许的项目中,然后在slot元素中使用name属性,同时确保该名称与父组件中的名称对应。有时,我们需要在组件的模板中定义多个插槽,而这些插槽要具有不同的名称和不同的用途。

2023-03-23 08:50:19 2203

原创 前端工程师进阶指南

前端工程师是当前和未来的重要职业之一,需要不断学习和提高自身技能,以应对不断变化的市场需求。无论是从基础知识的巩固和提高、深度技术的学习、团队协作和项目管理的能力、职业发展和学习规划等方面,前端工程师都需要持续不断地努力和进步。希望本文提供的指南能够为前端工程师提供帮助和指导,让前端工程师更好地实现自己的职业目标和梦想。

2023-03-23 08:45:32 2241

原创 应届生如何上手vue-vue初级指南

通过这篇文章,你应该已经掌握了基本的Vue知识,并且可以使用Vue构建一个简单的项目了。当然,你还需要不断练习,学习Vue的高级应用程序开发。在学习的过程中,可以使用其他的在线教程、书籍或者一些开源项目来练习。祝你学习愉快!组件之间的通信:学习如何在多个组件之间传递数据,并掌握props、emit、provide/inject等技术。Vue框架和库:学习Vue的核心库之外的一些周边库,如路由、状态管理、UI库等。

2023-03-22 08:58:08 1448

原创 Vue2选项式API和Vue3组合式API的区别

总之,Vue3的新API设计减轻了前端开发者的开发难度,并且提供了更多的便利、更好的性能、更丰富的生命周期方法、更完善的TS支持等等。Vue3的兴起也是前端发展的重要里程碑,可以让我们更好地服务用户,带领前端技术发展更迅速,实现更加美好的web世界。来实现组件通讯,但是与Vue2不同的是,它是基于新的响应式API来实现的,它们之间可以多层嵌套传递数据,且避免了命名冲突。这两段代码功能相同,但是语法上看起来完全不同,Vue3使用了新的API,相比Vue2更加易于使用和管理。Vue3采用的是ES6的。

2023-03-22 08:57:43 1931

基于若依的vue2 模板项目,已封装部分公共组件

Vue是一个流行的前端框架,能够快速构建现代化的Web应用程序。Vue2模板项目是基于Vue2语言进行开发的Demo项目,旨在提供一套可重复使用的代码,帮助开发者快速构建后台管理系统。该模板项目已经封装了一些常用的公共组件,对于常用功能进行了二次封装开发,从而提高了开发效率。 该模板项目支持json化配置表单,这意味着开发者可以通过简单的配置,快速生成表单页面。不需要手写html代码,这大大提高了开发效率。同时,该模板项目还提供标准搜索页面,可通过简单的配置,快速生成搜索页面,包括搜索条件、排序、分页等功能。这些功能的快捷上手,对于后台管理系统的新人上手很方便。 该模板项目还提供了常见的echarts声明,这些声明可直接使用,简化图表开发流程。此外,该模板项目还封装了基础工具函数声明,包括日期格式化、字符串截取、数组去重等常用函数。这些函数可直接调用,简化了开发流程。 该模板项目还提供了组件使用示例和二次封装函数的简单demo,方便新手快速上手。开发者可以通过这些示例和demo,更好地理解如何使用组件和二次封装函数。此外,该模板项目基于vue2语言进行开发,采用了webpack打

2023-03-20

谷歌插件demo项目:百度百科基本信息JSON化处理插件

谷歌插件demo项目:百度百科基本信息JSON化处理插件 用于获取百度百科的基本信息数据,并json化处理,可以直接拖拽到谷歌内使用, 插件拥有json数据一键复制功能,格式为[{key:'键名',value:'值'}]并已经去除空格

2022-11-13

neo4j的demo项目 (使用语言:python后端+vue前端)

neo4j demo项目 使用语言:python后端+vue前端 主要功能:进行demo级别的neo4j项目的接口整合,基础的前端交互,非交付,为作者学习输出的简单项目

2022-11-03

leaflet 基础功能应用

webgis-leaflet 基础功能代码,本资源仅包含 leaflet 基础功能,无插件功能,对于leaflet基础功能上手,leaflet学习,可提供入门级代码,主要方便查阅基础功能,最少代码使用等。 其中代码均在《WebGis之leaflet全面解析》中所提到并根据页码进行文件拆分。 本实例中代码均为手敲,如有问题请见谅 对于需要插件的部分代码,本实例中并没有进行展示,因为本人认为其为深度用法,可以当了解其基本使用之后进行逐步加深。 本实例中如有错误请见谅,因本资源为本人学习期间敲打的示例,因此只适用于初级人员,不适用高阶使用,高阶使用答疑请移步至别处资源进行查阅, 本资源所使用代码为JavaScript,使用天地图为基本地图,未使用冗余框架(如vue等框架),对于相关框架使用请移步至其他资源 综上,本资源是基础功能代码,请各位下载时谨慎,避免占用过多时间,结果是无用代码 关键字:webgis leaflet 地图 天地图 技术栈:Javascript

2022-06-09

空空如也

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

TA关注的人

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