logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue中央事件总线$bus跨父子组件无限层级通信(解决$bus.emit 第一次不触发、通信传值数据监听等)

使用场景:多种类跨组件全局搜索实现,vuex对于当前场景过于繁琐庞杂,由此想用vue中央事件总线bus去处理。使用问题:因为$emit先于$on执行了,所以接受传值的组件无法获得第一次数据;解决办法:main.js//中央事件总线Vue.prototype.$bus=new Vue();传值组件onSearch(value) {this.Sdata.svalue=value;// 加定时器,防止$

#vue.js#javascript#前端
Vue实现集成使用第三方Animate.css动画库详细教程(解决鼠标移入移出闪烁问题)

vue通过第三方集成Animate.css简单快速的实现动画,通过类名引用,可以轻松实现Animate的所有动画,Animate.css是一款强大的预设css3动画库,Animate.css内置了很多典型的css3动画,兼容性好使用方便。

#vue.js#javascript#css
VUE实现路由自动生成,根据src文件夹下(多级文件夹)所有.vue文件路径实现路由自动匹配生成

VUE实现路由自动生成,根据src文件夹下(多级文件夹)所有.vue文件路径实现路由自动匹配生成

#vue.js#javascript#前端
Vue3使用audio实现无播放器播放音频,以及多音频切换bug“The play() request was interrupted by a new load request”处理

Vue 的声明性渲染模型抽象了大部分对 DOM 的直接操作,当我们有需要直接访问底层 DOM 元素的需求,就可以使用特殊的 ref attribute,对DOM 元素实现直接引用,从而实现原生audio播放器的更改和控制。如觉的写的不错,欢迎评论讨论,本文为原创,如需转载请标明出处;

文章图片
#音视频#bug#javascript +1
Vue3<script setup>语法糖下,实现父子组件通信以及数据监听的三种方法。

在Vue3的script setup语法糖中,没有办法通过Vue2的ref、props、parent、中央时间总线等等众多方法,通过this指针简单的实现父子组件的通信,网络上也很少有关于script setup语法糖的相关教程,所以决定自己写一个详细教程,方便以后学习查看并记录。

文章图片
#vue.js#前端框架#javascript
OpenHarmony鸿蒙原生应用开发,ArkTS、ArkUI学习踩坑学习笔记,持续更新中。

OpenHarmony鸿蒙原生应用开发,ArkTS、ArkUI学习踩坑学习笔记,持续更新中。

文章图片
#harmonyos#学习
HarmonyOS鸿蒙ArkTS/ArkUI项目,封装http网络请求,封装公共API以及调用请求的过程实现。

我们在日常当中开发鸿蒙项目的时候,调用@ohos.net.http (数据请求)方法去请求接口,整个组件的语法糖会很繁琐,我们对@ohos.net.http (数据请求)方法进行一下二次公共API接口封装http网络请求,实现接口的简单方便快捷的调用。

文章图片
#harmonyos#http#华为
原生HTML通过JS(ES6、JQuery)引入公共模块(header,footer,menu等)实现模块化以及组件化,实现父子组件传值以及数据监听(基于Object.defineProperty)

一些项目有时候,因为需求不同,比如需要SEO或者项目很小,亦或者只需要做一个简单好管理的官网或者网站等等,在这种情况下,我们再去使用类似于vue和react等等这类型框架,就有一点大材小用,也有点费时间。但是,vue这类框架的组件化开发在体验上对开发者非常友好,那么我们如果通过使用原生的前端技术去实现组件化开发?

文章图片
#javascript#html#es6
layui最新版本更新已全面拥抱Vue3,layui - vue是一套Vue 3.0的桌面端组件库,提供100%的layui的体验;

layui - vue目前的版本是1.4.9,目前常用的大部分组件已全部覆盖,最惊喜的地方在动画和过度组件做的比较好,应该是目前Vue组件库里面做的比较好的,Vue的动画相比于React和Angular一直比较弱,layui - vue目前做的不错,目前Vue组件库里面的天花板。

文章图片
#vue.js#layui#前端
到底了