uniapp内使用 mescroll

news2025/1/19 3:42:14

前言

在使用uniapp开发项目的过程中，在很多场景里都需要下拉刷新和上拉加载，而 mescroll.js 则是一个非常精致的下拉刷新和上拉加载 js 框架。

官网地址：mescroll

介绍

mescroll.js 是在 H5端 运行的下拉刷新和上拉加载插件，时代变化太快, 作者已转向维护 mescroll 的 uni 版本了

  1. mescroll的uni版本, 是专门用在uni-app的下拉刷新和上拉加载的组件, 支持一套代码编译到iOS、Android、H5、小程序等多个平台

  2. mescroll的uni版本, 继承了mescroll.js的实用功能: 自动处理分页, 自动控制无数据, 空布局提示, 回到顶部按钮 …

  3. mescroll的uni版本, 丰富的案例, 自由灵活的api, 超详细的注释, 可让您快速自定义真正属于自己的下拉上拉组件

  4. mescroll的uni版本, 提供和两个组件, 其中支持配置成系统自带的下拉组件

  5. 是1.2.1版本新增的组件, 用来填补的不足 :

对比项mescroll-unimescroll-body系统自带的下拉组件
本质scroll-view的滚动原生页的滚动原生页的滚动
是否支持自定义UI是是x
是否支持上拉翻页加载是是x
支持配置空布局,回到顶部按钮是是x
支持动态开启/禁止下拉功能是是仅APP端可以
支持设置下拉区域出现的位置是是仅APP端可以
支持局部区域滚动 (如嵌在弹窗,浮层中)是xx
数据不满屏,仍可上拉翻页加载是xx
不必固定高度x是是
不必配置pages.jsonx是x
可写入 原生组件, 如video,map,canvasx是是
支持titleNView的transparent透明渐变x是是
超长的复杂的列表是否卡顿 (性能)低端机型会卡顿流畅流畅
总结从1.2.1版本开始 绝大部分情况应优先考虑使用 mescroll-body 因为支持原生组件,且性能好 只有当需要局部区域滚动 (如嵌在弹窗,浮层,swiper中), 才考虑 mescroll-uni

使用

  1. 插件市场, 点击右侧的"使用HBuilderX导入插件"按钮
  2. 下载示例, 找到合适的示例, 搬运代码(砖头), 比看文档快多啦

