- 博客(125)
- 资源 (3)
- 收藏
- 关注
原创 uni-app开发h5ios自动获取焦点。(安卓在input上加上focus就可以)。
这个兼容性问题弄了(input标签加伤focus安卓可以弹出ios不可以弹出)快一天,昨天有的今天下午才弄好。我们的需求时默认不展示input框,点击某个事件之后才会显示出来,刚开始的原因是因为用了v-if直接把这个dom组件销毁掉了,所以需要用到nextTick,加载完成之后在展示,如果是一开始就需要获取的话就需要在onLoad里面使用nextTick,我直接换成了v-show不直接销毁dom。地图安卓不展示ios展示也是兼容问题,用的是qqmap-wx-jssdk.min(得在初始化sdk配置好)
2024-12-24 19:12:39
430
原创 苹果电脑macm2芯片装window系统
直接点击下载,如果刚开始不能下载的话就点击tab栏有一个open source下载一第一个,然后刷新就可以下载了,我就是这么干的,我也不知道为什么,嘻嘻,如果不可以就把第二个也下载下来,下载下来是pdf文件。这儿登录,刚开始找了半天我,在右上角,点击register注册账号,然后注册好了之后就可以登录了。下载好之后安装(我已经安装好了,就不截图),安装之后然后点击个人版,就到这个界面了。然后看这个链接的第四大步骤就可以了,我只是把前面的给细化了一下。这就可以使用了,win系统从这儿下载。
2024-07-15 10:47:00
3099
原创 promise和async/await使用
async/await是基于Promise的,它使得异步代码看起来像同步代码一样。async函数总是返回一个Promise,而await只能用在async函数内部,用于等待一个Promise。Promise是一个代表异步操作最终完成或失败的对象。它有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。使用async/await。
2024-07-01 15:19:24
262
原创 微信小程序写一个可以滚动虚拟列表(瀑布流),减少dom渲染的优化,解决内存问题。
刚开始在写这个的时候,就在想微信小程序的开发有虚拟dom这个概念吗,查看文档,自己实践,才大致理解一点,总结出来就是微信小程序其实并没有直接使用虚拟DOM这个概念,但提供了类似的操作DOM的方法,并且也可以根据自己的需求探索实现类似虚拟DOM的功能,所以就开始自己准备。因为在写小程序的时候首页功能比较多,造成渲染的dom有很多,一直setdata跳转到其他页面或者一直滑动就会卡顿,白屏。其实我是看了俩篇博文然后经过改造成自己的数据,然后进行理解,最后融汇贯通。打开报错的话把该换的数据换了就可以了。
2024-07-01 15:08:02
1808
原创 微信小程序监听手机系统自带的左右滑动返回事件
微信小程序返回的时候想直接返回首页,但是左滑是上一页,和navigateBack一样,所以就监听了一下,后来一想在页面卸载的时候也可以,还可以使用getCurrentPages()方法,拿到是一个数组,需要添加更多的逻辑来处理边界情况(如多点触摸、滑动距离的判断阈值等)。同时,由于触摸事件的频繁触发,可能还需要考虑性能优化和防抖/节流等技术。大致监听然后返回首页的。有好的建议可以留言。还有一种办法就是直接在卸载页面onunload里面直接写跳转页面的方法.
2024-06-27 09:54:38
3123
原创 css单独使用定位position: absolute 和 position: relative;
时,它会脱离正常的文档流,并相对于其最近的非 static 定位的父元素(即 position 属性为 absolute、relative、fixed 或 sticky 的元素)进行定位。时,它会相对于其正常位置进行定位。这意味着你可以使用 top、right、bottom 和 left 属性来移动元素,但是它会保留在文档流中的空间。使用 top、right、bottom 和 left 属性可以指定元素相对于其参考点的位置。相对定位经常用于微调元素的位置,而不影响其他元素的布局。
2024-06-18 18:01:33
355
原创 微信小程序自定义组件(写一个点击查看大图有关闭按钮,复制即可使用)
今天碰到一个需求,本来使用wx.previewImage用的好好的,非要加一个关闭按钮,这可把不想写代码的我难住了,查看官方文档没有加这个按钮的属性,那就自己写了吧,自己写的途中发现胶囊隐藏不了,兴高采烈的和产品说自己写组件无法隐藏胶囊,产品说没事,哈哈,只能自己写了,代码已贴出。先在components创建文件夹,components -> image-view -> image-view.wxml,image-view.js,image-view.js,image-view.json。
2024-06-18 17:48:47
616
原创 微信小程序使用自定义tabbar被组件遮挡调试层级没有用
我是直接修改的自定义组件的标签view标签和image标签都使用cover- image和cover-view代替就可以。自定义tabbar直接把微信小程序文档的demo拿过来用就可以。在我自定义使用tabbar的时候,发现使用vant weapp环形进度条的时候把tabbar给遮挡了,查看了文章说没什么好的解决办法,但是也有,
2024-06-05 10:54:50
1164
原创 h5页面用js判断机型是安卓还是ios,判断有app安装没app跳转应用商店app stroe或者安卓应用商店
微信跳转和浏览器跳转不一样,需要控制定时器的时间,android在没下载的情况下点击没反应,ios在没下载的情况下会跳404,就是定时器2000,不知道有没有别的办法,用iframe嵌套ios的跳转在没下载的情况下是404,2000是刚好的时间点,有点刚刚好,不是特别完美。有大佬会的可以交流。用vue3写的wep页面。
2024-05-09 10:48:09
442
1
原创 vue项目播放rtsp流视频。
将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public/stactic目录下,在index.html文件里引入这两个js文件。下载webtrc-streamer的压缩包,在github上有 https://github.com/mpromonet/webrtc-streamer/releases。解压之后打开exe文件就可以播放了。(想做到把exe变成开机自启,这样就不用打开了。
2023-10-25 16:31:34
2241
2
原创 js 删除树状图无用数据,如果子级没有数据则删除
有一个需求,当你从后端拿到一个树状图的时候,有些子级没数据,这时就需要我们处理一下数据,当然了,如果第一层底下的第二层没数据,第二层底下的所有都没数据,那这一层都不需要。我的写法,先删除最后一层,然后以此类推,往上删除。可以优化,但是我没优化。
2023-10-19 10:22:10
642
原创 vue对接海康摄像头,使用hk3.3(硬盘录像机)开发摄像头分屏翻页操作。
默认展示4*4规格,分屏之后自己写翻页方法,对摄像头一一展示(1x1, 2x2, 3x3, 4x4),有俩个场景。1、拿到所有的通道号,比如有[1, 2, 3…1、刚开始默认展示的时候进行分页。2、点击分屏之后就会把这个数组变为。2、点击分屏操作之后进行分页。根据自己需求进行整改。
2023-08-08 11:54:20
1668
原创 element ui树组件render-content 树节点的内容区的渲染另一种方式
我个人理解就是jsx的写法,和react一样。也是return的模板。直接上代码吧,不用h的写法。
2023-07-26 17:10:46
1660
原创 element ui tree组件使用render函数自定义节点内容,隐藏或者显示(附带点击子节点双击事件)
<el-tree ref="tree" class="stafftree" :data="devicesTreeData" :props="defaultProps" node-key="id" @node-click="handleNodeClick" :render-content="renderContent" :default-checked-keys="checkedKeys" :default-expanded-keys="defaultExpandedKeys"
2023-07-07 18:31:58
2484
原创 vue对接海康摄像头,配合ifarme进行展示。给ifarme点击事件(消除ifarme事件,因为ifarme没有点击事件)
1、在public文件夹下建一个文件ifarme.index,和index.html同级。<!doctype html><html><head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Pragma" content="no-cache" /&g
2023-06-05 09:54:12
2069
3
原创 vue引入阿里妈妈的图标
首先你需要一个团队,然后加入进去,这时候你就可以找到自己项目需要用的的图标,然后加入购物车,直接点击下载代码,然后解压, 然后把这个文件放到你的项目里边,我是vue,所以放到了pubulc下,我用的组件是iview,然后button有props,可以直接使用,icon-xxx就是json文件里面起的名字。json文件就是你需要用到的东西,然后打开就可以看到你在阿里妈妈写的name。这时候就可以在项目引用了。
2023-05-31 20:26:48
226
原创 微信小程序、uniapp使用touchstart和touchmove左右滑动删除。以及解决上下抖动问题。
微信小程序、uniapp使用touchstart和touchmove左右滑动删除。以及解决上下抖动问题。
2022-09-15 20:03:50
5564
原创 vue 手写一个步骤条&last-child不起作用的问题
因为你last-child用错地方了,如果你是在set-2上面使用last-child,肯定 可以用,如果你用在height上边 肯定是不可以的。咱们在这个元素中v-if判断 一下就好了 v-if=“index!=options.length - 1”2、怎么才能在不使用last-child使最后一个隐藏呢。在height使用last:child。可以看到是不起 作用的,所以就用到js。1、为什么last-child不能用。这个会隐藏最后一个元素的border。
2022-09-15 15:10:18
971
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人