- 博客(156)
- 资源 (2)
- 收藏
- 关注
原创 vue element时间选择不能超过今天 时间选中长度不能超过7天
element日期时间选择限制。未选择,不能超过今天;选择,设置连续选择时间不能超过7天
2024-09-11 17:49:05 506
原创 uniapp scroll-view滚动触底加载 height高度自适应
uniapp 的组件scroll-view在实现触底加载的功能的时候,首先在App上可以滚动,就必须设置高度;触底加载的动态效果,会发起网络请求的,不用设置height,通过css设置min-height:0
2024-08-30 16:41:46 967
原创 uniapp u--input实现select下拉列表 input点击事件
uView组价没有现成的select组件,通过input+Action sheet结合实现。我们需要点击整块input输入框,不仅仅是右侧icon。实现思路:外层套一层@click点击事件;并input设置pointer-events:none
2024-08-27 17:58:39 1696
原创 uniapp实现区域滚动、下拉刷新、上滑滚动加载更多
scroll-view自定义滚动区域,通过css样式,让滚动区域自适应整个屏幕剩余空间。min-height:0;设置为0
2024-08-22 11:53:20 4312
原创 uniapp 荣耀手机 没有检测到设备 运行到Android手机 真机运行
使用uniapp框架搭建的项目,开发的时候在浏览器运行,因为项目要打包成App,所以需要真机联调,需要运行到Android手机,在手机上查看/运行项目。通过真机调试才能确保软件开发的准确性和页面显示的完整性。操作步骤:1.Usb连接手机和电脑,电脑上的HbuilderX打开项目;2.手机打开开发者选项,允许通过Usb传输文件;3.荣耀手机,选择USB配置,选择音频来源。。。写在这儿,HbuilderX能检测到设备华为手机,但是检测不到荣耀手机。
2024-08-07 16:04:57 1724
原创 uniapp video播放视频 悬浮在屏幕无法滑动
uniapp编译成App后,video标签在App上被编译为原生组件,原生组件层级高于前端组件,类似于flash层级高于div。所以不会随着页面滚动而滚动。解决思路:解决video标签在App上的层级过高问题。封装一个iframe嵌套。即可随着页面滚动而滚动。
2024-08-06 18:05:25 1400 2
原创 uView input输入框和search输入框实现搜索功能
在手机端实现搜索框的“查询功能”,使用uView组件库。有两种实现思路:1.input输入框2.search搜索框。
2024-08-02 11:23:33 800
原创 uniapp 如何实现路由拦截,路由守卫
配置方式UniApp:在pages.json文件中配置页面路径和属性,比较简单直接。Vue:通过 JavaScript 对象数组配置,灵活性更高。API 和功能UniApp:提供的路由 API 如navigateToredirectTo等,简单易用,适合多平台的路由操作。Vuevue-router提供丰富的功能,如嵌套路由、路由守卫等,适合复杂的单页面应用。平台支持UniApp:跨平台支持是其主要特点,能够编译到多个平台。Vue:主要用于 Web 应用,通过vue-router实现 SPA 路由。
2024-07-15 15:12:34 3615
原创 VS Code 代码格式化插件,代码美观的插件
Pretter,Beautify,EditorConfig,ESlint,vetur几种代码规范的插件,介绍以及优点。
2024-07-13 11:16:40 5516
原创 input 阻止表单输入框的回车键触发提交事件
layui组件。input输入框,阻止回车键触发提交事件。$("addMylable input").keydown(function (event) { if (event.keyCode == 13) { return false; } })
2024-07-11 16:15:56 1354
原创 websocket推送消息,模拟推送
MQTT.js 是一个功能强大的 MQTT 客户端库,支持在 Node.js 和浏览器中使用。下面是一个简单的示例,展示如何在浏览器中使用 MQTT over WebSocket。通过将 MQTT 与 WebSocket 结合使用,可以在 Web 应用中实现高效、实时的消息传输,特别适用于需要实时数据更新的应用场景。MQTT 的发布/订阅模式与 WebSocket 的双向通信特性相结合。简化了初始化一个MQTT对象的代码书写。
2024-07-09 18:00:22 869 1
原创 websockt初始化,创建一个webSocket示例
以下主要从几个方面着手写websocket相关,包括以下:什么是webSocket,webSocket的优点和劣势,webSocket工作原理,webSocket握手示例,如何使用webSocket(使用webSocket的一个示例),应用场景。它被设计用于在客户端和服务器之间建立长时间的双向通信通道,克服传统 HTTP 的一些限制,特别是在需要实时数据传输的场景下。WebSocket 提供了一种高效、实时的双向通信机制,非常适合需要低延迟和高频次数据传输的应用。使用webSocket的一个示例。
2024-07-09 17:34:34 1186
原创 openlayer 点线面的绘制
我的标注是一个点击去绘制几何要素的自定义功能,本质是绘制点线面;绘制结束,把绘制的几何要素的经纬度进行回填,然后表单提交,然后“添加我的标注”成功。也对所有的标注进行页面展示。
2024-06-27 17:53:18 272
原创 openlayer 鼠标点击船舶,打开船舶简单弹框
简短介绍了船舶点击打开详情弹框的思路;详细介绍鼠标移动到船舶的、并且打开简单详情弹框的实现思路。
2024-06-27 11:52:27 731
原创 openlayer 图层点击事件 鼠标单击
一个图层创建好了,接下来我们要做的是,如何通过鼠标点击打开点击对象的详情弹框?详情弹框做点击按钮效果。
2024-06-27 10:25:05 1388
原创 openlayer 图层绘制成多种颜色的一个图层
工作中做的一个水深测量时间的功能,包括三个方面去实现。图层分不同颜色绘制不同要素;图层控件的4中颜色;图层控件去控制图层对应颜色的关闭或打开(简称:图层开关)。
2024-06-26 17:35:05 1073
原创 openlayer 鼠标移动触发pointermove
注意:因为是判断要素id是不是同一个,所以当再次触发同一个id也不会发起网络请求,所以这儿使用定时器,一定时间把oldMMsi置为null。
2024-06-18 17:18:11 622
原创 jquery 标签选择器 给点击的父元素添加上高亮样式并把它兄弟去掉样式
点击按钮元素,给按钮的父级元素添加高亮样式;并把父级元素的其它的兄弟元素去掉高亮样式。判断当前元素是否有高亮样式,如果没有,则把当前元素的兄弟元素移除且给当前元素加上。第2步:通过添加或删除高亮样式。第1步:找到父级元素。
2024-05-16 16:57:53 182
原创 uniapp 使用renderjs的一些详细介绍
renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和web。
2024-05-06 10:07:04 1564
原创 request to https://registry.npm.taobao.org/vuex failed, reason: certificate has expired
2024年1 月 22 日,淘宝原镜像域名(http://registry.npm.taobao.org)的 HTTPS 证书正式到期,导致旧的 npm 淘宝镜像在使用时出错了。npm config set registry https://registry.npmmirror.com //切换到新的淘宝镜像
2024-04-28 14:43:49 758
原创 vue flvjs 播放视频
之前使用过vodiejs插件播放过mp4视频格式的视频;此次需要使用flvjs插件播放rtsp视频格式的视频;因为视频的数据格式不同,所以对应的插件不同。思维导图:
2024-04-19 14:27:57 1143 2
原创 csdn 博客怎么设置背景图
csdn不支持自定义背景图,只支持选择背景主题。解决办法:可以在用户的创作中心,在推广管理中配置相关信息,包括:微信公众号、微信号、官方网站、QQ号、QQ群
2024-04-16 16:16:10 441
原创 echarts tooltip提示框显示不全
一个可由多个柱形图叠加而成的图表,命名为someHoverLine(可自定义)。下面罗列了移动端和web端的封装组件代码;展示了vue2、uniapp、vue3的不同封装和使用案列。
2024-04-11 14:55:06 1067
原创 vue vue3 日期选择的组件,封装组件
基于element的日期选择组件,以下是达到的效果:1.选择年,日期选择组件默认填充是:当时的年;2.选择月,日期选择组件默认填充的是:当时的年月;3.选择日,日期选择组件默认填充的是:当时的年月日;
2024-04-08 16:16:53 2374
原创 vue vue3 日期时间组件封装
vue vue3 setup写法的一个组件,基于element的日期选择组件进行封装,此组件可以根据不同的dateType日期类型切换,切换选择不同的年、月、日。
2024-04-08 15:31:13 592
原创 element vue 日期时间组件封装
基于elementPlus组件,自己封装了一个日期选择组件。可选年、月、周、日时间类型。传参dateType(参数名称)结合后端的抽稀处理,返回对应数据。
2024-04-08 11:23:19 383
express+mongoose,操作mongo数据的命令语句,以及前后端分离及调用接口的效果展示
2022-06-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人