mescroll-body :

  1. 无需配置pages.json (检查是否配置了多余的属性):
	{
	   "path" : "pages/xxx/xxx", // 在具体的页面中, mescroll-body 无需像 mescroll-uni 那样需要配置 pages.json
	   "style" : {
			"navigationBarTitleText" : "xxx",
			"backgroundColorTop":"#FFFFFF", // iOS下拉bounce回弹区域的颜色 (与down.bgColor同步)
			"backgroundColorBottom":"#FFFFFF", // iOS上拉bounce回弹区域的颜色 (与up.bgColor同步)
			"disableScroll": false, //删除此项: mescroll-body必须允许原生页面滚动, 默认false
			"enablePullDownRefresh" : false, //删除此项: 不开启系统自带的下拉刷新, 默认false
			"app-plus" : {
				"bounce" : "none" //可选: 是否禁止iOS回弹和Android触顶触底的弧形阴影, 默认允许 (可配在 'globalStyle')
			},
			"mp-alipay":{"allowsBounceVertical":"NO"} //可选: 取消支付宝和钉钉小程序的iOS回弹 (可配在 'globalStyle')
		}
	},
	"globalStyle" : {
		"backgroundColorTop":"#FFFFFF" // iOS APP真机bounce回弹区域默认灰色,建议统一重置为白色
	}
  1. 在具体页面中的示例 (vue2) :
	<template>
	<view>
	 <mescroll-body @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
		 //  @init="mescrollInit" @down="downCallback" @up="upCallback"为固定值,不可删改(与mescroll-mixins保持一致) 
		 // :down="downOption" :up="upOption" 绝大部分情况无需配置 
		 // :top="顶部偏移量" :bottom="底部偏移量" :topbar="状态栏" :safearea="安全区" (常用)
		 // 此处支持写入原生组件 
		 <view v-for="data in dataList"> 数据列表... </view>
	 </mescroll-body>
	 <view>fixed元素需写在mescroll-body的外面,否则下拉刷新时会降级为absolute <view>
	</view>
	</template>

	<script>
		// 引入mescroll-mixins.js
		import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
		import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js"; // 非uni_modules版本
		import MescrollBody from "@/components/mescroll-uni/mescroll-body.vue"; // 非uni_modules版本
		
		export default {
			mixins: [MescrollMixin], // 使用mixin
			components: {
				MescrollBody
			},
			data() {
				return {
					mescroll: null, // mescroll实例对象 (此行可删,mixins已默认)
					// 下拉刷新的配置(可选, 绝大部分情况无需配置)
					downOption: { 
						...
					},
					// 上拉加载的配置(可选, 绝大部分情况无需配置)
					upOption: {
						page: {
							size: 10 // 每页数据的数量,默认10
						},
						noMoreSize: 5, // 配置列表的总数量要大于等于5条才显示'-- END --'的提示
						empty: {
							tip: '暂无相关数据'
						}
					},
					// 列表数据
					dataList: []
				}
			},
			methods: {
				/*mescroll组件初始化的回调,可获取到mescroll对象 (此处可删,mixins已默认)*/
				mescrollInit(mescroll) {
					this.mescroll = mescroll;
				},
				
				/*下拉刷新的回调, 重置列表为第一页 (此处可删,mixins已默认)
				downCallback(){
					this.mescroll.resetUpScroll();
				},
				/*上拉加载的回调*/
				upCallback(page) {
					// 此处可以继续请求其他接口
					// if(page.num == 1){
					// 	// 请求其他接口...
					// }
					
					// 如果希望先请求其他接口,再触发upCallback,可参考以下写法
					// if(!this.isInitxx){
					// 	apiGetxx().then(res=>{
					// 		this.isInitxx = true
					// 		this.mescroll.resetUpScroll() // 重新触发upCallback
					// 	}).catch(()=>{
					// 		this.mescroll.endErr()
					// 	})
					// 	return // 此处return,先获取xx
					// }
					
					let pageNum = page.num; // 页码, 默认从1开始
					let pageSize = page.size; // 页长, 默认每页10条
					uni.request({
						url: 'xxxx?pageNum='+pageNum+'&pageSize='+pageSize,
						success: (data) => {
							// 接口返回的当前页数据列表 (数组)
							let curPageData = data.xxx; 
							// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
							let curPageLen = curPageData.length; 
							// 接口返回的总页数 (如列表有26个数据,每页10条,共3页; 则totalPage=3)
							let totalPage = data.xxx; 
							// 接口返回的总数据量(如列表有26个数据,每页10条,共3页; 则totalSize=26)
							let totalSize = data.xxx; 
							// 接口返回的是否有下一页 (true/false)
							let hasNext = data.xxx; 
							
							//设置列表数据
							if(page.num == 1) this.dataList = []; //如果是第一页需手动置空列表
							this.dataList = this.dataList.concat(curPageData); //追加新数据
							
							// 请求成功,隐藏加载状态
							//方法一(推荐): 后台接口有返回列表的总页数 totalPage
							this.mescroll.endByPage(curPageLen, totalPage); 
							
							//方法二(推荐): 后台接口有返回列表的总数据量 totalSize
							//this.mescroll.endBySize(curPageLen, totalSize); 
							
							//方法三(推荐): 您有其他方式知道是否有下一页 hasNext
							//this.mescroll.endSuccess(curPageLen, hasNext); 
							
							//方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.
							//如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据
							//如果传了hasNext,则翻到第二页即可显示无更多数据.
							//this.mescroll.endSuccess(curPageLen);
							
							// 如果数据较复杂,可等到渲染完成之后再隐藏下拉加载状态: 如
							// 建议使用setTimeout,因为this.$nextTick某些情况某些机型不触发
							setTimeout(()=>{
								this.mescroll.endSuccess(curPageLen)
							},20)
							
							// 上拉加载的 curPageLen 必传, 否则会一直显示'加载中...':
							1. 使配置的noMoreSize 和 empty生效
							2. 判断是否有下一页的首要依据: 
							   当传的值小于page.size时(说明不满页了),则一定会认为无更多数据;
							   比传入的totalPage, totalSize, hasNext具有更高的判断优先级;
							3. 当传的值等于page.size时(满页),才取totalPage, totalSize, hasNext判断是否有下一页
							传totalPage, totalSize, hasNext目的是避免方法四描述的小问题
							
							// 提示: 您无需额外维护页码和判断显示空布局,mescroll已自动处理好.
							// 当您发现结果和预期不一样时, 建议再认真检查以上参数是否传正确
						},
						fail: () => {
							//  请求失败,隐藏加载状态
							this.mescroll.endErr()
						}
					})
					
				},
				/*若希望重新加载列表,只需调用此方法即可(内部会自动page.num=1,再主动触发up.callback)*/
				reloadList(){
					this.mescroll.resetUpScroll();
				}
			}
		}
	</script>
  1. 在具体页面中的示例 (vue3) :
