- 博客(181)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vue vue3 走马灯Carousel
走马灯实现多张图片轮播展示，element组件的官网有详细介绍。走马灯的图片点击预览需要给图片绑定一个自定义点击事件
2025-03-26 15:28:30
731
原创 js 力扣100题 非负整数加一
需求：非负整数数组，末尾加一。思路：遍循数组，数值不为9则加一，当为9，当前数值==0，返回数组[1,...arr]
2025-03-19 11:14:59
325
原创 json字符串转对象，对象转JSON
","zoonId":11,"organization":511323,"subclass":1,"geometry":"POINT(106.312115 31.002953)","time":"2025-03-17 08:00:24","msgtype":1,"status":1}'JSON字符串与对象之间的转换。在对接接口的数据的时候，因为是实时数据转发过来的。发现后端发过的数据是字符串【JSON字符串】但是我们前端需要的是一个对象。JSON.parse('JSON字符串')
2025-03-17 14:22:35
321
原创 前端 文本转语音，语音播放
把一段文字转成语言。核心方法是：const utterance = new SpeechSynthesisUtterance(‘自定义文本’);window.speechSynthesis.speak(utterance)开始播放
2025-03-12 15:32:18
1088
原创 vue 自行封装组件，类似于el-tree组件结构
根据接口数据，拼凑出想要的数据结构。首先根据某一个字段进行数据分类，然后根据属性名对数据进行处理。
2025-03-11 16:31:23
937
原创 element tree树形结构默认展开全部
element tree树形组件默认展开全部，设置:default-expand-all = "true"；默认展开一些，找出默认展开的节点的 key 的数组，赋值给:default-expanded-keys="state.expandedKeys"
2025-03-11 14:17:15
827
原创 git 创建并上传代码库
git用于版本控制，版本控制的产品非常多，现在影响力最大且使用广泛的是git。用于管理多人协同开发。用于管理我们对文件，目录或工程等的修改历史，方便查看更改历史记录，备份以便恢复以前的版本。步骤：首先在gitee创建仓库，在本地项目文件夹打开git Bash开始上传代码库。
2025-02-17 10:33:34
1346
原创 openlayer getLayerById 根据id获取layer图层
openlayer官方文档，没有getLayerById()方法；另外的是，存在getFeatureById()方法。
2025-01-22 16:47:14
1003
原创 vite vue 动态导入图片
vite框架的官网，有对项目文件的动态引入文件的介绍，包括：引入图片文件的方法。实现效果分析：开发环境和部署环境，图片都可以正常显示。但是封装的公共的动态引入文件的。
2025-01-16 17:28:52
495
原创 element el-input只能输入数字
在项目中做新增功能的时候，前端需要限制用户的输入，这里例如：在input 输入框只能输入数字。第2点，如果我想限制的是，输入的是数字+限制数字位数。实现思路：input输入框只能输入数字；限制数字位数。数字的是Int整型，要想限制长度，可以先把数字转成字符串，然后用.length判断字符串长度。
2025-01-16 14:48:19
693
原创 下载文件，浏览器阻止不安全下载
在项目开发中，遇到需要下载文件的情况，文件类型可能是图片、excell表、pdf、zip等文件类型，但浏览器会阻止不安全的下载链接。
2025-01-15 17:13:36
1704
原创 element select 绑定一个对象{}
select下拉选择框绑定一个对象，为了保障下拉框的正常选择功能，需要绑定value-key为“”一个对象“”中的唯一标识，它对应的值是自定义的。
2025-01-14 11:30:21
730
原创 element upload上传图片，上传完成隐藏组件或者禁用上传
upload组件上传一张图片，组件的limit设置为1，就可以限制【禁止触发上传接口，但是还是可以打开选择文件的弹框】。组件的disable设置为true，就可以禁止【不打开选择文件的弹框】。因项目实际情况，只上传一张图片也要显示删除按钮【组件自带的，如果只上传一张，则最后一张不显示删除按钮】，通过upload的插槽，显示删除按钮。
2025-01-11 16:20:15
1029
原创 导出文件，能够导出但是文件打不开
导出功能，不管前端使用的是get或者post请求，都需要后端对接受到的传参进行识别，进而返回对应的文件流。前端请求一定要带上responseType: 'blob'。
2025-01-11 11:46:43
1141
原创 new URL(`../assets/images/${name}`, import.meta.url).href
vite6和vite5脚手架，引入静态资源的方法。开发环境和生产环境的效果对比。vite6不支持引入图片的子目录，通过不断新增子目录的封装方法，以解决vite6引入失败的问题。
2024-12-13 16:14:44
1088
1
原创 前端开发 环境变量 process.env.NODE_ENV 是什么
使用说明， import.meta.env在vue框架中使用，因为项目的配置文件存在.env.development和.env.product文件，所以在整个项目可以从(import.meta.env)中读取对应变量的值。项目的编译器是通过node编译运行，所以在开发环境的时候，可以使用node的环境变量process.env.NODE_ENV(这是自定义的变量NODE_ENV)
2024-10-21 15:28:39
920
原创 vue element时间选择不能超过今天 时间选中长度不能超过7天
element日期时间选择限制。未选择，不能超过今天；选择，设置连续选择时间不能超过7天
2024-09-11 17:49:05
847
原创 uniapp scroll-view滚动触底加载 height高度自适应
uniapp 的组件scroll-view在实现触底加载的功能的时候，首先在App上可以滚动，就必须设置高度；触底加载的动态效果，会发起网络请求的，不用设置height，通过css设置min-height:0
2024-08-30 16:41:46
1716
原创 uniapp u--input实现select下拉列表 input点击事件
uView组价没有现成的select组件，通过input+Action sheet结合实现。我们需要点击整块input输入框，不仅仅是右侧icon。实现思路：外层套一层@click点击事件；并input设置pointer-events:none
2024-08-27 17:58:39
3965
原创 uniapp实现区域滚动、下拉刷新、上滑滚动加载更多
scroll-view自定义滚动区域，通过css样式，让滚动区域自适应整个屏幕剩余空间。min-height:0;设置为0
2024-08-22 11:53:20
12894
原创 uniapp 荣耀手机 没有检测到设备 运行到Android手机 真机运行
使用uniapp框架搭建的项目，开发的时候在浏览器运行，因为项目要打包成App，所以需要真机联调，需要运行到Android手机，在手机上查看/运行项目。通过真机调试才能确保软件开发的准确性和页面显示的完整性。操作步骤：1.Usb连接手机和电脑，电脑上的HbuilderX打开项目；2.手机打开开发者选项，允许通过Usb传输文件；3.荣耀手机，选择USB配置，选择音频来源。。。写在这儿，HbuilderX能检测到设备华为手机,但是检测不到荣耀手机。
2024-08-07 16:04:57
3442
1
原创 uniapp video播放视频 悬浮在屏幕无法滑动
uniapp编译成App后，video标签在App上被编译为原生组件，原生组件层级高于前端组件，类似于flash层级高于div。所以不会随着页面滚动而滚动。解决思路：解决video标签在App上的层级过高问题。封装一个iframe嵌套。即可随着页面滚动而滚动。
2024-08-06 18:05:25
2809
5
原创 uView input输入框和search输入框实现搜索功能
在手机端实现搜索框的“查询功能”，使用uView组件库。有两种实现思路：1.input输入框2.search搜索框。
2024-08-02 11:23:33
1417
原创 uniapp 如何实现路由拦截，路由守卫
配置方式UniApp：在pages.json文件中配置页面路径和属性，比较简单直接。Vue：通过 JavaScript 对象数组配置，灵活性更高。API 和功能UniApp：提供的路由 API 如navigateToredirectTo等，简单易用，适合多平台的路由操作。Vuevue-router提供丰富的功能，如嵌套路由、路由守卫等，适合复杂的单页面应用。平台支持UniApp：跨平台支持是其主要特点，能够编译到多个平台。Vue：主要用于 Web 应用，通过vue-router实现 SPA 路由。
2024-07-15 15:12:34
7025
原创 VS Code 代码格式化插件，代码美观的插件
Pretter,Beautify,EditorConfig,ESlint,vetur几种代码规范的插件，介绍以及优点。
2024-07-13 11:16:40
21226
1
原创 input 阻止表单输入框的回车键触发提交事件
layui组件。input输入框，阻止回车键触发提交事件。$("addMylable input").keydown(function (event) { if (event.keyCode == 13) { return false; } })
2024-07-11 16:15:56
1988
原创 websocket推送消息，模拟推送
MQTT.js 是一个功能强大的 MQTT 客户端库，支持在 Node.js 和浏览器中使用。下面是一个简单的示例，展示如何在浏览器中使用 MQTT over WebSocket。通过将 MQTT 与 WebSocket 结合使用，可以在 Web 应用中实现高效、实时的消息传输，特别适用于需要实时数据更新的应用场景。MQTT 的发布/订阅模式与 WebSocket 的双向通信特性相结合。简化了初始化一个MQTT对象的代码书写。
2024-07-09 18:00:22
1066
1
express+mongoose，操作mongo数据的命令语句，以及前后端分离及调用接口的效果展示
2022-06-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人