影子信息-CSDN博客

使用uniapp框架搭建的项目，开发的时候在浏览器运行，因为项目要打包成App，所以需要真机联调，需要运行到Android手机，在手机上查看/运行项目。通过真机调试才能确保软件开发的准确性和页面显示的完整性。操作步骤：1.Usb连接手机和电脑，电脑上的HbuilderX打开项目；2.手机打开开发者选项，允许通过Usb传输文件；3.荣耀手机，选择USB配置，选择音频来源。。。写在这儿，HbuilderX能检测到设备华为手机,但是检测不到荣耀手机。

2024-08-07 16:04:57 1591

原创 uniapp video播放视频悬浮在屏幕无法滑动

uniapp编译成App后，video标签在App上被编译为原生组件，原生组件层级高于前端组件，类似于flash层级高于div。所以不会随着页面滚动而滚动。解决思路：解决video标签在App上的层级过高问题。封装一个iframe嵌套。即可随着页面滚动而滚动。

2024-08-06 18:05:25 1315

原创 uView input输入框和search输入框实现搜索功能

在手机端实现搜索框的“查询功能”，使用uView组件库。有两种实现思路：1.input输入框2.search搜索框。

2024-08-02 11:23:33 751

原创 uniapp 如何实现路由拦截，路由守卫

配置方式UniApp：在pages.json文件中配置页面路径和属性，比较简单直接。Vue：通过 JavaScript 对象数组配置，灵活性更高。API 和功能UniApp：提供的路由 API 如navigateToredirectTo等，简单易用，适合多平台的路由操作。Vuevue-router提供丰富的功能，如嵌套路由、路由守卫等，适合复杂的单页面应用。平台支持UniApp：跨平台支持是其主要特点，能够编译到多个平台。Vue：主要用于 Web 应用，通过vue-router实现 SPA 路由。

2024-07-15 15:12:34 3337

原创 VS Code 代码格式化插件，代码美观的插件

Pretter,Beautify,EditorConfig,ESlint,vetur几种代码规范的插件，介绍以及优点。

2024-07-13 11:16:40 4878

原创 vsCode 格式化代码及安装的插件

多个代码格式化的插件，如何查看以及配置默认的插件。

2024-07-13 10:19:40 455

原创 input 阻止表单输入框的回车键触发提交事件

layui组件。input输入框，阻止回车键触发提交事件。$("addMylable input").keydown(function (event) { if (event.keyCode == 13) { return false; } })

2024-07-11 16:15:56 1295

原创 MQTT是什么，物联网

以下从几个方面介绍MQTT，包括：MQTT是什么，MQTT和webSocket的结合，以及使用场景。

2024-07-10 10:51:59 1124

原创 websocket推送消息，模拟推送

MQTT.js 是一个功能强大的 MQTT 客户端库，支持在 Node.js 和浏览器中使用。下面是一个简单的示例，展示如何在浏览器中使用 MQTT over WebSocket。通过将 MQTT 与 WebSocket 结合使用，可以在 Web 应用中实现高效、实时的消息传输，特别适用于需要实时数据更新的应用场景。MQTT 的发布/订阅模式与 WebSocket 的双向通信特性相结合。简化了初始化一个MQTT对象的代码书写。

2024-07-09 18:00:22 855 1

原创 websockt初始化，创建一个webSocket示例

以下主要从几个方面着手写websocket相关，包括以下：什么是webSocket，webSocket的优点和劣势，webSocket工作原理，webSocket握手示例，如何使用webSocket(使用webSocket的一个示例)，应用场景。它被设计用于在客户端和服务器之间建立长时间的双向通信通道，克服传统 HTTP 的一些限制，特别是在需要实时数据传输的场景下。WebSocket 提供了一种高效、实时的双向通信机制，非常适合需要低延迟和高频次数据传输的应用。使用webSocket的一个示例。

2024-07-09 17:34:34 1181

原创 openlayer 点线面的绘制

我的标注是一个点击去绘制几何要素的自定义功能，本质是绘制点线面；绘制结束，把绘制的几何要素的经纬度进行回填，然后表单提交，然后“添加我的标注”成功。也对所有的标注进行页面展示。

2024-06-27 17:53:18 258

原创 openlayer 鼠标点击船舶，打开船舶简单弹框

简短介绍了船舶点击打开详情弹框的思路；详细介绍鼠标移动到船舶的、并且打开简单详情弹框的实现思路。

2024-06-27 11:52:27 723

原创 openlayer 图层点击事件鼠标单击

一个图层创建好了，接下来我们要做的是，如何通过鼠标点击打开点击对象的详情弹框？详情弹框做点击按钮效果。

2024-06-27 10:25:05 1297

原创 openlayer 图层绘制成多种颜色的一个图层

工作中做的一个水深测量时间的功能，包括三个方面去实现。图层分不同颜色绘制不同要素；图层控件的4中颜色；图层控件去控制图层对应颜色的关闭或打开(简称：图层开关)。

2024-06-26 17:35:05 1061

原创 lodash _.template()方法的使用

使用_.template()生成对应数据的对应html代码。

2024-06-26 16:38:56 281

原创什么是前端开发？

关于前端开发的一些奇怪的想法，想记录一下。。。

2024-06-26 16:18:52 1659

原创 layui单选框渲染不出来

单选是加checked,下拉是赋值之后 form.render()。

2024-06-24 17:50:40 567

原创 openlayer 鼠标移动触发pointermove

注意：因为是判断要素id是不是同一个，所以当再次触发同一个id也不会发起网络请求，所以这儿使用定时器，一定时间把oldMMsi置为null。

2024-06-18 17:18:11 603

原创 css 文字下划线 text-decoration

text-decoration为段落文字添加下划线。

2024-06-17 14:23:58 413

原创 js switch 判断时间差是否在范围内

lodash inRange(任意值,开始值，结束值不包括)。返回Boolean值

2024-05-18 10:19:01 190

原创 Moment.js 计算时间差

Moment.js 日期处理类库计算两个时间之间的“时间差”

2024-05-16 17:54:54 1223

原创 jquery 标签选择器给点击的父元素添加上高亮样式并把它兄弟去掉样式

点击按钮元素，给按钮的父级元素添加高亮样式；并把父级元素的其它的兄弟元素去掉高亮样式。判断当前元素是否有高亮样式，如果没有，则把当前元素的兄弟元素移除且给当前元素加上。第2步：通过添加或删除高亮样式。第1步：找到父级元素。

2024-05-16 16:57:53 180

原创 uniapp 使用renderjs的一些详细介绍

renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和web。

2024-05-06 10:07:04 1510

原创 css div块标签内的多个英语单词怎样设置换行

word-break: break-all; //强制英文单词断行

2024-04-30 15:13:36 627

原创 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 660