自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2024-05-18 10:09:06 534

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

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

2024-05-01 12:50:41 374

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

可通过和查看全部内容。

2024-05-01 12:28:19 538

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

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

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

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

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

2024-04-21 16:36:27 530

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

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

2024-04-13 19:49:44 1136

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

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

2024-04-12 15:30:16 716

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

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

2024-04-12 14:22:43 438

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

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

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

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

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

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

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

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

2023-05-05 13:28:43 1909

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

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

2023-04-02 19:11:34 1390

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

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

2023-03-29 16:22:06 5088

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

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

2023-03-29 16:10:58 1000

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

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

2023-03-29 16:02:41 880

原创 零基础学习51单片机

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

2023-03-29 13:07:30 2342

原创 Vue的Slot高级用法

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

2023-03-23 08:50:19 1612

原创 前端工程师进阶指南

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

2023-03-23 08:45:32 1725

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

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

2023-03-22 08:58:08 1166

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

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

2023-03-22 08:57:43 1455

原创 ChatGPT能否取代程序员?

虽然在某些特定领域和层面上,ChatGPT确实可以起到优化和辅助程序员工作的作用,但将谋求取代程序员的观念是不现实的,因为程序员所需要的创造力和创新性以及能解决问题的综合能力是任何人工智能技术所不能做到的。但是,ChatGPT并不能够代替程序员,因为程序员作为职业有其不可替代性,程序员更适合进行有创意性和独立性的开发工作,人工智能技术则可以在某些偏重重复性和系统性的工作任务中进行更高效和精准的处理。此外,在一些复杂的领域,例如软件工程、开发方法和编程编组等,程序员的工作需要具有更大的交互性和人性化的特点。

2023-03-21 10:33:13 80381 96

原创 Vue2与Vue3的区别

Vue2与Vue3之间有许多差异。Vue3的主要特点是更快的性能,更好的开发体验,更好的响应式系统以及更小的代码大小。尽管Vue3没有完全取代Vue2,但是Vue3已经成为前端开发的主流和首选。如果您正在考虑使用Vue作为应用程序的框架,Vue3是不错的选择。

2023-03-21 10:29:05 1661

原创 nvm使用-node版本切换-npm版本-node版本异常导致错误

nvm是一个node的版本管理工具,可以简单操作node版本的切换、安装、查看。。。等等,与npm不同的是,npm是依赖包的管理工具。nvm是对于npm进行管理的一个工具。

2023-03-16 20:49:38 1436 1

原创 vue2生命周期

当这个钩子被调用时,组件 DOM 已经更新,所以你现在可以执行依赖于 DOM 的操作。执行该钩子函数时,我们的模板编译好了,而且挂载到真实DOM树上面去了,也就是我们的页面可以显示了。该钩子函数在data数据发生变化之后调用,此时data里面的数据已经是最新的了,但是页面上DOM还没有更新最新的数据。该钩子被调用后,对应 Vue 实例的所有指令都被解绑,所有的事件监听器被移除,所有的子实例也都被销毁。该钩子函数会在data数据更新之后执行,而且此时页面也渲染更新完成了,显示的就是最新的数据。

2023-03-15 21:22:22 1226

原创 vue-初级上手-vue概念-什么是vue-vue快速上手-学生上手vue-f

vue是一个库,他并不是一个框架,但是由于使用广泛,有的人口误或理解错误,逐步将其误解为框架库是将代码集合成的一个产品,供程序员调用。开发者在使用库的时候,只需要使用库的一部分类或函数,然后继续实现自己的功能。框架则是为解决一类问题而开发的产品,框架用户一般只需要使用框架提供的类或函数,即可实现全部功能。可以说,框架是库的升级版。开发者在使用框架的时候,必须使用这个框架的全部代码。框架和库的比较可以想像为:假如我们要买一台电脑。

2023-03-15 20:11:55 585 2

原创 grid宫格布局初级快捷上手-f

grid 网上有很多,但都是大而全的,感觉新人上手很吃力,本文仅以最快捷的方式进行介绍,如何使用grid宫格布局本文是新人上手,若想了解更多grid布局,请阅读其他文章。

2023-02-28 15:44:20 472

原创 前端代码拆分的意义,以及如何拆分代码,文件拆分--前端教学文-f

本文适用于开发中的业务级代码,打包后的代码优化等可参考其他文章由于前端代码其实并没有严格意义上的类或模块的概念(哪怕是import与export也是非强制性的拆分),因此很多新手前端对于代码该如何拆分,如何设置独立的文件陷入了长时间的犹豫,博主仅以经验之道进行分享,如有不对请多包涵,并告知,本人加以改正。

2023-01-09 21:35:08 1455 1

