UniApp

数组绑定class的问题 版本：v1.5.4 自定义了一个icon的组件，部分代码如下 export default { props: { name: { type: String, default: 'iconfont' }, icon: { type: String }, color: { ty ...

1. uniapp之w picker使用采坑 1.1. 前言 由于我是先在index页面集合了这个组件，发现该文件内容实在太多了，不好维护，所以打算把内容一个个抽成组件，在抽w picker时，遇到了两个问题 1. 点击取消，会调用方法，但不会产生取消隐藏效果，点击确认也一样，确认函数的确调用了，但 ...

最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在page.json里面做一些配置即可。设置app-plus，配置编译到App平台的特定样式。dclo ...

一、介绍 运用UniApp+Vue+Vuex+swiper+uniPop等技术开发的仿微信原生App聊天室|仿微信聊天界面实例项目uniapp-chatroom，实现了发送图文消息、表情(gif图)，图片预览、地图位置、长按菜单、红包/钱包、仿微信朋友圈等功能。 二、测试效果 H5 + 小程序 + ...

MySQL 创建数据库: CREATE DATABASE [IF NOT EXISTS] <数据库名> [[DEFAULT] CHARACTER SET <字符集名>] [[DEFAULT] COLLATE <校对规则名>]; 注: [IF NOT EXISTS] 方法判断数据库是否存在,不存在才创 ...

用户登录拿到token，但由于token是有时限的，刷新token的时候需要无声无息，用户还能继续之前的请求。 这里我的想法是，当token到期，返回状态码401，就发起刷新token接口，拿到新的token就把之前的请求再发送一遍，暂时解决问题 此法适用uniapp噢，之前看到其他人的教程，然后按 ...

无论是什么框架都有官方，所以先进入uniapp官网，看看技术文档和教程示例 https://uniapp.dcloud.io/quickstart 里面流程很详细了，我这边概括下吧 下载 hbuildx https://www.dcloud.io/hbuilderx.html 使用 hbuildx ...

1.微信登录思路： 在main.js 中封装公共函数，用于判断用户是否登录 在main.js 中分定义全局变量，用于存储接口地址 如果没有登录、则跳转至登录页面 进入登录页面 通过 wx.l

第一部分:uniapp，项目目录介绍1-pages存放整个uniapp所有的页面[页面级的标题会覆盖全局的标题！！]2-static存放所有的静态资源（比如：字体图标，图片，视频等）3-unpackage存放打包输出文件4-APP.vue项目根组件【调用应用的生命周期函数】5-main.js项目的入口函数【项目首先加载】6-mainifest.json配置应用打包所需的东西7-page.json设置整个项目的存放路径和窗口外观pages第一个path是项目的启动页面独有的样式可以在某个页面

import xmldom from './x2j/xmldom/dom-parser.js'var DOMParser = xmldom.DOMParser;let document = new DOMParser().parseFromString("<?xml version='1.0'?>\n", 'text/xml');import X2JS from './x2j/x2js/we-x2js.js'import XML from './ObjTree.js'import {b

最近在使用uniApp做一个模仿美团小程序的demo，其中遇到这样一个需求，就是筛选模块滚动到顶部就置顶显示查阅了uniApp的官方文档以及微信小程序的官方文档，发现都有一个相同的API,如下：实现思路如下：1.在onLoad或mounted页面初始化的生命周期方法中获取需要置顶的view距离顶部的高度保存到data中onLoad() {// 监听筛选组件距离顶部的距离const query = wx.createSelectorQuery()query.select.

高德的API有现成的SDK支撑安卓/IOS 但是没有专门的API支撑H5（或者说不用专门支撑）当uniapp中调用高德API的时候就会遇到问题:因为直接用引入外部js肯定不行了 (uniapp项目中压根就没有 html 页面,这也是我最无语的地方，为这事找了一两天的解决方法)所以为了解决这个问题就必须引入在线jsAPI下面就介绍步骤1.引入在线jsAPI 专门新建个工具类，这样当需要调用地图的时候直接引用该方法就行a.直接引用js肯定不行，所以采用回调函数的方式引入b.因为高德的API是

记录一下开发经常会用到的几种提示框前端代码里最常用的，以免忘记了。官方参考文档：https://uniapp.dcloud.io/api/ui/prompt?id=showtoast1：成功提示提交表单的时候，如果提交成功uni.showToast({title: '提交成功',duration: 2000});2:加载框uni.showLoading({ title: '加载中'});setTimeout(function ()

使用uniapp写微信公众号时，很多需求是将网页报错成图片海报然后保存图片去分享，js插件html2canvas能够简单的将网页绘制成canvas并转换为图片使用方法：import html2canvas from 'html2canvas';makeImg() {let that=thisvar opts = {scale: 2, // 缩放倍数useCORS: true};html2canvas(document.getElementById('postBox'),

uniapp APP用户修改头像(上传到OSS)点击头像进行修改头像**点击头像跳转到新的页面**（先判断用户是否登陆），选择图片，确认上传。<image class="portrait" :src="headimg ||imagUrl('../../../static/missing-face.png')" @click="navtophoto()"></image>**此页面结构如图**（kps-image-cutter为剪切图片插件）：**选择图片:**

const innerAudioContext = uni.createInnerAudioContext();innerAudioContext.autoplay = true;innerAudioContext.src = 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.mp3';innerAudioContext.onPlay(() => { console.log('开始播放');});上述代码在APP，H5,小程

uniapp使用Echartsuniapp在微信小程序中使用 ECharts可以参照mpvue-echarts进行改进1、npm install echarts mpvue-echarts地图实现：效果：![在这里插入图片描述](https://img-blog.csdnimg.cn/20200722185554329.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZ

在uniapp内使用5+ API 实现原生对话框操作plus.nativeUI.toast('原生的toast提示框'); //弹出原生toast提示框plus.nativeUI.previewImage(['http://www.qc888.info/uploads/share/QJESUK.png']);//图片预览，支持网络地址，也支持本地地址plus.nativeUI.pickDate(function(e){ // 弹出系统日期选择对话框var d=e.date;cons.

uni-app开发到一段落了，最后的app更新好好搞一下，完美的收尾，哈哈哈在uni-app的文档中可以看到内置了HTML5+引擎。这样我们就可以通过JS语法直接调用Native Java接口通道，可调用几乎所有的系统原生Java API。对于IOS一样可以直接调用Native OC接口通道，可调用几乎所有的系统Objective-C API。我们在html5+的文档中找到下载的API//#ifdef APP-PLUS //请求更新 va..

1.ShowDoc介绍：一款基于 JavaScript 实现的开源在线文档工具。支持：多端编辑查看、权限管理、文档导出、Markdown 语法等，功能虽不多但已足够用了。推荐自建自用、小团队内部使用2.

uniapp转小程序分享到朋友圈uniapp转化成小程序，但是目前小程序只支持安卓手机进行朋友圈分享，ios目前还不支持。文档link我的项目是uniapp，就直接按照我的写法来进行展示：<button plain class="wx" open-type='share'><view><img src="http://friend.png" alt="" class="shareimg"></view><view>微信好友

目录uniapp的小程序无法支持v-showv-if会与canvas发生冲突最近接到了一个开发小游戏的项目，一共由四个小游戏组成，前三个因为开发难度不大所以很快就完成了，但最后一个游戏时，却遇到了不少的问题，本人从未遇到过，所以记录下来，帮助其他人。uniapp的小程序无法支持v-show我们都知道，在界面元素节点需要反复切换显示时，v-show的效率肯定是比v-if高的，本来我很多时候都打算用v-show，但发现在小程序中根本没有任何效果，才在官方的文档中看到有关此问题的解释。v-if会与can

全网上大多数方法就是写一个自定义样式的tabbar然后封装成组件最后再自己现实跳转功能但是这样做无论是性能或体验来说都是很差的最近好像uview挺火的，他们也写了一个tabbar组件。然后引用一下他对自己写的tabbar评价确实自定义tabbar会出现这些问题。缺点：1、需要在每一个需要tabbar页面引用这个组件，再设定好相应的激活值 2、跳转的时候屏幕上会出现短暂的空白，网络不好的时候还会很严重 3、如果...

计算data(){return {fileSizeString:''}},//methodsformatSize() { let that = this; plus.cache.calculate(function(size) { let sizeCache = parseInt(size); if (sizeCache == 0) { that.fileSizeString = "0B"; } else if (si

第一步：Android Studio下创建Java写新项目，创建版本选19及以上（具体操作步骤，可搜Android Studio新项目创建）第二步：app下build.gradle文件配置apply plugin: 'com.android.application'android { compileSdkVersion 28 defaultConfig { applicationId "ys.com.myapplication" minSd...

本来是使用uniapp进行开发，然后打包成安卓软件的，因为是用了地图模块（基于天地图），然后因为uniapp框架的显示，只能使用webview组件引入地图文件，然后出现一个问题，发现地图在浏览器中打开很流畅，打包成app之后非常卡顿，试了很多种办法，包括把地图放在vue文件中来渲染，发现依然卡，然后想到能不能直接把打包成H5，然后整个文件丢在安卓中，用安卓的webview去打开它，尝试之后发现效果还挺好的，下面列出代码（自己需要啥功能需要自己去添加，可以自行添加腾讯的X5内核）具体步骤Hbuilde

1、uniapp微信小程序分享页面到微信好友跟onLoad（）同级，直接添加代码onShareAppMessage() {}即可激活微信小程序菜单栏的分享微信好友功能，即转发按钮。2、uniapp微信小程序分享页面到微信朋友圈这个功能是微信2020年7月7日才开通的，目前只支持安卓手机，ios还不支持。代码实现：跟onLoad（）同级，直接添加代码onShareTimeline() {}至此已经实现分享微信小程序到朋友圈。那要如何自定义分享内容呢？如下：onSha

uniapp分两种更新机制：一、整包更新(这种方式比较繁琐，即每次更新之后就要打云包，更新整包，用户体验也不好)二、资源包更新，即wgt（因第一种方法想到利用资源更新，用户体验大大提升，用户更新之后无需跳转到应用市场或者浏览器去重新更包，俗一点就是无感更新）wgt热更新的注意点一、必须要获取appid二、配置需要的版本名称和版本号三、判断平台，区分安卓ios获取相对应的下载连接（第一次整包需要，之后全部是wgt资源包的下载地址）四、在本地打包时和热更新时，App版本和wgt.

uniapp+Html5端实现PC端适配这篇文章主要介绍了uniapp+Html5端实现PC端适配,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧... 20-07-15

小程序开发步骤：开发在Hbuildder中开发，可运行到内置浏览器或者小程序开发工具中（建议小程序开发工具，更专业）运行模式，选择小程序开发工具，这样在Hbuilder中修改代码的时候，会自动更新开发工具小程序开发工具中，右上角，详情-本地配置-勾选****不校验合法域名，可以连接内网，不勾选，需要访问外网地址项目配置中是配置中的信息：点击发行，然后上传代码到微信公众平台上传代码发布流程：...