随笔分类 - uniapp
用于开发uniapp的时候遇到的一些问题以及技术分享。
摘要：问题： 日志打印的数据： 实际数据： 解决方案： 1、安装json-bigint： npm i json-bigint 2、引入使用 import axios from 'axios'import JSONbig from 'json-bigint' axios.defaults.headers['
阅读全文
摘要：底层含义： 二维码就相当于是一个链接，此时我们需要点击这个链接到另一个页面，换成了一种扫码形式。 具体步骤： 1、在微信公众平台的开发管理=》开发设置，找到（扫普通链接二维码打开小程序），点击添加，会出现下面的页面，配置好之后点击保存 2、配置完成生成二维码，扫码就可以跳转到小程序了 3、微信小程序
阅读全文
摘要：1、区别：有无授权完整服务弹框 2、业务：有的网页只需要用户openid进行绑定，所以不需要弹框授权完整服务，用户会觉得整体体验不好。 3、snsapi_base：scope发起的网页授权，是用来获取进入页面的用户的openid的，并且是静默授权并自动跳转到回调页的。 注：静默的另一种：对于已关注公
阅读全文
摘要：1、安装vconsole npm install vconsole 2、引用vconsole，找到main.js文件中，加上以下代码（区分环境）： if (process.env.H_NODE_ENV !== 'production') { const vconsole = require('vco
阅读全文
摘要：封装js（utils/geolocation.min.js）： window.qq=window.qq||{},qq.maps=qq.maps||{},window.soso||(window.soso=qq),soso.maps||(soso.maps=qq.maps),qq.maps.Geolo
阅读全文
摘要：封装组件（soundRecording.vue）： <template> <view class="recorder"> </view> </template> <script> export default { data() { return { isUserMedia: false, strea
阅读全文
摘要：1、在uniapp的h5项目中新建package.json： { "uni-app": { "scripts": { "build:test": { "title": "build:test", "env": { "UNI_PLATFORM": "h5", "H_NODE_ENV": "develo
阅读全文
摘要：1、引入zxing-js.，在uniapp中使用npm i @zxing/library --save这个方式引入依赖的话会存在报错 require is not defined，所以这里选择直接引入js文件； js地址：https://unpkg.com/@zxing/library@latest
阅读全文
摘要：request.js： // 此vm参数为页面的实例，可以通过它引用vuex中的变量 import { $config } from '@/config/config'; module.exports = (vm) => { // 初始化请求配置 uni.$u.http.setConfig((con
阅读全文
摘要：1、下载pdf.js文件（微信公众号使用的话建议使用2.4的版本，要不然会出现语法上的问题：https://github.com/mozilla/pdf.js/releases/download/v2.4.456/pdfjs-2.4.456-dist.zip）； 2、复制到uniapp项目中： 3、
阅读全文
摘要：1、创建loading.js import Vue from 'vue'; /** * 插入loading */ const insertDom = (el) => { let dom = `<div class="el-loading-mask"> <div class="el-loading-s
阅读全文
摘要：思路： 每次进入视频播放页面获取视频的总长度提交至后台（使用video标签中的 loadedmetadata 方法可以获取到，下面代码有使用，这个是作为提供给后台存数据库作为播放百分比的，不需要的可以忽略） 每次进入视频页面还需要加载上一次视频中已经播放到的位置进行直接跳转，这个部分数据来源于上一次
阅读全文
摘要：一、要解决的问题： 实现app内部静默更新。 二、要实现这个功能必须解决以下情况： 1、app内部如何检测更新了 2、检测到更新了之后如何获取新的资源下载链接 3、拿到资源后如何在内部安装 三、操作方式： 1、首次使用的打包方式uniapp+Android Studio(可以自行去uniapp的官网
阅读全文
摘要：1、安装 weixin-js-sdk npm install weixin-js-sdk 2、引用 weixin-js-sdk const wx = require('weixin-js-sdk'); 3、结合后台传过来的参数 wx.config({ debug: false, appId: dat
阅读全文
摘要：html： <view class="content"> <video id="myVideo" class="video" @timeupdate="timeUpdate" @ended="ended" :initial-time="initialTime" :src="courseMsg.vid
阅读全文
