组件uni-app uniapp uni
可视化组件g2之分组箱型图、柱形图、散点图简单使用
<!-- 引入 G2 文件 --> <script src="./plugins/g2.v5.min.js"></script> <style> .container { display: flex; } .div { height: 500px; } </style> <!-- 创建图表容器 -- ......
二次封装ui组件，如何做到属性，作用域插槽以及 实例方法的穿透使用
A页面： 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template ......
2023.04.06 - 使用mixin动态混入，对vue组件中的数据做兼容经验总结(xp)
业务场景：在一个高拍仪的硬件设备中，厂家给了两套不同的API，分别支持win XP 和 winXP以上版本的系统，而这两套API的实现方式截然不同，一套使用的是http通信，一套是使用scoket通信，方法的调用自然也是不同。 我需要在同一组件兼容这两套代码。这种需求下很明显，我除了修改组件里的函数 ......
直播平台软件开发，简单易修改的弹框组件
直播平台软件开发，简单易修改的弹框组件 弹窗组件 适用框架 vue, uniapp 使用再uniapp 框架中可简单修改标签与尺寸单位后使用 px与rpx <!-- vue --><template><div v-show="ishide" @touchmove.stop.prevent><!-- ......
SpringBoot中如何编写一个优雅的限流组件？
很早以前，我曾写过两篇介绍如何在SpringBoot中使用Guava和Redis实现接口限流的文章。具体包括： 使用Guava实现单机令牌桶限流 使用Redis实现分布式限流 现在，一个问题摆在我们面前：如何将这两种限流机制整合到同一个组件中，以便用户随时切换呢？ 显然，我们需要定义一个通用的限流组 ......
用python的pywinauto组件控制微信Windows版
使用pywinauto组件可以比较容易的操纵微信Windows版进行信息发送和接受 前提如下 1、已经安装有关python组件。 2、微信已经打开和登录，下面的代码不负责登录操作。 3、微信版本3.9.2.23 具体实现有两个类 1、帮助类Helper import datetime class H ......
【uniapp】学习笔记day02 | uniapp搭建
起因：需要做一个小程序，家人们谁懂啊，老师我真的不会做，由于懒得看视频学习，于是只能看博客学习了。 uniapp 好处： 1、不用关心适配问题 2、可以发布到各大平台的小程序 3、上手容易，使用vue.js语法开发 开发工具 HBuilderX ......
uni-app:ios/android中的nvue和vue页面加载自定义字体(hbuilderx 3.7.3)
一，官方文档地址: https://uniapp.dcloud.net.cn/tutorial/nvue-api.html#addrule 二，代码 1,nvue页面: 模板 <view class="listTitle"> {{item.title}} </view> <view style="w ......
uni-app:tabbar自定义中间凸起按钮的tabbar(hbuilderx 3.7.3)
一，官方文档地址: https://uniapp.dcloud.net.cn/collocation/pages.html#tabbar https://uniapp.dcloud.net.cn/api/ui/tabbar.html#ontabbarmidbuttontap 二，代码 1，pages ......
Springboot 系列 (29) - Springboot+HBase 大数据存储（七）| Springboot 项目通过 Phoenix 组件使用 JDBC 访问 HBase
Phoenix 是 HBase 的开源 SQL 皮肤，通过 Phoenix 可以使用标准 JDBC API 代替 HBase 客户端 API 来创建表，插入数据和查询 HBase 数据。Phoenix 会把 SQL 编译成一系列的 Hbase 的 scan 操作，然后把 scan 结果生成标准的 J ......
handsontable 前端类似excel组件
基于table https://handsontable.com/docs/javascript-data-grid/demo/ 基于canvas canvas-datagrid 基于canvas SpreadJS ......
6.15 组件传参
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div ......
java库和组件
以下排序是按照从技术组件到开发框架到代码工具，也有一些实在不好分类的，就放到最后了。 WEB 容器 Tomcat https://tomcat.apache.org/ Jetty https://www.jetty.com/ JBoss https://www.jboss.org/ Resin ht ......
React中函数组件与类组件的区别
一、定义。 1、类组件 类组件，顾名思义，也就是通过使用ES6类的编写形式去编写组件，该类必须继承React.Component 如果想要访问父组件传递过来的参数，可通过this.props的方式去访问； 在组件中必须实现render方法，在return中返回React对象，如下： class We ......
uniapp开发小程序输入框拉起软键盘时，输入框显示不全，被软键盘挡住一半
在开发过程中，input或者Textarea聚焦时，出现遮挡一半的情况 处理方法： （1）在input或者textarea添加:cursorSpacing="20"留出光标到软键盘的距离。 （2）若在弹窗定位中时需要加入:fixed="true"属性，不然拉起软键盘时没有显示在软键盘上面。 （3）若 ......
uniapp开发微信小程序直播
1.使用腾讯云直播助手live-room-play组件 参考：https://www.cnblogs.com/czhowe/p/17138175.html 可能会出现问题： 1.uniapp使用云直播助手插件时播放有问题，插件没问题，又没有报错？原因：拉流的播放地址的问题，使用的不是小程序的域名ap ......
uniapp开发小程序使用选项卡切换时内容丢失
基于uniapp开发小程序上下滑直播间功能时，再使用uView-UI的Tabs 标签，安卓没问题，但ios会出现内容丢失的情况 经过调试发现是因为封面图片设置了模糊效果导致的，把模糊效果的代码注释掉，就可以了 .play-bg-img{ display: block; width: 100%; he ......
React父组件调用子组件属性和方法
子组件暴露自身的属性和方法 父组件使用ref绑定对应的子组件。调用即可 ###类组件绑定ref示例 import React from 'react' import Child from './Child' export default class Parent extends React.Comp ......
子组件传递数据给父组件的三种方法
1.props <template> <!-- App.vue --> <div id="app"> <!-- 向子组件中传入函数 --> <Student :receive="receive"></Student> </div> </template> <script> import Studen ......
MyBatis的执行流程及核心组件
MyBatis的执行流程及核心组件如图所示。 基本组件介绍 Configuration 用于描述MyBatis的主配置信息，其他组件需要获取配置信息时，直接通过Configuration对象获取。除此之外，MyBatis在应用启动时，将Mapper配置信息、类型别名、TypeHandler等注册到C ......
windows 服务开发组件之Topshelf
常用的windows服务开发有vs自带的windows服务开发,但是操作起来不是很便利,相比Topshelf后者更加的方便,且易于调试,安装,卸载. 1、安装 通过nuget搜索最新版本的topshelf,并安装到控制台项目(netcore和net均可)中,一般都是用控制台调试,然后通过topshe ......
[K8S系列四] K8S核心组件与核心概念(Pod、Deployment、Service)
[K8S系列四] K8S核心组件与核心概念(Pod、Deployment、Service) 1. 核心组件与核心概念 K8S集群分为Master节点和Node节点，Master节点负责调度分配任务，Node节点接受Master调度进行工作。 1.1 Master节点组件 1. API Server ......
hyperf jwt组件的安装和使用
安装 jwt的组件 composer require hyperf-ext/jwt 发布配置 发布后生成 jwt文件 php bin/hyperf.php vendor:publish hyperf-ext/jwt 文件位于 config/autoload/jwt.php。 ......
vue实现在固定区域内鼠标轮滚放大缩小图片组件
<template> <div style="width: 100%;position: relative;overflow: hidden;text-align: center;border: 6px solid #f1f2f3;"> <el-button size='mini' circle t ......
React Native学习笔记（三）—— 组件
一、创建ReactNative项目 1.1、React Native 有一个内置的命令行界面，你可以用它来生成一个新项目。您可以使用 Node.js 附带的 访问它，而无需全局安装任何内容。让我们创建一个名为“AwesomeProject”的新 React Native 项目：npx npx rea ......
SQL Server如何启用xp_cmdshell组件
【解决办法】：1、通过SQL语句开启。[推荐此方法，因为在任何版本的SQL SERVER中都可以使用。]通过查询分析器，选择Master数据库，然后执行以下SQL内容： sp_configure 'show advanced options',1 reconfigure go sp_configur ......
uniapp-报错记录
1.JSON转换格式，数据中含有地址 解决方法：经过JSON.stringify()方法转换过的对象或数组，再使用encodeURIComponent()方法再次编码，使用时先通过decodeURIComponent解码，然后再使用JSON.parse()方法转化成json类型的对象或者数组 2.g ......
swoft2.x 扩展elasticsearch 组件
扩展elasticsearch 的 组队 官网上好像并没有这个文档。找了一下有大佬补充的 在此感谢大佬 composer require limingxinleo/swoft-elasticsearch 请注意elasticsearch 文件位置。 // 每一个ES服务地址，是一个数组，支持配置详细 ......
Android开发-Android常用组件-ScrollView滚动条
4.10 ScrollView(滚动条) 我们可以直接利用ScrollView给我们提供的:fullScroll()方法。 scrollView.fullScroll(ScrollView.FOCUS_DOWN); 滚动到底部 scrollView.fullScroll(ScrollView.FOC ......