原创 git提交规范 fix,feat等字段含义

以下是commit提交规范,主要是在提交代码时标识本次提交的属性。

2022-11-29 08:43:05 35677 2

原创 新知实验室 腾讯云实时音视频 RTC WEB端初识

在信息行业飞速发展的时代,万物正在互联,而人作为一个意识体,正在通过互联网认识一个全新的世界,当今,在互联移动时代“在线”概念正在进入人们的视线,直播,集团会议,尤其是疫情下的在线教学,实时视频等需求不断踊跃,可能大家在开发一款商城app时,客户突然要求需要增加直播入口,这时产品和客户认为只是一个小功能,可是到开发者眼里,美颜特效、加入进房限制或者上麦限制、数据数据传输等一堆问题扑面而来,此时腾讯云实时音视频(TRTC) 就显现出优势来,背靠腾讯团队,有更优秀的技术支持,有十分方便的API文档,以及上司最在

2022-11-24 21:15:57 872

原创 技术发展路线分享

技术发展路线分享

2022-08-23 10:25:48 358

原创 Sourcetree 分支检出(同步远程已有分支,sourcetree检出什么意思)-f

分支检出,可以简单理解为将云上代码和分支同步到本地,但因为代码同步时会根据分支进行切换。正常项目会同时有稳定版本,实验版本,测试版本,开发版本等不同分支,而本地可能仅存在开发版本,当测试版本出现问题时,测试版本和开发版本会因分支不同而代码差异,此时需要将本地代码切换到测试版本,此时就需要先对分支进行检出,才能去拉取对应代码=>就是将云上的新分支同步到本地上的功能。...

2022-08-19 08:40:21 3265

原创 neo4j 图数据库初步调研 三元组、属性图、图模型、超图、RDF-f

目前网络上对于三元组的解析比较复杂且比较深,对于新入门的小白来说过于深奥,本人对此进行简单归纳,方便理解,主要讲解三方面:三元组、属性图、超图、RDF

2022-08-18 09:26:02 2822 4

原创 neo4j 图数据库初步调研 图数据库与关系型数据库差异-f

博主为前端开发,因公司业务,进行技术调研,部分博文内容与后端实际不符,请见谅博文技术关键字neo4j,python,py2neo,知识图谱,jieba语义分析,flask前言知识图谱知识图谱与传统数据库最大不同是,字段是“自由”的每个字段(除id与关系)都是可以随意增减的,以人为例:传统数据结构中,张三与李四均有姓名,年龄,身份证号,住址等字段,根据业务配上车辆,房产字段(假如车、房 数据只入库一条)那么在传统关系型数据库中则其模型如下身份证姓名年龄住址车房但是当数据落

2022-08-18 09:24:13 661 1

原创 卫语句-前端应用

卫语句就是把复杂的条件表达式拆分成多个条件表达式,减少嵌套。

2022-08-18 09:14:37 304

原创 vue3 script setup 使用tinymce富文本编辑器-f

本文就是对于tinymce在vue3中的组件化封装进行的总结,便于大家直接上手使用。

2022-08-17 09:21:58 837

转载 CSDN Markdown 新功能

Markdown编辑器

2022-08-17 08:48:30 399

原创 策略模式-前端应用

在策略模式(Strategy Pattern)中,一个类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式。在策略模式中,我们创建表示各种策略的对象和一个行为随着策略对象改变而改变的 context 对象。策略对象改变 context 对象的执行算法。...

2022-08-16 22:15:25 389

原创 有感定时刷新与无感定时刷新,谁更能触碰用户爽点

在开发过程中其实开发者角度与用户角度是完全不同的,个人总结为如下有感无感技术会不会影响用户使用?会不会照成用户不便?我知道刷新了,我完成了,我开心(触碰的是开发者爽点)用户到底有没有刷新,为什么数据看起来没有变化他空白了一小会,哦原来是刷新了。......

2022-08-07 17:16:36 299

原创 低代码平台及模块化开发对于前端程序员的影响-个人见解

这两天与别聊天,无意间聊到了低代码开发与模块化开发,他不经感慨,程序员是唯一一个干死自己职业的存在,以后程序员工资只会越来越低,但我反而绝对,这是狭义的表达,并不准确

2022-06-18 16:33:25 2495

原创 vue框架搭建对于二次开发组件的处理思考及解决方案

在框架搭建时经常会遗漏一些公共组件库的实现,例如elementUI所实现的el-button,认为在业务实现时对于其进行个性化开发即可,但是经历过一些项目后,发现如此操作会有一些问题,本文主要简单聚焦于此全文仅以el-button为例......

2022-06-15 14:28:27 884 1

基于若依的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关注的人

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