<template>
	<mescroll-body @init="mescrollInit" @down="downCallback" @up="upCallback">
    // mescroll的极简示例,大部分情况就是这么用
    </mescroll-body>
</template>

<script setup>
    import { ref } from 'vue';
    import { onPageScroll, onReachBottom } from '@dcloudio/uni-app';
    import useMescroll from "@/uni_modules/mescroll-uni/hooks/useMescroll.js";
    import {apiGoods} from "@/api/mock.js"

    // 数据列表
    const goods = ref([]) 

    // 调用mescroll的hook (注: mescroll-uni不用传onPageScroll,onReachBottom, 而mescroll-body必传)
    const { mescrollInit, downCallback } = useMescroll(onPageScroll, onReachBottom) 

    // 上拉加载的回调: 其中num:当前页 从1开始, size:每页数据条数,默认10
    const upCallback = (mescroll)=>{
        apiGoods(mescroll.num, mescroll.size).then(res=>{
            const curPageData = res.list || [] // 当前页数据
            if(mescroll.num == 1) goods.value = []; // 第一页需手动制空列表
            goods.value = goods.value.concat(curPageData); //追加新数据
            //联网成功的回调,隐藏下拉刷新和上拉加载的状态;
            //mescroll会根据传的参数,自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;

            //方法一(推荐): 后台接口有返回列表的总页数 totalPage
            //mescroll.endByPage(curPageData.length, totalPage); //必传参数(当前页的数据个数, 总页数)

            //方法二(推荐): 后台接口有返回列表的总数据量 totalSize
            //mescroll.endBySize(curPageData.length, totalSize); //必传参数(当前页的数据个数, 总数据量)

            //方法三(推荐): 您有其他方式知道是否有下一页 hasNext
            //mescroll.endSuccess(curPageData.length, hasNext); //必传参数(当前页的数据个数, 是否有下一页true/false)

            //方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据.
            mescroll.endSuccess(curPageData.length); // 请求成功, 结束加载
        }).catch(()=>{
            mescroll.endErr(); // 请求失败, 结束加载
        })
    }
</script>

mescroll-uni :

  1. 需要配置 pages.json :
{
    "path" : "pages/xxx/xxx", // 在具体的页面中, mescroll-uni 需要配置 pages.json, 而mescroll-body不需要
    "style" : {
        "navigationBarTitleText" : "xxx",
        "enablePullDownRefresh" : false, // 删除此项: 不开启系统自带的下拉刷新, 默认false
        "disableScroll": false, // 删除此项, 否则页面无法滚动
        "app-plus" : {
            "bounce" : "none" // 取消APP端iOS回弹,避免与下拉刷新冲突 (可统一配在 'globalStyle')
        },
        "mp-alipay":{"allowsBounceVertical":"NO"} // 取消支付宝和钉钉小程序的iOS回弹,避免与下拉刷新冲突 (可统一配在 'globalStyle')
    }
}
  1. 在具体页面中的示例 :
