uniapp - 随笔分类 - 蓦然JL

摘要：

custom-tab-bar 自定义tabBar组件。在小程序和App端，为提升性能，在 pages.json 里配置固定的原生tabBar。但在H5端，这一设计并不会提升性能。同时，H5端尤其是PC宽屏，对tabBar的位置和样式有更灵活的需求，tabBar作为一级导航，更多的时候是在PC网页阅读全文

posted @ 2025-02-07 08:58 蓦然JL 阅读(248) 评论(0) 推荐(0) 编辑

uniapp 原生组件说明

摘要：

一、原生组件说明小程序和App的vue页面，主体是webview渲染的。为了提升性能，小程序和App的vue页面下部分ui元素，比如导航栏、tabbar、video、map使用了原生控件。这种方式被称为混合渲染。虽然提升了性能，但原生组件带来了其他问题：前端组件无法覆盖原生控件的层级问题原生阅读全文

posted @ 2025-01-06 15:24 蓦然JL 阅读(57) 评论(0) 推荐(0) 编辑

Vue开发必须知道的36个技巧

摘要：

1.require.context() 1.场景:如页面需要导入多个组件,原始写法: import titleCom from '@/components/home/titleCom' import bannerCom from '@/components/home/bannerCom' impor 阅读全文

posted @ 2025-01-02 15:27 蓦然JL 阅读(43) 评论(0) 推荐(1) 编辑

光标自动定位到起始位置 contenteditable="true" ，v-html绑定内容，div可编辑时，光标移到最前面

摘要：

出现这个问题原因：（1）通过打断点可以看到，当你输入的时候触发input事件，提交值给父组件中的v-model；（2）但因为在子组件中又监听了v-model的值，所以整体形成了闭环；（3）还需要重点说明的是光标问题，contenteditable与v-html所在的元素值的改变如果不是通过输入阅读全文

posted @ 2024-12-02 08:49 蓦然JL 阅读(169) 评论(0) 推荐(0) 编辑

uniapp 页面导航条配置节点 navigation-bar

摘要：

navigation-bar 页面导航条配置节点，用于指定导航栏的一些属性。只能是 page-meta 组件内的第一个节点，需要配合它一同使用。平台差异说明 App H5 微信小程序支付宝小程序百度小程序抖音小程序、飞书小程序 QQ小程序快手小程序京东小程序 √ 2.6.3+ 2.6.3 阅读全文

posted @ 2024-11-04 14:59 蓦然JL 阅读(185) 评论(0) 推荐(0) 编辑

vue-cropper图片裁剪（vue2与vue3）

摘要：

在项目中，前端开发经常会遇到有图片上传的需求，而别人的组件大多都满足不了当下产品的需求，这是往往我们得去依靠组件自己自定义一个项目通用的裁剪组件一、vue-cropper安装依赖： vue2： npm install vue-cropper 或 yarn add vue-cropper vue3：阅读全文

posted @ 2024-10-14 09:36 蓦然JL 阅读(1492) 评论(0) 推荐(1) 编辑

uniapp 页面属性配置节点 page-meta

摘要：

page-meta 页面属性配置节点，用于指定页面的一些属性、监听页面事件。可部分替代pages.json的功能。从微信基础库2.9.0开始，新增了page-meta组件，它是一个特殊的标签，有点类似html里的header标签。页面的背景色、原生导航栏的参数，都可以写在page-meta里。HB 阅读全文

posted @ 2024-10-14 09:35 蓦然JL 阅读(224) 评论(0) 推荐(0) 编辑

uniapp 广告错误码

摘要：

一、app平台错误码 code message -5001 广告位标识adpid为空，请传入有效的adpid -5002 无效的广告位标识adpid，请使用正确的adpid -5003 未开通广告，请在广告平台申请并确保已审核通过 -5004 无广告模块，打包时请配置要使用的广告模块 -5005 广阅读全文

posted @ 2024-09-11 10:58 蓦然JL 阅读(82) 评论(0) 推荐(0) 编辑

uniapp 将数据存储在本地缓存setStorage及从本地缓存中异步获取getStorage

摘要：

一、uni.setStorage(OBJECT) 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 HarmonyOS Next 兼容性 HarmonyOS Next HBuilderX 4.23 OBJECT 参数说明参数名类型必填说明 ke 阅读全文

posted @ 2024-09-11 10:48 蓦然JL 阅读(1492) 评论(0) 推荐(1) 编辑

解决 scroll-view 组件 [Intervention] 报错

摘要：

[Intervention]Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupte 阅读全文

posted @ 2024-03-23 10:23 蓦然JL 阅读(433) 评论(0) 推荐(0) 编辑

disable-devtool 禁用 web开发者工具禁用 f12 功能等

摘要：

