- 博客(319)
- 资源 (14)
- 收藏
- 关注
RSS订阅原创 uniapp AES 加密解密
URL参数解码：在处理URL参数时，经常需要对参数进行编码和解码。表单数据解码：在处理表单提交的数据时，表单数据通常需要进行编码。 替代方案和兼容性：由于JavaScript中没有内置的URLDecoder类，通常使用decodeURIComponent作为替代方案。 URL参数解码：在处理URL参数时，经常需要对参数进行编码和解码。 表单数据解码：在处理表单提交的数据时，表单数据通常需要进行编码。使用decodeURIComponent可以将编码后的数据解码回原始形式。
2025-10-24 14:16:20
853
原创 uni-ap 地图报错Map key not configured
在uniapp开发地图功能时，微信开发者工具正常，但是浏览器H5报错：Map key not configured.
2025-10-18 11:36:34
131
原创 uniapp map地图添加浮层
根据自己的需求，添加自定义元素或控件即可。控件较多且需要切换地图(不一定用到，考虑更全)如下代码所示，实现可展开的菜单，并且添加地图图层切换园功能(标准、卫星、混合)，不用可以去掉。// 在data中添加新变量data() {return {// ...原有数据...{ icon: 'location', text: '定位', action: 'locate' },{ icon: 'marker', text: '标记', action: 'addMarker' },
2025-10-18 11:31:06
726
原创 uniapp 修改android包名
修改 UniApp 的 Android 包名实际上并不复杂，按照上述步骤进行，可以确保修改生效。在实际开发过程中，了解体会每一步的重要性，不仅能让你掌握这个技巧，还可以让你对整个开发流程有更深入的了解。
2025-10-18 08:31:58
667
原创 uniapp 选择城市（城市列表选择）
（1）准备城市数据：确保你有一份城市列表，并且每个城市都有对应的首字母。 （2）创建悬浮窗：使用标签创建一个悬浮窗，用于显示字母列表。 （3）实现滚动功能：使用scroll-view组件，并通过scroll-into-view属性实现点击字母后滚动到对应城市列表的功能。 （1）悬浮窗：使用标签创建了一个悬浮窗，显示字母列表。每个字母都可以点击，并触发changeLetter方法。 （2）城市列表：使用scroll-view组件包裹城市列表。每个城市组都有一个唯一的id，对应字母列表中的字母
2025-10-12 12:23:25
374
原创 uniapp web-view相互通信方法
在开发过程中我们难会遇到需要uniapp和webview来实现数据通信的场景，接下来介绍一种可行的uniapp和webview的数据通信方案。在webview中我们可以使用当前webview实例的postMessage方法来触发webview组建的onPostMessage方法来传递数据，重点就需要放在了如何将uniapp的webview实例来加入到webview的h5项目当中。
2025-10-11 15:47:29
1076
原创 uniapp实现微信登录功能
uniapp实现微信授权登录功能，微信授权登录主要是用到了三个api,分别是uni.getProvider,uni.login,uni.getUserInfo。
2025-10-11 10:42:30
848
原创 uniapp tab切换及tab锚点效果(wx小程序及H5端)
注意:在APP下建议禁用transitionShow，不然会引起点击触发滚动中选项卡导航栏消失的bug。除了这两个必填项，其他数据随便往里面追加，点击选项卡时会读出来。
2025-10-10 20:03:23
336
原创 uniapp下载文件到手机自定义目录
使用后，下载的文件存放的位置一开始是临时的，转成永久的后它保存的位置在"内部存储\Android\data\io.dcloud.HBuilder\apps\HBuilder\doc\uniapp_save"里，用户很难找到正确位置,不方便操作，并且打开文件后，文件名被篡改了（无法确认下载的文件），还发现后续查看该文件只能再次下载，体验感非常不好。最终，用户能及时的打开文件，后续再想查看此文件，不用重复下载，直接在手机文件管理内准确的找到下载的文件，完美实现想要的效果.
2025-10-10 17:31:48
544
原创 uniapp开发 APP嵌入另一个APP打包的wgt文件，实现点击携带参数跳转到wgtAPP的某一个页面
需求描述：原本需求是app中点击跳转到甲方提供的H5页面，但是甲方的功能已经有一个app了不想提供H5页面，甲方提供了app热更新打包的wgt包，希望我们app嵌入wgt实现跳转。
2025-10-10 17:25:55
359
原创 uniapp修改原生导航栏样式、加图标、加文字、加点击事件
uniapp或者uview的导航栏无法满足需求时，可用下面方法进行修改原生导航栏样式、加图标、加文字、加点击事件。
2025-10-10 16:42:26
1535
原创 uniapp 项目打包时提示未添加videoplayer模块
链接：https://nativesupport.dcloud.net.cn/AppDocs/usemodule/androidModuleConfig/others.html#videoplayer%EF%BC%88%E8%A7%86%E9%A2%91%E6%92%AD%E6%94%BE%EF%BC%89。（5）我在添加之后报错，因为视频依赖最小兼容的minSdk版本是19，而我的minSdk版本是17。（2）如果是云打包只需在manifest.json，模块权限配置中勾选即可。
2025-09-23 19:59:01
580
原创 uniapp 弹窗
本文介绍了uniapp中四种常见的弹窗实现方式：1) uni.showToast用于显示简短提示信息；2) uni.showModal提供带按钮的确认对话框；3) uni.showActionSheet实现底部操作菜单；4) 通过HTML/CSS自定义弹窗组件。每种方式都提供了示例代码和效果图示，涵盖从简单提示到高度定制化的弹窗需求，适用于不同的交互场景。
2025-09-20 14:54:44
376
原创 uni-app 用scroll-view实现横向滚动
scroll-view是uni-app内置的可滚动视图区域组件，支持横向和纵向滚动配置。适用于商品横向展示、长列表内容展示等需要局部滚动的场景。核心属性：（1）scroll-x：启用横向滚动（2）scroll-y：启用纵向滚动（3）scroll-top：设置竖向滚动位置（4）scroll-left：设置横向滚动位置scroll-view，必须设置：white-space: nowrap;
2025-09-20 14:11:57
744
原创 uniapp 混合mixins和继承extends详解
vue提供了mixins、extends配置项。混合mixins和继承extends其实两个都可以理解为继承，mixins接收对象数组（可理解为多继承），extends接收的是对象或函数（可理解为单继承）。
2025-09-13 17:32:20
593
原创 Android App跳转微信小程序教程
需要重点提醒的是，上面appId是前面我们注册的移动应用的appId，而不是小程序的appId。需要说明的是，不管是跳转微信小程序还是微信登录、分享，都需要先在微信开放平台注册appId。然后，就可以参考 Android APP拉取小程序的例子，在WebView中调用下面的代码（可以是直接调用，也可以是协议拦截）。首先，需要登录微信开放平台 微信开放平台，创建一个移动应用，然后系统会返回一个appid。当然，为了代码逻辑的健壮性，还需要在打开微信小程序之前，判断是否安装了微信客户端。
2025-09-13 17:11:23
332
原创 uniapp动态修改tabbar
uniapp是一款跨端开发框架，可以同时开发出h5、小程序、app等多个平台的应用，是非常实用的开发工具。其中，tabbar是作为底部导航栏来展示多个页面的重要控件之一。在开发过程中，有时需要根据不同的业务需求动态更改tabbar，本文将介绍如何在uniapp中实现动态更改tabbar的方法。在Uniapp中实现动态修改tabbar的方法。在开发过程中，需要根据不同的业务需求动态调整底部导航栏的样式和内容。
2025-09-13 15:09:40
1297
原创 uni-app倒计时公共组件 封装，倒计时组件
uni-app倒计时公共组件封装有使用vue文件封装和使用工厂函数设置props的默认值两种方法。（1）使用vue文件封装可以使用vue文件来封装倒计时组件。这个组件应该是一个负责展示的零件，展示的数据就是父组件要传递的prop，包括提示文字和左边的读秒。组件需要保持在左上角显示，所以根组件需要fixed固定定位。另外，组件在倒计时完毕后要隐藏掉，所以组件是否显示出来也应该由父组件控制。圆形的进度应该不只是倒计时读秒，弧度应该由百分比决定，所以要知道总时长百分比才可以1。
2025-09-06 10:31:16
376
原创 uniapp解析富文本，视频无法显示问题
rich-text 无法处理 video，uni-app 文档中关于 rich-text 介绍中明确说明 rich-text 支持什么（），其中并不包含 video。
2025-08-30 17:26:56
697
原创 uniapp开发 移动端使用字符串替换注意事项
uniapp replaceAll方式在手机失效是因为安卓环境下不支持replaceAll方法。在uniapp开发中，如果在安卓环境下使用replaceAll方法，可能会导致页面无法渲染，并且控制台不会反馈错误信息。为了解决这个问题，可以将replaceAll方法换成replace方法。
2025-08-30 17:16:12
493
原创 uniapp 页面favicon.ico文件不存在提示404问题解决
在uniapp中经常出现的，因为找不到 favicon.ico 而报404错误的问题。
2025-08-26 19:41:05
402
原创 uniapp vuex(vue2/vue3)应用
本文介绍了在uni-app中使用Vuex进行状态管理的方法，涵盖Vue2和Vue3两种实现方式。Vuex作为Vue.js的状态管理模式，通过集中式存储管理应用状态，解决了组件间共享数据和通信问题。文章对比了Vuex与全局变量的区别，阐述了Vuex的使用场景和优势，如响应式状态、跨组件数据共享等。详细说明了Vue2和Vue3环境下的配置步骤：包括创建store、挂载到Vue实例、以及如何在页面中访问和修改状态。最后提供了完整的代码示例，帮助开发者快速掌握在uni-app中集成Vuex的方法。
2025-08-26 19:29:40
1118
原创 uniapp compute的使用
（1）computed直接以对象属性方式调用，不需要加括号，且有缓存的机制；（2）methods调用时才会执行，没有缓存机制，调用几次会执行几次；（3）computed是一个属性，里面包含get和set方法。
2025-08-23 18:04:11
400
原创 uniapp 页面跳转及字符串转义
保留当前页面，跳转到应用内的某个页面。通过这种方式跳转后，用户可以点击左上角的返回按钮回到上一页。适用于需要在多个页面间灵活切换，且保留当前页面状态的场景，比如从商品列表页跳转到商品详情页。
2025-08-23 15:35:10
542
原创 uniapp mixins的使用
mixins 是一个 js 对象，它可以包含我们组件中JS部分的任意功能选项，如：data、components、methods、created、computed 等等。我们只要将公用的功能以对象的方式传入 mixins 选项中，当组件使用 mixins 对象时所有 mixins 对象都将被混入该组件中。mixins 选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项，这些选项将会被合并到最终的选项中，使用的是和 Vue.extend() 一样的选项合并逻辑。
2025-08-23 09:14:55
839
原创 UniApp Vue3事件适配与兼容方案
在这边需要强调一点，v-model不仅可以给input赋值还可以获取input中的数据，而且数据的获取是实时的，因为语法糖中是用@input对输入框进行监听的。eg： 在一个自定义的输入组件中，你可以使用emit(‘update:modelValue’, newValue)来将输入框的值传递给父组件，并让父组件能够更新这个值。通过这种方式，子组件可以将newValue作为参数传递给update:modelValue事件，父组件监听该事件，并在事件处理程序中更新相应的属性。
2025-08-09 15:37:48
977
原创 uniapp 富文本rich-text 文本首行缩进和图片居中
使用 rich-text 组件渲染html格式的代码，常常因为不能自定义css导致文本不能缩进，以及图片不能居中等问题，这里可以考虑使用js的replace方法，替换字符串，然后在渲染的同时加载行内样式。replace里的g表示全局替换，而每个关键词前面的\则为转义字符，在针对html类的标签替换的时候，是必不可少的。这个方法还支持拓展关键词增加如果有需求可以自行添加，需要自定义的css样式则可以在所替换的字符串关键词里定义。
2025-08-02 16:32:03
475
原创 uniapp 数组的用法
（1）使数组发生更新方法：修改了原始数组，会触发视图更新（2）返回新数组、替换数组不会变更原始数组，而总是返回一个新数组。
2025-08-02 16:21:59
1008
原创 uniapp scroll-view解析
在使用scroll-view组件实现下拉刷新功能时，需要在scroll-view上绑定refresher-triggered属性，并在data中定义该属性，默认设置为false。在 UniApp 中，@refresherabort 是 scroll-view 组件的一个事件，当用户在下拉刷新过程中取消刷新操作时，会触发 @refresherabort 事件。通常在下拉刷新完成后，需要将refresher-triggered属性设置为false，以隐藏刷新图标并恢复视图状态。
2025-08-02 09:55:39
1186
原创 微信小程序 自定义带图片弹窗
使用官方组件实现图片模态弹窗。首先找到官方文档：显示模态弹窗的API wx.showModal(OBJECT)wx.showModal参数介绍发现并没有设置图片的参数，但是这是一个API，但是组件呢？其中按钮标题可使用comfirmText="新名字"设置,但是发现颜色好像无法自定义。。。找到方法的小伙伴们望告知。但是是否隐藏，确认以及取消的回调都需要自己手动绑定至js进行控制，效果还是一样的。
2025-07-26 15:18:16
568
原创 uniapp 自定义tab栏切换
在tabbar的页面中，当用户进行左右滑动时，能够自动切换到相应的页面。这个过程可以通过Uniapp中的swiper组件实现也可以通过自定义完成。这里我使用的是原生态开发。
2025-07-26 14:53:39
992
原创 uniapp input 如何只读禁用输入可点击
在 uni-app 中，可以通过设置 disabled 属性为 true 来禁用输入框的输入，同时使用 CSS 样式 pointer-events: none;来确保输入框仍然可以点击，但不会触发任何事件。
2025-07-26 14:04:39
887
原创 uniapp props、$ref、$emit、$parent、$child、$on
propsPage.vue导入props-son-view.vue组件的时候，我们就称index.vue为父组件依次类推，在vue中只要能获取到组件的实例，那么就可以调用组件的属性或是方法进行操作 props最适合传递数据，它并不能调用子组件里的属性和方法 即父组件传值给子组件（首次）但不能动态（再次）改变子组件现有的值,但我非要改呢？ 通过watch监听或者通过$ref标识获取实例后修改以及使用v-modal，使用v-modal会存在不同步情况->使用.sync （1）props静态传值 子
2025-07-19 14:59:04
772
原创 uni-app 应用、页面、组件生命周期
函数名说明平台差异说明onInit监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Object（用于页面传参），触发时机早于 onLoad百度小程序 3.1.0+onLoad监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参），参考示例onShow监听页面显示。页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面onReady监听页面初次渲染完成。注意如果渲染速度快，会在页面进入动画完成前触发onHide。
2025-07-19 10:27:03
900
原创 uniapp slot插槽的使用及自定义弹窗
（1）组件源码：slot-dialog.vue<template>--标题布局--></view>--内容布局--></view>--操作布局--></text></view></text></view></view></view></view><script>props: {//默认是否显示},//取消按钮文字},//取消样式},//确定按钮文字default: '确定'},//确定样式},//阻止点击对话框外侧锁屏},methods: {},
2025-07-12 14:52:59
652
原创 uniapp 使用Mescroll实现下拉刷新与上拉加载
下拉刷新和上拉加载更多成为了提升用户体验不可或缺的功能。UniApp作为一个跨平台的应用开发框架，支持使用Vue.js语法编写多端（iOS、Android、H5等）应用。Mescroll作为一款专为Vue设计的滚动插件，可以很好地满足我们在UniApp项目中的需求。使用【wxs+renderjs实现】高性能的下拉刷新上拉加载组件。支持uni-app的下拉刷新和上拉加载的组件,支持原生页面和局部区域滚动。
2025-07-05 17:10:42
581
VueWeb按钮展开收起功能实现
2024-12-08
vueweb添加el-menu样式
2024-12-07
CryptoJS JavaScript的加解密的工具包
2023-12-23
android 如何判断点是否在（凹凸）多边形内
2020-01-14
viewer264_mp4.zip
2020-01-15
JavaWeb开发实战-生鲜后台管理系统-增加/修改/删除生鲜种类、 分页功能、权限控制Filter
2025-01-21
VueWeb Tag,类似于面包屑，点击tag和删除
2024-12-16
VueWeb mock拦截ajax请求
2024-12-13
VueWeb axios网络请求
2024-12-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人