- 博客(10)
- 收藏
- 关注
RSS订阅原创 使用高德天气
阿里云接口免费试用100次，在调试过程中很快就没了（不知道什么情况也没有刷新几次），转向高德，高德注册key,然后调用接口，亲测目前免费。返回的数据中包括当天的天气、温度、湿度、风向、风力等，基本上就满足简单的需求了。市面上有很多关于天气的接口，比如阿里云、天气气象接口等等，项目中需要获取当天的气象接口。就简单的试了一下阿里云和高德的。
2024-04-24 16:43:23
204
原创 如何手写一个滚动条
这里就是联动滑块滚动时，滚动元素对应翻滚，获取鼠标按下时的位置，当鼠标进行拖拽时，计算拖拽的距离，这个距离通过比列换算成滚动元素需要滚动的距离，在设置其scroolTop的值，就可以了。这里的H就是监听滚动元素内，滚动的距离通过与滑块的比列进行转换之后获得的滑块实际需要下移的vh高度值。这里是获取滚动元素里的子元素高度减去滚动元素的高度，也就是实际的滚动区域，这个值就是实际滚动的高度PX值，接下来通过px转换为vh。1、首先通过滚动元素的滚动高度，联动我们手写的滚动条滑块上移或者下滑。
2024-01-09 15:09:39
501
原创 echarts地图设置边界限高亮
我这里是有需要三维样式以及地图边界与省内市区域界线粗细度不同，原本地图加载完成后视觉是平面的，通过geo属性，进行叠加，叠加出来的地图进行部分错位，这样从而影响视觉，看起来就是三维的。通过echarts官方文档配置找到以下属性，设置完后，包括最外城边界和是区域边界都是一样粗细，显示仅靠这些属性没有达到我想要的效果。这里加载的时某省的地图，要求是区域内的市级边界线和省级边界线粗细度不一样。还是同样的办法，在geo中再叠加一个，将zlevel与我想显示的地图设置为同一个值，再将其边界线设置成我需要的粗细度。
2024-01-04 09:54:55
1059
原创 echarts加载某省地图
其他配置就是，在opt里面设置了。我这里需要每个市区中心添加标点，但是有些标点的位置在区域边缘，加载出来之后就会覆盖到其他边缘，这里我没可以通过修改地图JSON文件中的features属性下的properties里的cp数组，里面的数值就是经纬度了，可根据需要调整。最近做了一个主页加载指定省份的页面，页面上要求显示地图，地图上市区域hover显示tooltip，tooltip展示具体数据。首先引入echarts文件就不说了，直接加载。1、需要准备好地图的json文件；原本是在红框的位置，现在调整到中间啦。
2024-01-03 10:40:30
551
原创 对接海康web无插件开发包3.3
主要就是这一部分，在成功初始化后，需要调用登录接口，登陆接口传的是当前摄像头的ip,port,username，password，登陆成功后至少还需要调取两个接口， WebVideoCtrl.I_GetAnalogChannelInfo即获取模拟通道， WebVideoCtrl.I_GetDevicePort获取端口。貌似缺一不可（本人在项目中同时调取后实现的预览等，不排除可缺），云台功能调用前提是必须已经登陆成功且进行了预览，登陆成功不进行预览，云台控制是无法实现的，其他的一些功能未尝试过。
2023-11-08 10:03:20
691
3
原创 navigator.mediaDevices.enumerateDevices()调用usb摄像头
这里的strem是无法获取到的，在后台会报错说navigator.mediaDevices.getUserMedia是没有定义的，也就是说，我们无法使用这个api，但是本机运行可以，http地址就不行该怎么解决呢？当我们使用http来获取摄像头时，浏览器的安全机制。前端想使用本机摄像头以及通过USB连接的摄像头，通过USB流实现摄像头的实时监控。})来操作所获得的相机媒体流，我这里是做两个usb摄像头的实时监控放在网页上面。我们需要使用deviceId来选择我们本机上的摄像头或者usb摄像头，
2023-08-17 14:00:40
1680
3
原创 weixinPay的使用及orderInfo
我这里后端返回给我的是按照官网payment接口所需要的格式给我的，所以直接用了。2、统一下单接口，就是传递完金额等信息后，后端返回的订单信息，作为参数再传给后端，后端返回orderInfo对象，这里才是重点，orderInfo是我接下来最重要的一步，也就是调用uni.requestPayment。上述三个步骤完成后，因为我这里是运行在基座里，所以当我很开心的点击支付接口时，后台返回-1了，不过貌似在网上看过什么说微信支付不支持基座模拟，打包安装，啪，钱真没了。最近一个APP，调用微信支付接口进行充值。
2023-06-13 16:40:08
214
1
原创 Vue2使用高德地图报错Invalid Object: LngLat(NaN, NaN)
在高得开放平台注册好key和secret后（注册步骤百度到处都是），在vue2项目中引入使用，这里我只是闲的无聊自己试试地图，之前没有过地图相关开发。引入地图及过程其实我也是百度的。一切按部就班，全部结束后，从新跑项目，报错了，一脸懵逼状态。Invalid Object: LngLat(NaN, NaN)页面报错，无法显示，但是说实话代码是按照别人上传的一步一步来的，中间没啥改动。其实第一次加载的话，我这里最后找到的原因是地图的容器盒子的宽高有问题。然后地图就神奇的出来了。
2023-06-08 10:08:01
3682
11
原创 微信登录APP失败，报错10012
最近使用uniapp，开发一个安卓的APP，在基座上运行正常，但是，我将其打包后安装到手机上使用时，在登录界面弹窗显示appid不能为空，错误码为10012，找了半天问题，又检manifest.json中的appid是否存在，结果再试还是不行。不过我这里是个低级错误，appid因为下午负责人让我换成其他的，之后换回来中间 出错了，也就是appid填写错误里面多了或者少了字母或数字。通过仔细检查appid后，最终打包安装成功登录。
2023-06-06 17:38:41
1429
1
原创 vue3组件传参
vue3的不相关组件传参与vue2类似且不同，在vue3中，通过下载安装mitt实现，这里使用了npm i mitt -s 进行安装。Bus.emit('givemassage','我是要传递的值') //这里可以写在函数中，也可以写在生命周期中。conosle.log(res)//这里的res其实就是：我是要传递的值。
2023-06-06 17:25:13
249
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人