<template>
<view>
    <mescroll-uni @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption" >
        // 此处除了不能写原生组件,其他的与 mescroll-body 的一致 > 
    </mescroll-uni>
    <view>原生组件和fixed元素需写在mescroll-uni的外面,否则滚动列表时会抖动 <view>
<view>
</template>

<script>
    // 与 mescroll-body 的一致 > 
</script>

效果图（loading样式可以自定义）

上拉效果

下拉效果

参数配置

mescroll 的配置可以使得页面样式变得多样化，更多配置可以去官网看一下。

downOption: {
    use: true, // 是否启用下拉刷新; 默认true
    auto: true, // 是否在初始化完毕之后自动执行下拉刷新的回调; 默认true
    native: false, // 是否使用系统自带的下拉刷新; 默认false; 仅mescroll-body生效 (值为true时,还需在pages配置enablePullDownRefresh:true;详请参考mescroll-native的案例)
    autoShowLoading: false, // 如果设置auto=true(在初始化完毕之后自动执行下拉刷新的回调),那么是否显示下拉刷新的进度; 默认false
    isLock: false, // 是否锁定下拉刷新,默认false;
    offset: 60, // 在列表顶部,下拉大于80upx,松手即可触发下拉刷新的回调
    inOffsetRate: 1, // 在列表顶部,下拉的距离小于offset时,改变下拉区域高度比例;值小于1且越接近0,高度变化越小,表现为越往下越难拉
    outOffsetRate: 0.2, // 在列表顶部,下拉的距离大于offset时,改变下拉区域高度比例;值小于1且越接近0,高度变化越小,表现为越往下越难拉
    bottomOffset: 20, // 当手指touchmove位置在距离body底部20upx范围内的时候结束上拉刷新,避免Webview嵌套导致touchend事件不执行
    minAngle: 45, // 向下滑动最少偏移的角度,取值区间  [0,90];默认45度,即向下滑动的角度大于45度则触发下拉;而小于45度,将不触发下拉,避免与左右滑动的轮播等组件冲突;
    bgColor: "#E75A7C", // 背景颜色 (建议在pages.json中再设置一下backgroundColorTop)
    textColor: "#fff", // 文本颜色 (当bgColor配置了颜色,而textColor未配置时,则textColor会默认为白色)
    textInOffset: "下拉刷新", // 下拉的距离在offset范围内的提示文本
    textOutOffset: "释放更新", // 下拉的距离大于offset范围的提示文本
    textLoading: "蒋皓洁稍等加载中 ...", // 加载中的提示文本
  },
  upOption: {
    use: true, // 是否启用上拉加载; 默认true
    auto: true, // 是否在初始化完毕之后自动执行上拉加载的回调; 默认true
    isLock: false, // 是否锁定上拉加载,默认false;
    isBoth: true, // 上拉加载时,如果滑动到列表顶部是否可以同时触发下拉刷新;默认true,两者可同时触发;
    page: {
      num: 0, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始
      size: 10, // 每页数据的数量
      time: null, // 加载第一页数据服务器返回的时间; 防止用户翻页时,后台新增了数据从而导致下一页数据重复;
    },
    noMoreSize: 3, // 如果列表已无数据,可设置列表的总数量要大于等于5条才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看
    offset: 80, // 距底部多远时,触发upCallback(仅mescroll-uni生效, 对于mescroll-body则需在pages.json设置"onReachBottomDistance")
    bgColor: "transparent", // 背景颜色 (建议在pages.json中再设置一下backgroundColorTop)
    textColor: "gray", // 文本颜色 (当bgColor配置了颜色,而textColor未配置时,则textColor会默认为白色)
    textLoading: "加载中 ...", // 加载中的提示文本
    textNoMore: "-- END --", // 没有更多数据的提示文本
    toTop: {
      // 回到顶部按钮,需配置src才显示
      src: "https://www.mescroll.com/img/mescroll-totop.png", // 图片路径
      offset: 1000, // 列表滚动多少距离才显示回到顶部按钮,默认1000
      duration: 300, // 回到顶部的动画时长,默认300ms (当值为0或300则使用系统自带回到顶部,更流畅; 其他值则通过step模拟,部分机型可能不够流畅,所以非特殊情况不建议修改此项)
      zIndex: 9990, // fixed定位z-index值
      left: null, // 到左边的距离, 默认null. 此项有值时,right不生效. (支持20, "20rpx", "20px", "20%"格式的值, 其中纯数字则默认单位rpx)
      right: 20, // 到右边的距离, 默认20 (支持20, "20rpx", "20px", "20%"格式的值, 其中纯数字则默认单位rpx)
      bottom: 120, // 到底部的距离, 默认120 (支持20, "20rpx", "20px", "20%"格式的值, 其中纯数字则默认单位rpx)
      safearea: false, // bottom的偏移量是否加上底部安全区的距离, 默认false, 需要适配iPhoneX时使用 (具体的界面如果不配置此项,则取mescroll组件props的safearea值)
      width: 72, // 回到顶部图标的宽度, 默认72 (支持20, "20rpx", "20px", "20%"格式的值, 其中纯数字则默认单位rpx)
      radius: "50%", // 圆角, 默认"50%" (支持20, "20rpx", "20px", "20%"格式的值, 其中纯数字则默认单位rpx)
    },
    empty: {
      use: true, // 是否显示空布局
      icon: "https://www.mescroll.com/img/mescroll-empty.png", // 图标路径
      tip: "~ 暂无相关数据 ~", // 提示
      btnText: "去逛逛 >", // 按钮
      fixed: false, // 是否使用fixed定位,默认false; 配置fixed为true,以下的top和zIndex才生效 (transform会使fixed失效,最终会降级为absolute)
      top: "100rpx", // fixed定位的top值 (完整的单位值,如 "10%"; "100rpx")
      zIndex: 99, // fixed定位z-index值
    },
    onScroll: true, // 是否监听滚动事件, 默认false, 仅mescroll-uni生效; mescroll-body直接声明onPageScroll (配置为true时,可@scroll="scroll"获取到滚动条位置和方向; 注意监听列表滚动是非常耗性能的,很容易出现卡顿,非特殊情况不要配置此项)
  },

