![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 84
_默_
前端开发,vue开发,涉及过webgis,webgl,neo4j;
npm包tablepage-vue3 作者
展开
-
vue3 依赖-组件formpage-vue3说明文档,表单页快速开发,使用思路及范例(Ⅰ)配置项文档
本组件是基于element-UI进行快速搭建表单页的依赖,为前端静态逻辑处理,方便基础表单的渲染,将栅格属性,基础校验交由组件内部进行实现原创 2024-05-28 09:36:08 · 909 阅读 · 0 评论 -
vue3 依赖-组件tablepage-vue3版本1.1.2~1.1.5更新内容
本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过searchConfig声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。原创 2024-05-26 14:34:00 · 207 阅读 · 0 评论 -
MPVUE 函数防抖与节流
本人小白一个,刚入职1个月,遇到搜索框实时更新会出现服务器429错误(请求过多),因此在网上找了很多方法,显然防抖节流就是我要的,奈何萌新一枚,将前人的代码改了改,终于能放进自己的mpvue,其实有很多vue防抖的博文,这里只是给纯萌新一个参考,毕竟我也是找了很久先看一下什么是防抖和节流函数防抖(debounce):当持续触发事件时,一定时间段内没有再触发事件,事件处理函数才会执行一次,如果设...原创 2020-03-04 15:44:39 · 324 阅读 · 0 评论 -
vue3 依赖-组件tablepage-vue3说明文档,列表页快速开发,使用思路及范例(Ⅰ)配置项文档
本组件是基于element-UI进行快速搭建搜索列表页的依赖,主干思路为:将异步接口声明到组件的tableApi属性,并将搜索项通过声明给组件,将搜索、重置、分页的逻辑均交给组件内部去处理,达到最简化的代码实现,对于标准搜索列表页能够进行快速开发。如下所示,便完成了一个标准搜索列表页的开发。原创 2024-04-10 15:29:44 · 770 阅读 · 2 评论 -
JavaScript 心跳函数封装-轮询接口查询数据状态
本心跳函数是一个异步函数,其作用是对传入的 id 进行连续访问,直到访问成功为止。在每次访问时,函数会等待五秒后再进行下一次访问。如果访问成功,则返回一个 resolved 状态的 Promise,其值为 id;否则返回一个 rejected 状态的 Promise。在实际应用中,该函数通常被用于监控某个操作的完成情况,例如上传文件至服务器或导入数据到数据库。本心跳函数是一个简单而实用的异步函数,主要用于监控某个操作的完成情况。其实现方式相对简单,适用性强,可以在很多场合得到应用。原创 2023-05-05 13:28:43 · 1996 阅读 · 0 评论 -
设计模式之中介者模式在前端的应用
中介者模式是一种非常有用的设计模式,它可以将对象之间的通信集中处理,从而提高系统的可维护性和灵活性。在前端开发中,中介者模式有很多应用场景,比如实现组件之间的松耦合、实现异步请求的协同、实现事件驱动的编程模型、实现复杂交互的协调等。通过使用中介者模式,我们可以让代码更加简洁、清晰,从而提高开发效率和代码质量。原创 2023-04-02 19:11:34 · 1409 阅读 · 0 评论 -
vue 组件继承- vue extends属性
Vue.js是一款流行的JavaScript框架,它的组件化设计使得开发者可以将复杂的UI拆分为独立的、可重用的组件。在Vue.js中,组件继承是一种高效的组件复用方式,它可以让我们通过扩展一个基础组件来创建新的组件,从而减少代码的重复和冗余。本文将介绍Vue.js 2.x版本中组件继承的相关知识,包括如何定义和使用基础组件、如何扩展基础组件、以及如何使用插槽(slot)实现组件的灵活配置等。在Vue.js中,我们可以通过Vue.component()方法来定义一个全局的基础组件。原创 2023-03-29 16:22:06 · 5465 阅读 · 0 评论 -
vue 监听器及计算属性高阶用法
监听器和计算属性是Vue.js中非常重要的特性,它们可以让我们更加方便地监控和处理数据的变化。在本文中,我们探讨了监听器和计算属性的高级用法,包括深度监听、立即触发、Getter 和 Setter、缓存策略以及计算属性的依赖等。通过深入理解这些高级用法,我们可以更好地利用Vue.js提供的数据驱动功能,编写出更加灵活和高效的前端代码。原创 2023-03-29 16:10:58 · 1018 阅读 · 0 评论 -
Vue的Slot高级用法
在上面的代码中,我们在MyComponent组件中定义了一个具名插槽,并将一个对象传递给了它,使得我们可以把这些对象数据绑定到子组件的插槽中。在上面的代码中,我们在父级组件的模板中定义了一个MyButton组件,并在其中使用组件插槽来指定要渲染的内容。在MyComponent组件中,我们使用v-bind将数据绑定到父组件允许的项目中,然后在slot元素中使用name属性,同时确保该名称与父组件中的名称对应。有时,我们需要在组件的模板中定义多个插槽,而这些插槽要具有不同的名称和不同的用途。原创 2023-03-23 08:50:19 · 1716 阅读 · 0 评论 -
前端工程师进阶指南
前端工程师是当前和未来的重要职业之一,需要不断学习和提高自身技能,以应对不断变化的市场需求。无论是从基础知识的巩固和提高、深度技术的学习、团队协作和项目管理的能力、职业发展和学习规划等方面,前端工程师都需要持续不断地努力和进步。希望本文提供的指南能够为前端工程师提供帮助和指导,让前端工程师更好地实现自己的职业目标和梦想。原创 2023-03-23 08:45:32 · 1810 阅读 · 0 评论 -
应届生如何上手vue-vue初级指南
通过这篇文章,你应该已经掌握了基本的Vue知识,并且可以使用Vue构建一个简单的项目了。当然,你还需要不断练习,学习Vue的高级应用程序开发。在学习的过程中,可以使用其他的在线教程、书籍或者一些开源项目来练习。祝你学习愉快!组件之间的通信:学习如何在多个组件之间传递数据,并掌握props、emit、provide/inject等技术。Vue框架和库:学习Vue的核心库之外的一些周边库,如路由、状态管理、UI库等。原创 2023-03-22 08:58:08 · 1176 阅读 · 0 评论 -
Vue2选项式API和Vue3组合式API的区别
总之,Vue3的新API设计减轻了前端开发者的开发难度,并且提供了更多的便利、更好的性能、更丰富的生命周期方法、更完善的TS支持等等。Vue3的兴起也是前端发展的重要里程碑,可以让我们更好地服务用户,带领前端技术发展更迅速,实现更加美好的web世界。来实现组件通讯,但是与Vue2不同的是,它是基于新的响应式API来实现的,它们之间可以多层嵌套传递数据,且避免了命名冲突。这两段代码功能相同,但是语法上看起来完全不同,Vue3使用了新的API,相比Vue2更加易于使用和管理。Vue3采用的是ES6的。原创 2023-03-22 08:57:43 · 1554 阅读 · 0 评论 -
Vue2与Vue3的区别
Vue2与Vue3之间有许多差异。Vue3的主要特点是更快的性能,更好的开发体验,更好的响应式系统以及更小的代码大小。尽管Vue3没有完全取代Vue2,但是Vue3已经成为前端开发的主流和首选。如果您正在考虑使用Vue作为应用程序的框架,Vue3是不错的选择。原创 2023-03-21 10:29:05 · 1885 阅读 · 0 评论 -
grid宫格布局初级快捷上手-f
grid 网上有很多,但都是大而全的,感觉新人上手很吃力,本文仅以最快捷的方式进行介绍,如何使用grid宫格布局本文是新人上手,若想了解更多grid布局,请阅读其他文章。原创 2023-02-28 15:44:20 · 486 阅读 · 0 评论 -
前端代码拆分的意义,以及如何拆分代码,文件拆分--前端教学文-f
本文适用于开发中的业务级代码,打包后的代码优化等可参考其他文章由于前端代码其实并没有严格意义上的类或模块的概念(哪怕是import与export也是非强制性的拆分),因此很多新手前端对于代码该如何拆分,如何设置独立的文件陷入了长时间的犹豫,博主仅以经验之道进行分享,如有不对请多包涵,并告知,本人加以改正。原创 2023-01-09 21:35:08 · 1502 阅读 · 1 评论 -
新知实验室 腾讯云实时音视频 RTC WEB端初识
在信息行业飞速发展的时代,万物正在互联,而人作为一个意识体,正在通过互联网认识一个全新的世界,当今,在互联移动时代“在线”概念正在进入人们的视线,直播,集团会议,尤其是疫情下的在线教学,实时视频等需求不断踊跃,可能大家在开发一款商城app时,客户突然要求需要增加直播入口,这时产品和客户认为只是一个小功能,可是到开发者眼里,美颜特效、加入进房限制或者上麦限制、数据数据传输等一堆问题扑面而来,此时腾讯云实时音视频(TRTC) 就显现出优势来,背靠腾讯团队,有更优秀的技术支持,有十分方便的API文档,以及上司最在原创 2022-11-24 21:15:57 · 881 阅读 · 0 评论 -
卫语句-前端应用
卫语句就是把复杂的条件表达式拆分成多个条件表达式,减少嵌套。原创 2022-08-18 09:14:37 · 320 阅读 · 0 评论 -
vue3 script setup 使用tinymce富文本编辑器
本文就是对于tinymce在vue3中的组件化封装进行的总结,便于大家直接上手使用。原创 2022-08-17 09:15:13 · 160 阅读 · 0 评论 -
策略模式-前端应用
在策略模式(Strategy Pattern)中,一个类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式。在策略模式中,我们创建表示各种策略的对象和一个行为随着策略对象改变而改变的 context 对象。策略对象改变 context 对象的执行算法。...原创 2022-08-16 22:15:25 · 426 阅读 · 0 评论 -
有感定时刷新与无感定时刷新,谁更能触碰用户爽点
在开发过程中其实开发者角度与用户角度是完全不同的,个人总结为如下有感无感技术会不会影响用户使用?会不会照成用户不便?我知道刷新了,我完成了,我开心(触碰的是开发者爽点)用户到底有没有刷新,为什么数据看起来没有变化他空白了一小会,哦原来是刷新了。......原创 2022-08-07 17:16:36 · 306 阅读 · 0 评论 -
vue框架搭建对于二次开发组件的处理思考及解决方案
在框架搭建时经常会遗漏一些公共组件库的实现,例如elementUI所实现的el-button,认为在业务实现时对于其进行个性化开发即可,但是经历过一些项目后,发现如此操作会有一些问题,本文主要简单聚焦于此全文仅以el-button为例......原创 2022-06-15 14:28:27 · 909 阅读 · 1 评论 -
前端组件拆分思路及通信设计(vue2.0)-组件拆分原则-vue组件-vue组件拆分原则-v
因为本文冗长,有一些是考虑对于小白上手所需技能,需要直接考虑组件拆分思路,建议直接进入三、1) 组件拆分原则六、一般的组件化内容因为组件的知识点过多,本文是用于闲(摸 )暇(鱼 )时间写的,具体某个功能的用法,强烈建议翻阅其他文章或官网.........原创 2022-06-09 09:43:23 · 648 阅读 · 1 评论 -
前端组件拆分思路及通信设计(vue2.0)-组件拆分原则-vue组件-vue组件拆分原则
因为本文冗长,有一些是考虑对于小白上手所需技能,需要直接考虑组件拆分思路,建议直接进入三、1) 组件拆分原则六、一般的组件化内容因为组件的知识点过多,本文是用于闲(摸 )暇(鱼 )时间写的,具体某个功能的用法,强烈建议翻阅其他文章或官网...原创 2022-05-19 11:23:22 · 665 阅读 · 4 评论 -
前端组件拆分思路及通信设计(vue2.0)-组件拆分原则-vue组件-vue组件拆分原则-f
因为本文冗长,有一些是考虑对于小白上手所需技能,需要直接考虑组件拆分思路,建议直接进入三、1) 组件拆分原则六、一般的组件化内容因为组件的知识点过多,本文是用于闲(~~摸~~ )暇(~~鱼~~ )时间写的,具体某个功能的用法,强烈建议翻阅其他文章或官网......原创 2022-05-18 21:00:30 · 1730 阅读 · 5 评论