Skip to main content

moregeek program

vue 组件间的通信方式_crmeb中邦科技的博客-多极客编程

前言在Vue组件库的开发过程中,组件之间的通信一直是一个重要的课题。虽然官方的Vuex状态管理方案可以很好的解决组件之间的通信问题,但是组件库内部对Vuex的使用往往比较繁重。本文列举了几种实用的不使用Vuex的组件间通信方法,供大家参考。组件之间通信的场景在进入我们今天的主题之前,我们先来总结下 Vue 组件之间通信的几种场景,一般可以分为如下几种场景:父子组件之间的通信兄弟组件之间的通信隔代组

Read More

【日积录】~~~不断更新_wx63311348dcab6的博客-多极客编程

学习Vue 还会有一段时间,但是自己的脑容量有限,总是忘掉一些东西。因此,找一个专门的地方,记录一些可小可大的小点。已被不时之需。古人云:“无三不成礼”,又云“兽三为群,人三为众,女三为粲”。以此为开始吧。时间:2022年5月5日1、在Css里面使用@@被定义为src的别名,在CSS中使用,需要在@前面加上一个~2、token(令牌)token是由服务器下发,是一个用户的唯一标识。很多网站都在用t

Read More

使用vue的transition组件写一个数字滚动竟然如此简单_qq6310682252356的博客-多极客编程

使用vue的transition组件,来实现一个数字滚动效果,其实不仅可以是数字滚动,还可以是文字、段落滚动,代码片段使用了定位做的,还可以使用transform,只是一种思路,不限制方案。布局没有别人写的东西炫酷,我都不知道怎么写内容了,布局没啥好讲的,我这里会有一个容器包裹内部滚动的数字,主要是用于隐藏内部滚动的数字超出的部分,代码如下:<div class="roll-containe

Read More

elasticsearch高级检索之使用单个字母数字进行分词n-gram tokenizer(不区分大小写)【实战篇】_奋斗小王的博客-多极客编程

一、前言 小编最近在做到一个检索相关的需求,要求按照一个字段的每个字母或者数字进行检索,如果是不设置分词规则的话,英文是按照单词来进行分词的。 ==小编以7.6.0版本做的功能哈,大家可以根据自己的版本去官网看看,应该区别不大== 例子: C6153PE-冬日恋歌,要可以通过任何一个数字和字母进行检索到,并且不区分大小写。c,6,c6等等! 今天官网上有一些例子,觉得和实战还是有点区别,小编这里通

Read More

web技术分享| 虚拟列表实现_mb60af473914346的博客-多极客编程

针对过多数据列表展示造成过多节点渲染使页面卡死或卡顿,特地封装一个简易的虚拟列表,大家可在此基础上进行针对修改 组件基于 vue3 + element plus + ts + tailwindcss 开发 设计思路 分为三部分: 父容器占位; 一个子容器展示通过滚动条计算的数据相当于真实渲染节点; 一个子容器作为虚拟列表不渲染列表提供列表真实高度显示滚动条 实现 页面结构 <el-s

Read More

vue/js自定义指令:实现元素滑动、移动端适配以及边界处理_qq6310682252356的博客-多极客编程

​​§​​核心属性​​Element.clientWidth​​:元素可视宽度。​​Element.clientHeight​​:元素可视高度。​​MouseEvent.clientX​​:鼠标相对于浏览器左上顶点的水平坐标。​​MouseEvent.clientY​​:鼠标相对于浏览器左上顶点的垂直坐标。​​Touch.clientX​​:触点相对于浏览器左上顶点的水平坐标(移动端属性)。​​T

Read More

java借助百度云人脸识别实现人脸注册、登录功能的完整示例_积跬步,至千里。的博客-多极客编程

百度云人脸识别预览效果先来看一下Java借助百度云人脸识别实现人脸注册登录功能的预览效果环境准备登录百度智能云控制台:​​https://console.bce.baidu.com/​​,开通人脸识别选择人脸识别项,创建人脸识别应用人脸识别接口默认全部选择,也可以选择添加其他接口。得到应用​​ID、 API KEY、Secret Key​​百度云API的基本使用人脸识别API文档:​​https:

Read More

#yyds干货盘点# 利用element和vue结合实现父子组件弹窗功能_该死!这帅男人的博客-多极客编程

首先我们看一下子组件内的弹窗代码,这是element里的一个弹框组件样式 ’append-to-body ‘是凌驾于其他页面之上的页面意思。<template> <div class='aaa'> <el-dialog title="外层 Dialog" :visible.sync="outerVisible"> <el-dialog

Read More

10天从入门到精通vue(六)webpack打包vue项目和mintui 组件使用_write less,do more。的博客-多极客编程

@[toc] 注意: 有时候使用npm i node-sass -D装不上,这时候,就必须使用 cnpm i node-sass -D 在普通页面中使用render函数渲染组件 在webpack中配置.vue组件页面的解析 运行cnpm i vue -S将vue安装为运行依赖; 运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开

Read More

web技术支持| 基于vue3实现自己的组件库第三章:checkbox组件_mb60af473914346的博客-多极客编程