小发现

  1. 官网为了适配苹果端，用了组件的情况下，最下面会有一个留白，大部分同学应该不需要处理，可是样式已经是做过适配的情况，又不需要此留白，可在全局加上如下样式：
     .mescroll-bottombar{
		height: unset !important;
}
  2. 使用组件的话最下面会有 --END-- 这样的文字提示，但是如果后端返回的total，小于5条，或者页面数据总共小于5条，那么此文字是无效的，因此大家需要任何情况都需要文字，处理返回的条数传入组件大于5条即可

小结

  • 本文大部分主要复制官网内容，做一个简单的梳理，更多精彩的内容，请移步 官网
  • 官网还有 <mescroll-empty> 等使用方法
  • 个性化使用组件，还可以有很多好看的动画以及配置

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/556443.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

如何使用 Xshell 连接 Linux 服务器

如何使用 Xshell 连接 Linux 服务器

目录 &#x1f333;搭建 Linux 环境 &#x1f331;Linux 环境的搭建方式 ☘️购买云服务器 &#x1f333;使用Xshell远程登陆到Linux服务器 &#x1f331;下载安装Xshell ☘️查看Linux主机ip &#x1f340;使用Xshell登录主机 &#x1f4a7;方法1 &#x1f4a7;方法2…
阅读更多...
ARM(day4)

ARM(day4)

阅读更多...
宝塔面板搭建网站教程：Linux下使用宝塔一键搭建网站，内网穿透发布公网上线

宝塔面板搭建网站教程：Linux下使用宝塔一键搭建网站，内网穿透发布公网上线

文章目录 前言1. 环境安装2. 安装cpolar内网穿透3. 内网穿透4. 固定http地址5. 配置二级子域名6. 创建一个测试页面 转载自cpolar内网穿透的文章&#xff1a;使用宝塔面板快速搭建网站&#xff0c;并内网穿透实现公网远程访问 前言 宝塔面板作为简单好用的服务器运维管理面板&…
阅读更多...
VScode必备插件大全