disable-devtool 可以禁用所有一切可以进入开发者工具的方法，防止通过开发者工具进行的 ‘代码搬运’。该库有以下特性: 1、支持可配置是否禁用右键菜单2、禁用 f12 和 ctrl+shift+i 快捷键3、支持识别从浏览器菜单栏打开开发者工具并关闭当前页面4、开发者可以绕过禁用 (u 阅读全文

posted @ 2024-02-21 17:01 蓦然JL 阅读(1795) 评论(0) 推荐(0) 编辑

async与await详解

摘要：

一、简介 async/await是ES20717引入的，主要是简化Promise调用操作，实现了以异步操作像同步的方式去执行，async外部是异步执行的，同步是await的作用。二、async async，英文意思是异步，当函数（包括函数语句、函数表达式、Lambda表达式）前有async关键字的阅读全文

posted @ 2023-03-04 09:13 蓦然JL 阅读(1998) 评论(0) 推荐(0) 编辑

微信小程序分包

摘要：

一、微信小程序--分包 1、什么是分包分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。分包原理：在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示。 2、分包阅读全文

posted @ 2023-02-09 09:02 蓦然JL 阅读(1164) 评论(1) 推荐(0) 编辑

Vue的指令，在项目中封装了哪些常用指令？

摘要：

在 vue 中我们可以使用 Vue.directive()方法注册全局指令。也可以只用 directives 选项注册局部指令。输入框防抖指令 v-debounce const debounce = { inserted: function (el, binding) { let timer; e 阅读全文

posted @ 2022-12-22 17:14 蓦然JL 阅读(146) 评论(0) 推荐(0) 编辑

uniapp富文本的使用

摘要：

<editor class="richInputContent" id="editor" @input="getEditorContent" @ready="onEditorReady" v-model="html"></editor> methods:{ //初始化富文本编辑器 onEditorR 阅读全文

posted @ 2022-12-22 16:58 蓦然JL 阅读(1735) 评论(0) 推荐(0) 编辑

uniapp自定义picker城市多级联动组件

摘要：

支持多端——h5、app、微信小程序、支付宝小程序... 支持自定义配置picker插件级数支持无限级注意事项：插件传入数据格式为children树形格式，内部包含：id、name 参数类型描述默认值必选 title string 标题 '' 否 layer number 控制几级联动阅读全文

posted @ 2022-12-22 16:53 蓦然JL 阅读(3364) 评论(0) 推荐(0) 编辑

uniapp 支持div获取、失去焦点

摘要：

遇到的问题场景：点击按钮出现自己写的弹窗，点击其他空白处消失弹窗思路：点击按钮的时候获取出现弹窗的focus事件，让它聚焦；点击其他地方相当于这个弹窗失去焦点使用blur事件；同时我们需要给弹窗加一个tabindex="-1" 属性，否者blur事件不生效。第一步：为元素绑定ref，添加t 阅读全文

posted @ 2022-09-07 08:41 蓦然JL 阅读(3295) 评论(0) 推荐(0) 编辑

uniapp 隐藏、获取键盘，及调整键盘按键

摘要：

一、uni.hideKeyboard() 隐藏软键盘隐藏已经显示的软键盘，如果软键盘没有显示则不做任何操作。平台差异说明 App H5 微信小程序支付宝小程序百度小程序字节跳动小程序、飞书小程序 QQ小程序快手小程序京东小程序 √ √ √ √ x √ √ √ √ 二、uni.onKey 阅读全文

posted @ 2022-09-01 08:53 蓦然JL 阅读(14908) 评论(0) 推荐(0) 编辑

uniapp 获取当前的地理位置

摘要：

一、uni.getLocation(OBJECT) 获取当前的地理位置、速度。 OBJECT 参数说明参数名类型必填说明平台差异说明 type String 否默认为 wgs84 返回 gps 坐标，gcj02 返回国测局坐标，可用于 uni.openLocation 和 map 组件坐阅读全文

posted @ 2022-09-01 08:53 蓦然JL 阅读(11159) 评论(0) 推荐(0) 编辑

uniapp 获取手机联系人

摘要：

uni.addPhoneContact(OBJECT) 调用后，用户可以选择将该表单以“新增联系人”或“添加到已有联系人”的方式（APP端目前没有选择步骤，将直接写入），写入手机系统通讯录，完成手机通讯录联系人和联系方式的增加。 App平台提供了更多通讯录相关API，包括读取联系人，详见：https 阅读全文

posted @ 2022-09-01 08:52 蓦然JL 阅读(1742) 评论(0) 推荐(0) 编辑

蓦然JL

蓦然回首，那人就在灯火阑珊处（供自己学习参考汇总）

随笔分类 - uniapp

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类 (165)

随笔档案 (111)

文章分类 (41)

文章档案 (36)

相册 (107)

常用网站链接

阅读排行榜

评论排行榜

推荐排行榜

最新评论

相册功能很好呀