大家好今天的内容是基于vue3实现自己的组件库系列第二章,本文默认你会安装和创建vue3项目,如果不会请参考vue官网; Checkbox.vue Template <template> <div :class='["v-checkbox", { border }, { disabled: proxyDisabled || disabled || compute

Read More

一文解析pinia和vuex,带你全面理解这两个vue状态管理模式_wx62ddfbf3622e6的博客-多极客编程

Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5,只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。本文将通过Vue3的形式对两者的不同实现方式进行对比,让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。既然我们要对比两者的实现方式,那么我们肯定要先在我们的Vue3项目中引入这两个状态管理器(实际项目中千万不要即用Vuex又用P

Read More

十分钟教会你如何使用vitepress搭建及部署个人博客站点_wx62ddfbf3622e6的博客-多极客编程

使用VitePress可以让我们快速搭建一个静态博客网站,这篇文章将带领大家搭建一个基于VitePress的静态博客网站并且部署到GitHub Pages(github提供的静态网页服务)快速上手新建目录并初始化(我的目录名为kittydocs)这里我们使用pnpm式,当然yarn,npm都是可以的,如果你没有安装pnpm可以全局安装npm i pnpm -g然后初始化pnpm init安装vit

Read More

基于微前端qiankun的多页签缓存方案实践_vivo互联网技术的博客-多极客编程

作者:vivo 互联网前端团队- Tang Xiao本文梳理了基于阿里开源微前端框架qiankun,实现多页签及子应用缓存的方案,同时还类比了多个不同方案之间的区别及优劣势,为使用微前端进行多页签开发的同学,提供一些参考。一、多页签是什么?我们常见的浏览器多页签、编辑器多页签,从产品角度来说,就是为了能够实现用户访问可记录,快速定位工作区等作用;那对于单页应用,可以通过实现多页签,对用户的访问记录

Read More

创建您的第一个 vue 自定义指令_无的博客-多极客编程

在 Vue 中,指令是直接编辑 DOM 的最佳方法之一。 例如 v-if、v-show、v-bind 等。如果您使用过 Vue,那么您一定对它们很熟悉。 正如您可能猜到的,Vue 自定义指令是 Vue 让我们为项目构建额外指令的方式。它们是在整个项目中添加独特且可重用功能的好方法。 Vue 自定义指令可以操作元素,也可以处理 DOM 中的响应性。 什么是自定义指令? 从本质上讲,自定义指令使您可以

Read More

web技术分享| 基于vue3实现自己的组件库第二章:pagination组件_mb60af473914346的博客-多极客编程

大家好今天的内容是基于vue3实现自己的组件库系列第二章,本文默认你会安装和创建vue3项目,如果不会请参考vue官网; Pagination.vue Template v-select 组件可以先注释掉 v-input 组件可以先注释掉 <div class='v-pagination'> <div v-for='(item, index) in layout' :ke

Read More

VUE[axios跨域]+SpringBoot发布到线上方法-多极客编程

主页:​​小王叔叔的博客​​欢迎来访支持:点赞​收藏​关注1、域名通过内网穿透工具进行指定本地ip 作为域名,我用的是 ​​https://natapp.cn​​ 比较好用,2、vue 跨域配置前端页面中,在vue的main.js中使用axis实现跨域,路由进行配置前端vue组件的访问路径,main.js/** 测试服务器用,并且开启springboot的拦截器AxiosCorsConfig类中文

Read More

VUE[axios跨域]+SpringBoot发布到线上方法-多极客编程

主页:​​写程序的小王叔叔的博客​​欢迎来访支持:点赞​收藏​关注1、效果2、域名通过内网穿透工具进行指定本地ip 作为域名,我用的是 ​​https://natapp.cn​​ 比较好用,3、vue 跨域配置前端页面中,在vue的main.js中使用axis实现跨域,路由进行配置前端vue组件的访问路径,main.js/** 测试服务器用,并且开启springboot的拦截器AxiosCorsC

Read More

搭建VUE项目及开发环境-多极客编程

主页:​​写程序的小王叔叔的博客​​欢迎来访支持:点赞​收藏​关注一、.安装vue开发环境及所有插件1、下载nodejs    ​​https://nodejs.org/en/​​2、设置nodejs prefix(全局)和cache(缓存)路径2.1在nodejs安装路径下,新建node_global和node_cache两个文件夹编辑2.2设置缓存文件夹 【盘符 + 文件夹名 均可以自己命名,

Read More

#yyds干货盘点# vue页面抖动/晃动-多极客编程

问题描述 大家可以看到这个页面我在打开页面引用完项目以后页面就会不停的晃动,由于本人不会做GIF图片,所以可能看不到效果,但是遇到同样问题的小伙伴应该能懂! 解决办法 直接在全局去设置样式 html, body { height: 100%; overflow: auto; margin: 0; } html{ overflow-y: auto; } 别急,如果不起作用的话还有一种

Read More

#yyds干货盘点# vue中的动态路由匹配/路由传参-多极客编程

query方式 不需要在路径上配置接收参数 1,发送数据 // query方式发送参数 this.$router.push({name:"All",query:{xiaohong:num}}) 也可以用path this.$router.push({path:"/all",query:{xiaohong:num}}) 2,接受数据 // query方式接收 console.l

Read More