VScode必备插件大全

为了高效率的工作&#xff0c;我们在使用vScode的是时候&#xff0c;经常会用到一些好用的插件&#xff1b;现在就个人喜欢的插件分享给大家&#xff0c;欢迎点赞加收藏&#xff1b; 1、JavaScript(ES6) code snippets ES6 语法智能提示及快速输入&#xff0c;不仅仅支持 .js…
阅读更多...
2009.03-2022.06华证ESG季度评级（季度）

2009.03-2022.06华证ESG季度评级（季度）

2009.03-2022.06华证ESG评级&#xff08;季度&#xff09; 1、时间&#xff1a;2009.03-2022.06.15 2、来源&#xff1a;整理自Wind 3、指标&#xff1a;华证ESG&#xff08;只有综合评级&#xff0c;无细分评级数据&#xff09; 4、样本数量&#xff1a;A股4800多家公司 …
阅读更多...
由浅入深Dubbo核心源码剖析高阶配置运用

由浅入深Dubbo核心源码剖析高阶配置运用

目录 1 不同配置覆盖关系2 属性配置优先级3 重试与容错处理机制4 多版本控制5 本地存根调用6 负载均衡机制7 服务降级运用8 并发与连接控制 1 不同配置覆盖关系 Dubbo高阶配置运用 关于配置参看官方文档&#xff1a;https://dubbo.apache.org/zh/docsv2.7/user/configuration/ …
阅读更多...
chatgpt赋能Python-python_bobo

chatgpt赋能Python-python_bobo

Python Bobo&#xff1a;轻量级Web框架 Python是一个强大的编程语言&#xff0c;被广泛用于web应用程序和数据科学。用Python构建web应用程序的其中一条途径是使用框架。它们提供了一些实用的功能&#xff0c;如路由、模板、数据库集成等等。 Python中许多框架都很强大&#x…
阅读更多...
Keil Debug 串口调试技巧

Keil Debug 串口调试技巧

Keil Debug 串口调试技巧 效果 debug窗口效果 虚拟串口效果 debug窗口实现方法 第一步&#xff1a;配置参数 更改对应的bebug窗口参数 两边的 Dialog DLL 更改为&#xff1a;DARMSTM.DLL两边的 Parameter &#xff08;这里的根据单片机型号更改&#xff09;更改为&#xff…
阅读更多...
chatgpt赋能Python-python_char

chatgpt赋能Python-python_char

Python Char&#xff1a;了解 Python 字符的基础知识 Python是一种广泛使用的编程语言&#xff0c;因其易于学习、语法简单且适用于不同的应用场景而备受欢迎。在Python中&#xff0c;字符是一种重要的数据类型&#xff0c;也是值得深入学习的主题之一。本文将介绍Python字符的…
阅读更多...
基于 Docker 搭建 ownCloud 个人云盘

基于 Docker 搭建 ownCloud 个人云盘

本文源码&#xff1a;https://github.com/chen2438/chenhaotian.top/tree/main/source/_posts/linux-app/owncloud.md 在我的博客上查看&#xff1a;https://chenhaotian.top/2022/09/07/linux-app/owncloud/ 基于 Docker 搭建 ownCloud 个人云盘 官方文档 机翻气息贯穿全文…
阅读更多...
【JUC基础】09. LockSupport

【JUC基础】09. LockSupport

1、什么是LockSupport LockSupport是一个线程阻塞工具&#xff0c;可以在线程任意位置让线程阻塞。线程操作阻塞的方式其实还有Thread.suspend()和Object.wait()。而LockSupport与suspend()相比&#xff0c;弥补了由于resume()方法而导致线程被挂起&#xff08;类似死锁&#x…
阅读更多...
chatgpt赋能Python-python_bin目录

chatgpt赋能Python-python_bin目录

