
uniapp
New个对象.
发际线和我作对
展开
-
uniapp开发微信小程序设置分包,简单易学
我们使用uniapp开发微信小程序的时候,当我们的包体积过大的时候,无法真机模拟。因为小程序单个包只支持2MB(现已支持预览4MB),所以这时候我们要选择去分包。有人要问了分包难吗?分包很简单。但是最重要的来了,分包这个决定,要早做决定,当你开发之前,评估一下,就觉得你这个小程序不值2MB,所以我们可以开始的时候就分包。具体分包是怎么样做的呢?uniapp分包步骤。原创 2024-03-29 16:02:28 · 805 阅读 · 0 评论 -
uniapp navigateTo url路由传参(传递对象)
【代码】uniapp navigateTo url路由传参(传递对象)原创 2023-09-28 15:03:18 · 1150 阅读 · 0 评论 -
关于uni.createInnerAudioContext()的duration音频长度获取不到问题
【代码】关于uni.createInnerAudioContext()的duration音频长度获取不到问题。原创 2023-07-26 09:26:39 · 1726 阅读 · 0 评论 -
【uniapp】 史上最详细手动配置ios平台通用链接 Universal Link 设置
这个Universal Links就是刚才配置好的 https://hahaha.com/apple-app-site-association/注意后边得加斜杠,Bundle ID去苹果开发者平台找。bbb:是在苹果开发者中心里面拿到的 appid 或者也叫 Bundle ID。aaa:是在苹果开发者中心里面拿到的teamid。原创 2023-06-12 17:23:33 · 1558 阅读 · 0 评论 -
uniappH5页面跳转小程序
官方文档: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html,必须是认证公众号。前端安装模块npm i weixin-js-sdkmain.js 添加一行代码Vue.config.ignoredElements.push('wx-open-launch-weapp')前端代码<template> <view class="page"> <原创 2021-11-08 16:10:49 · 2218 阅读 · 5 评论 -
uni.navigateBack 修改上一个页面值问题
使用uni.navigateBack()返回上一层时携带值今天使用uni.navigateBack() 返回上一层时想携带值,但这个方法不像其他的跳转 是不能携带值的 ,在尝试许多方法后,在一个帖子中找到了答案。代码如下:// 页面1<template> <view> <text>{{title}}</text> <button @click="goPageB()">跳转B页面</button> </view原创 2021-09-29 10:02:56 · 253 阅读 · 0 评论 -
封装截取到url地址中的参数方法
封装截取到url地址中的参数方法//https://www.baidu.com?add=123function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI((r[2])); re原创 2021-09-28 14:43:57 · 154 阅读 · 0 评论 -
常用搜索中搜索历史,搜索推荐功能(移动端)
常用搜索中搜索历史,搜索推荐功能此篇文章只供自己参考 我只是代码的搬运工本人使用uni写的H5页面,及供参考HTML:<template> <view class="page"> <view class="header"> <view class="inputBox"> <input v-model="inpuValue" type="text" @confirm="search" /> <image原创 2021-09-27 10:00:44 · 899 阅读 · 0 评论 -
H5一段文字中有URL链接地址,自定义拼接a标签可以让他点击跳转
H5一段文字中有URL链接地址,自定义拼接a标签可以让他点击跳转实现如图效果,有时候第三方接口返回的数据是没有加a标签的,所有我们如果想要让它点击,需要自己进行修改。//链接可点击// _that.card.details 就是包含链接的一段文字var stssse;if(_that.card.details){ var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g; let arr = _that.card.det原创 2021-09-23 10:57:49 · 1564 阅读 · 0 评论 -
uniapp小程序图片压缩上传
uniapp小程序图片压缩上传使用uniapp的API操作进行小程序图片压缩上传代码如下:<template> <view> <view @click="shoot">点击拍摄</view> </view></template><script> export default { data() { return { } }, methods: { shoot() {原创 2021-09-02 16:27:49 · 480 阅读 · 0 评论 -
uniappH5图片压缩上传
uniappH5图片压缩上传此篇文章只供自己参考 我只是代码的搬运工1.创建一个js文件原创 2021-09-02 16:11:27 · 826 阅读 · 0 评论 -
uniapp实现自定义头部文字滚动字幕
uniapp实现自定义头部文字滚动字幕如图:HTML :<view class="noticeBarBox" v-show="noticeBarShow"> <view class="NoticeBar"> <image class="NoticeBarImg1" src="../../static/jifen/ico_tongzhi@2x2.png"></image> <view style="width: 624rpx;height原创 2021-09-02 15:33:52 · 2543 阅读 · 0 评论 -
数据缓存setStorage跟setStorageSync场景使用的简单理解
数据缓存setStorage跟setStorageSync场景使用的简单理解 1.存完缓存需要立即取缓存需要用同步 // setStorageSync 2.存完缓存短时间内不需取缓存可以用异步 // setStorage 可以简单理解为同步会阻塞js代码向下执行...原创 2021-08-11 09:18:24 · 2032 阅读 · 0 评论 -
uni-app封装缓存过期方法
uni-app封装缓存过期方法缓存在我们的日常开发中还是非常常见的。同样的今天的话题是在uni-app框架中怎么封装一个缓存方法,为什么还要自己封装缓存方法?虽然说uni-app是用缓存的api接口的,也就是uni.setStorage,但是呢,这个缓存api是没有设置过期缓存这一说的,也就是说,你如果没有主动清除的话,这个缓存就会一直在。。。这明显缺了那么一点意思,所以我们来自己封装一个带设置缓存过期时间的一个方法。1.封装一个js文件function myCache(key, value, sec原创 2021-08-10 17:16:40 · 1535 阅读 · 0 评论 -
在uniapp中使用uni.navigateBack(OBJECT)传递参数
在uniapp中使用uni.navigateBack(OBJECT)传递参数场景:从A页面,跳到B页面,B页面需要关闭当前页面返回上一级,传递传输给A页面方案:在B页面需要传递参数的方法内:let pages = getCurrentPages(); // 获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。let nowPage = pages[pages.length - 1]; //当前页页面实例let prevPage = pages[pages.l原创 2021-08-10 16:28:08 · 4086 阅读 · 2 评论 -
u-view组件库里 Dropdown 下拉菜单 导致页面内容被遮盖 无法点击问题
在使用uview的dropdown组件时页面的点击事件 navigator失效,在点击事件打印值也没有执行,观察页面样式时发现 由于是组件的遮罩层覆盖住了页面 导致的问题(uview可能是在打开/关闭下拉菜单时更改了 遮罩层的透明度而已)修改源代码在node_modules里的uview-ui->components->u-dropdown->u-dropdown.vue文件里定义是否显示遮罩层data(){ return{ dropDownShow:false }}&原创 2021-08-10 15:53:09 · 4439 阅读 · 13 评论 -
uniapp前端H5页面解决跨域问题
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码原创 2021-08-10 15:18:27 · 1009 阅读 · 0 评论 -
小程序以及H5页面上iPhoneX底部安全区域小黑条适配问题
小程序以及H5页面上iPhoneX底部安全区域小黑条适配问题已知底部区域高度下面展示一些 内联代码片。height: calc( 高度 + constant(safe-area-inset-bottom));height: calc( 高度 + env(safe-area-inset-bottom));原创 2021-08-06 17:31:36 · 336 阅读 · 0 评论 -
uniappH5微信支付封装使用
uniappH5微信支付封装使用1.创建一个js文件下面展示一些 内联代码片。function onBridgeReady(obj){ let appId = obj.appId ? obj.appId : ''; let timeStamp = obj.timeStamp ? obj.timeStamp : ''; let nonceStr = obj.nonceStr ? obj.nonceStr : ''; let _package = obj.package ? obj.package原创 2021-08-06 17:03:46 · 452 阅读 · 0 评论 -
uniapp微信小程序微信支付封装使用
微信小程序支付封装使用1.创建一个js文件下面展示一些 内联代码片。const wxpay = function(obj, that){ let timeStamp = obj.timeStamp ? obj.timeStamp : ''; let nonceStr = obj.nonceStr ? obj.nonceStr : ''; let _package = obj.package ? obj.package : ''; let signType = obj.signType ? ob原创 2021-08-06 16:41:24 · 528 阅读 · 0 评论 -
uniapp封装uni.request请求统一管理跟token储存管理
1原创 2021-08-06 16:15:55 · 983 阅读 · 0 评论