computed uniapp
uniapp vue.config.js配置chunk-vendors.js文件拆分
const path = require('path') function resolve(dir) { return path.join(__dirname, dir); } const CompressionPlugin = require('compression-webpack-plugin ......
2023-06-14 记录一下uniapp scroll-view（下拉刷新）
<template> <view> <scroll-view :scroll-top="scrollTop" scroll-y="true" class="mess-scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="sc ......
watch、computed、methods的区别
一、计算属性【computed】 对于任何复杂逻辑，你都应当使用计算属性 是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新 默认使用的是getter属性 当一个数据受多个数据影响时，可以使用computed <!-- 复杂运算 --> <div>{{message.split( ......
uniapp 更新依赖到指定版本解决uniAPI不可用问题
我解决的问题： 在项目中使用uni.startLocationUpdate(OBJECT)报错：uni.startLocationUpdate is not a function 怀疑是版本问题，当时的版本👇 发现2.0.2-3070320230222001版本的就可以使用，于是更新npx @dc ......
uniapp 不显示原生导航
自定义导航栏使用注意 当navigationStyle设为custom或titleNView设为false时，原生导航栏不显示 // pages配置部分页面 { "path": "pages/default/systemError", "style": { "navigationBarTitleTe ......
vue中computed的详细讲解
1.定义 computed是vue的计算属性，是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新 2.用法 一般情况下，computed默认使用的是getter属性 3.computed的响应式依赖(缓存) 1. computed的每一个计算属性都会被缓存起来，只要计算属性所依赖 ......
UniAPP 使用高德地图，打包后定位api不执行
最近开发项目遇到了使用地图持续性定位场景，首先会考虑使用百度或者是高德。下边描述下本人在实际开发中遇到的问题。 1、使用百度定位百度定位真机调试和打包时都很顺畅，没有遇到不能调用或者打包失败的问题。但是，发现在百度地图打包之后偶尔出现坐标系错乱的问题。有的时候打包后显示点位是百度坐标系，有时候打包后 ......
uniapp开发公众号H5时用户缓存无法清除问题
业务场景： 此项目是一个vx公众号h5项目，每次更新版的时候用户端由于有缓存，每次都是使用滞后的版本 解决方案： 一、index.html文件如何保证不缓存，每次都使用服务器上最新的代码？ 此时需要一下标签： <meta http-equiv="Cache-Control" content="no- ......
uniapp vue3 setup + 云开发开发个人小程序
最近使用uniapp vue3 setup + 云开发开发了个人小程序，设计使用figma软件，看下成品截图吧（可以直接微信搜索【识光】小程序体验,或者最底部有码可以直接扫） ......
uniapp-黑马优选学习01
01. IDE使用 HBuilderX 02. scss/sass 插件安装：为了方便 样式的编写 地址： https://ext.dcloud.net.cn/plugin?name=compile-node-sass 03. 快捷键方案的设置、IDE主题色的设置、基本设置（ctlr 加 alt 加 ......
Uniapp获取手机存储权限
// 判断有没有存储权限 qxcz(){ var _this = this plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'], function(e) { if (e.deniedAlways. ......
uniapp安卓权限配置说明
UNI-APP 打包app权限配置 里面涉及到 定位， NFC, 相册， 语音， 指纹， 人脸等 权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permiss ......
vue3+ TS pinyin uniapp 索引列表-(A-Z)按首字母排序 ，锚点定位
获取一维数组 地址列表 <script lang="ts" setup> import { getLocationList } from "@/apis/activity"; import {onLoad} from "@dcloudio/uni-app"; import { pinyin } fr ......
ai问答：Vue3中使用computed和watch监听pinia数据的区别
通过Vue3组合式API的computed和watch,可以轻松实现在组件中监听pinia状态的变化,这是Vue3与pinia结合的重要用法。 ......
uniapp+微信小程序+vue3 实现富文本编辑器遇到的坑
问题一：富文本编辑器初始化实例出不来，有两个原因： 找的参考代码不适用微信小程序，需要用.in(this) uni.createSelectorQuery() .in(this) .select("#editor") .context(res => { this.editorCtx = res?.c ......
uniapp打包所需的ios证书和证书profile文件获取的图文教程
使用uniapp进行云打包，可以打包android和ios两种app，但是uniapp官方并不能凭空产生这两种平台所需的打包证书。
那么这两种打包证书又是如何获取呢？
android相对简单，使用jdk的工具生成就可以了，也可以使用香蕉云编来一键生成。
但是ios证书的生成就没有这么简单，因为... ......
uniapp主题切换功能的方式终结篇（全平台兼容）
前面我已经给大家介绍了两种主题切换的方式，每种方式各有自己的优势与缺点，例如“scss变量+vuex”方式兼容好但不好维护与扩展，“scss变量+require”方式好维护但兼容不好 ......
uniapp render.js
1、操作数据 <template> <view class="content"> <view @click="renderScript.emitData">获取renderjs数据</view> {{ name }} </view> </template> <script> export defau ......
uniapp离线打包总结
# uniapp离线打包总结 ### 一、准备好Android Studio的项目外壳，这里采用的是https://nativesupport.dcloud.net.cn/AppDocs/download/android.html# ![image-20230607132833071](https: ......
uniapp主题切换功能的第二种实现方式（scss变量+require）
在上一篇 “uniapp主题切换功能的第一种实现方式（scss变量+vuex）” 中介绍了第一种如何切换主题，但我们总结出一些不好的地方，例如扩展性不强，维护起来也困难等等，那么接下我再给大家介绍另外一种切换主题的方法“scss变量+require”的方式 ......
uniapp使用uview组件的indexList写选择城市
<template> <view class=""> <view class="top"> <view class="search-box mt10 flex alcenter"> <view class="search-input"><u-search :showAction="false" pl ......
uniapp H5中图片上传前压缩
使用处 两个基本函数 // 图片压缩函数 compressImg (file) { const that = this var files var fileSize = parseFloat(parseInt(file['size']) / 1024 / 1024).toFixed(2) var r ......
uniapp 全局背景音乐播放+暂停（跳转页面不暂停）
最近需要一个功能 是在h5中播放小游戏的背景音乐，但是跳转界面之后音乐不暂停，就是跳转多个页面之后，音乐依然在播放，在游戏界面会有设置的静音的按钮，可以开启音乐和关闭音乐。 单独建了一个music.js文件，然后引入到main中 const bgm = uni.createInnerAudioCon ......
uniapp主题切换功能的第一种实现方式（scss变量+vuex）
uniapp因为能轻松实现多端发布而得到很多开发者的青睐，但每个端的实现也有可能不同，现我把已实现的功能一点点的大家分享给大家 ......
uniapp能对接蓝牙打印机吗? 答案是肯定的
答案是肯定的，以下是一个使用“uni-bluetooth-print”插件连接蓝牙打印机的示例代码： 1. 在项目目录中运行以下命令安装插件： npm install uni-bluetooth-print 2. 在代码中导入插件： import bluetoothPrint from 'uni ......
uniapp中js中的闭包使用
问题： 在uniapp里面，使用闭包函数处理的时候，会导致$this不能全局使用。 解决方案： 第一种代码写法（以循环为例）： const obj = { a:1, b:2, c:3 } var keys = Object.getOwnPropertyNames(obj) keys.forEach( ......
《computational complexity》笔记：伪随机化和去随机化
#Cryptography **encryption scheme** 固定信息的长度和密钥的长度，(E,D)满足对所有密钥$k$，$D_k(E_k(x))=x$。 **perfect secrecy** 对每一对信息，若密钥等概率随机，加密后的分布相同。可以想象，对于攻击者来说，如果密钥没有任何信 ......
uniapp专题学习（五）
# 前言 在[uniapp专题学习（四）](https://www.cnblogs.com/codexj/p/17449799.html)中学习了以下知识点： native修饰符、父子组件间的传值、sync修饰符与update响应式写法、vue的生命周期、`uniapp`的界面的交互反馈(`unia ......
uniapp 组件中使用页面的生命周期（vue2）
用于直接在组件中使用onLoad，onBackPress等 因为之前在写App的时候有许多弹窗，希望可以在有弹窗的时候先关闭弹窗，没有弹窗在执行返回事件，因此需要在页面onBackPress里面写很多判断，因此找了一些方法，写了可以直接在组件中调用页面生命周期的方法！ 使用mixin this.$c ......
uniapp专题学习（四）
# 前言 在[uniapp专题学习（三）](https://www.cnblogs.com/codexj/p/17446892.html)中学习到的知识点有计算属性`computed`、计算属性`computed`和方法`methods`的区别、vue语法的自定义组件、pops的父子组件参数传递。 ......