了解Python中的Bin目录 如果你是Python编程的初学者&#xff0c;可能会对Python中的Bin目录感到困惑。本文将为你介绍Bin目录的作用&#xff0c;以及为什么它对于Python编程人员来说是如此重要。 什么是Bin目录&#xff1f; Bin目录是Python安装时创建的一个目录&#xff0c…
阅读更多...
Linux Yum指令

Linux Yum指令

目录 一.yum 二.使用yum下载软件指令 1.安装指令&#xff1a; 2.查找在yum中所下载软件的指令&#xff1a; 3.卸载指令&#xff1a; 一.yum yum是Linux的一个指令&#xff0c;其实它的作用相当于一个商店&#xff0c;我们可以在商店里面买我们需要的东西。 我们将yum称为包…
阅读更多...
40亿个QQ号，限制1G内存，如何去重？

40亿个QQ号，限制1G内存，如何去重？

40亿个QQ号&#xff0c;限制1G内存&#xff0c;如何去重&#xff1f; 40亿个unsigned int&#xff0c;如果直接用内存存储的话&#xff0c;需要&#xff1a; 4*4000000000 /1024/1024/1024 14.9G &#xff0c;考虑到其中有一些重复的话&#xff0c;那1G的空间也基本上是不够…
阅读更多...
chatgpt赋能Python-python_calchist

chatgpt赋能Python-python_calchist

Python计算直方图&#xff1a;使用calchist进行图像分析 如果你是一位熟练掌握Python的工程师&#xff0c;同时又对图像分析领域感兴趣&#xff0c;那么你应该一定听说过Python的OpenCV库。OpenCV是一个专业的图像处理库&#xff0c;可以用来处理图像、视频和计算机视觉等相关…
阅读更多...
2023 华为 Datacom-HCIE 题库 03--含解析

2023 华为 Datacom-HCIE 题库 03--含解析

单选题 1.[试题编号&#xff1a;189810] &#xff08;单选题&#xff09;SSH算法协商阶段中&#xff0c;双方交换自身所支持的算法列表。SSH服务器的对称加密算法列表依次为:aes256-ctr,aes192-ctr,aes128-ctr,aes256-cbc。SSH客户端的对称加密算法列表依次为&#xff1a;aes1…
阅读更多...
研发工程师玩转Kubernetes——使用Deployment进行版本升级

研发工程师玩转Kubernetes——使用Deployment进行版本升级

软件升级是一件非常常见的事&#xff0c;本节我们将尝试使用Deployment进行软件升级。 更新simple_http版本 我们还是借助《研发工程师玩转Kubernetes——构建、推送自定义镜像》中的代码库&#xff0c;只是稍微修改一下Dockerfile——将版本变成2。 From python:3.11 RUN p…
阅读更多...
TypeScript - Interfaces（接口）

TypeScript - Interfaces（接口）

目录 1、接口介绍 1.1 接口示例 2、可选属性 3、只读属性 4、额外的属性检查 5、函数类型 6、可索引的类型 &#xff17;、类类型 &#xff17;.1 类静态部分和实例部分 &#xff18;、继承接口 &#xff19;、混合类型 1&#xff10;、接口继承类 1、接口介绍 Ty…
阅读更多...
探索未来：物联网的无限可能

探索未来：物联网的无限可能

连接万物&#xff0c;创造未来。从智能家居到智慧医疗&#xff0c;从智能车联到智慧城市&#xff0c;物联网技术的影响已经悄然渗透到了我们的方方面面。欢迎大家积极讨论联网技术如何影响了我们的生活。 物联网技术概述 物联网技术&#xff08;Internet of Things&#xff0…
阅读更多...
WebStorm 固定 调试版 Chrome

WebStorm 固定 调试版 Chrome

WebStorm 固定 调试版 Chrome 每次升级 WebStorm 都会打开一个新的 Chrome&#xff0c;导致调试时需要重新登录&#xff0c;重新安装插件等问题。 解决办法&#xff1a; 固定 WebStorm 中 Chrome UserData 的路径&#xff0c;这样每次打开的 Chrome 都是同一个。 文件 | 设…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023