草庐IT

笔记: 移动端h5 vue3+vue-virtual-scroller加载不定高巨量数据,支持上拉加载,下拉刷新(配合vant PullRefresh)+ 分页加载以及避坑指南

废话(不是):项目是一个移动端的社区,可以发帖,可发布文字+图片(最多9张),之前直接搭的页面,通过分页加载数据,一次请求10条。后来产品那边反映在ios端会出现发热严重和掉电的情况。(部分原因:社区首页是一直有兜底数据的,一直滑虽然分页,但dom会越堆越多。还有可能是定时器和监听器没关闭)问了下领导知道有"虚拟滚动/虚拟列表"这么个东西,网上找了几个成熟的库。vue2:tangbc/vue-virtual-scroll-listTarovirtualscroll(组件库里的组件)Akryum/vue-virtual-scrollervue3:reactjser/vue3-virtual-sc

【教程】navicat配合HTTP通道远程连接SQLite数据库

前言🍊缘由好奇的我想查看服务器上宝塔面板的SQLite数据库久别一月,特来水文。起因是我看到服务器上搭建的宝塔面板,好奇其中使用的SQLite数据库,想用navicat远程连接看一下,奈何不会玩,特来写一篇文章解析一下,如何通过NavicatPremium工具下ntunnel_sqlite.php工具配合HTTP通道远程连接SQLite数据库🎯主要目标实现2大重点ntunnel_sqlite.php使用方法HTTP通道连接远程服务器的SQLite🍈猜你想问如何与狗哥联系进行探讨关注公众号【JavaDog程序狗】公众号回复【入群】或者【加入】,便可成为【程序员学习交流摸鱼群】的一员,问题随便问,

【SpringBoot系列】Arthas配合docker轻松实现线上热更新

目录1、方案2、热更新的局限性3、技术方案实现3.1创建一个springboot项目3.2arthas环境搭建3.3打包文件说明3.4部署热更实现3.5热更新3.6启动arthas4、总结🤵‍♂️个人主页:@香菜的个人主页,加ischongxin,备注csdn✍🏻作者简介:csdn认证博客专家,游戏开发领域优质创作者,华为云享专家,2021年度华为云年度十佳博主🐋希望大家多多支持,我们一起进步!😄如果文章对你有帮助的话,欢迎评论💬点赞👍🏻收藏📂加关注+系列文章:SpringBoot学习大纲,可以留言自己想了解的技术点最近一直在使用springboot做开发,sprngboot会打包成jar,和

使用Nordic的nRF52840 Dongle配合Wireshark对蓝牙设备抓包(BLE)

硬件准备:1)nRF52840Dongle2)待抓包的蓝牙设备软件准备:1)Python2)Wireshark3)nRFSnifferforBluetoothLEPython安装需要注意的是下载的nRFSnifferforBluetoothLE版本是否和python版本匹配。因为nRFSnifferforBluetoothLE从3.0.0版本之后就不再支持python2了。如果电脑上已经安装了python的话,使用cmd命令行工具键入piplist,如果提示如下:pip:无法将“pip”项识别为cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后

数学建模——最大流问题(配合例子说明)

目录一、最大流有关的概念例11、容量网络的定义2、符号设置3、建立模型3.1每条边的容量限制3.2平衡条件3.3网络的总流量4、网络最大流数学模型5、计算二、最小费用流例2【符号说明】 【建立模型】(1)各条边的流量限制(2)网络总流量(3)网络总费用(4)中间点的流量平衡【数学模型】【模型求解】 三、最大匹配问题例3 【问题假设】【问题分析】【符号设置】 【数学模型】【模型求解】一、最大流有关的概念最大流是应用广泛的一类问题,例如交通运输网络中的人流、车流、物流;供水网络中的水流、金融系统中的资金流;通讯系统中的信息流。上世纪50年代Ford,Fulkerson建立的《网络流理论》是网络应用

【运维知识高级篇】超详细的Jenkins教程1(安装部署+配置插件+创建自由风格项目+配合gitlab实现Jenkins自动触发)

Jenkins是一个开源软件项目,是基于Java开发的一种持续集成的工具,用于监控持续重复的工作, 旨在提供一个开放易用的平台,使软件的持续集成变成可能,是持续集成的核心,可以与其他软件进行协作,例如,gitlab推送给测试环境代码,可以通过Jenkins省略步骤,实现自动推送,再例如Jenkins可以通过tag传递参数实现发布和代码回滚操作,再例如Jenkins还可以推送代码给SonarQube进行代码质量检测,等等流程,都需要Jenkins的参与。目录Jenkins安装部署Jenkins修改密码Jenkins插件安装 Jenkins创建freestyle-job项目一、创建freestyl

HIVE SQL regexp_extract和regexp_replace配合使用正则提取多个符合条件的值

《平凡的世界》评分不错,《巴黎圣母院》改变成的电影不错,还有>也蛮好看。如何使用regexp_extract®exp_replace函数将以上文本中所有书籍名称都提取出来?select substr( regexp_replace( regexp_extract( regexp_replace(regexp_replace('《平凡的世界》评分不错,《巴黎圣母院》改变成的电影不错,还有>也蛮好看。',','《'),'>>','》') ,'(.*》)',1) ,'.*?(《[^》|^《]+》)',',$1') ,2)asbooks;代码解析:step1:两

windows - 我怎样才能让 ActivePerl 与 cygwin 的屏幕很好地配合?

我想使用cygwin工具(屏幕)进行开发,从cygwin环境调用ActiveStatePerl调试器会引发以下错误。bash-3.2$perl-dtest.plThesystemcannotfindthepathspecified.UnabletogetTerminalSize.TheWin32GetConsoleScreenBufferInfocalldidn'twork.TheCOLUMNSandLINESenvironmentvariablesdidn'twork.Theresizeprogramdidn'twork.atF:/Perl/lib/Term/ReadKey.pmli

IDEA下方工具栏SideBar没有Services解决方法 IDEA配合微服务学习多端口管理打开Services栏方法

问题微服务学习时,一次要打开多个端口,比如8080给order模块、8081给user模块……这就需要用idea管理多端口。这时候就可以用到Services栏进行管理。解决首先看下方Sidebar没有Services。打开Services 打开方式一:手动打开在IDEA中打开"View"-"ToolWindows"-"Services" 打开。打开方式二:快捷键按alt+8。添加SpringBoot运行项目点击+号-"RunConfigurationType" 拉到下方,点击SpringBoot。  结果如图 

上传时获取图片和视频宽高(onload和Promise配合使用)

JavaScript如何获取图片和视频的尺寸呢?本文很详细,一步一步来,循序渐进.方法1:得到图片的src属性,是否可以读到图片的宽高?方法2:得到图片的DOM元素,是否可以读取图片的宽高?下面我们一起验证一下吧~获取图片原始的真实宽高首先我们考虑入参,图片的src跟图片的DOM,接着我们如何读取宽高,先来看看图片的DOM元素有没有什么属性吧随便搞张图片测试一下我们看到有四个属性,width,height,naturalHeight,naturalWidth那到底使用那种属性更合适呢?看看MDN文档怎么说naturalWidth和naturalHeight—[(MDN文档)](HTMLImag