![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
app
水蜜桃那么甜
这个作者很懒,什么都没留下…
展开
-
移动端H5开发技巧
css篇1、常用的meta设置1、不缓存头部设置<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="pragma" content="no-cache"><meta http-equiv="Cache-Control" content="no-cache, must-revalid转载 2020-08-03 15:23:03 · 736 阅读 · 0 评论 -
uni-app微信小程序授权登录
<template> <view class="login"> <button class="wxq-btn loginWx" open-type="getUserInfo" @getuserinfo="getUserInfo">一键登录</button> <button class="wxq-btn goback">取消登录</button> <button open-type=""></button.原创 2020-08-03 11:27:53 · 2910 阅读 · 0 评论 -
H5移动端事件详细介绍
1、PC端与移动端H5事件对比1)PC端事件:onclick鼠标点击触发onmousedown鼠标按下触发onmousemove鼠标移动触发onmouseup鼠标抬起触发代码块: // PC端的拖拽事件 let Obox=document.querySelector("#box"); //按下事件 Obox.onmousedown=function(e){ console.log(e);转载 2020-07-30 10:11:36 · 1089 阅读 · 0 评论 -
web移动端适配
1 一倍图,二倍图和三倍图js方法// vue项目// JSlet dpr = window.devicePixelRatioif(dpr>=3){this.imgTimes = '@3x'} else if(dpr>=2){this.imgTimes = '@2x'} else {this.imgTimes = ''}// HTML<img :s...原创 2020-04-16 16:06:49 · 230 阅读 · 0 评论 -
uni-app实现下拉或者点击加载更多
<template> <view> <view class="background-view"> <view class="report-view"> <view class="date-view"> <text>今日 {{time}}</text> </view>...原创 2020-04-13 15:46:17 · 2097 阅读 · 0 评论 -
uni-app的使用总结(不断更新)
1uni.previewImage 图片预览当我们想对从后端循环出来的图片进行循环展示时,需要这个图片预览。一般会设置当前的current值<view class="Avatar" @click="open" :data-url="item.avatar"> <image :src="item.avatar"></image></view&...原创 2020-04-10 16:54:01 · 792 阅读 · 0 评论 -
封装wx.request
新建公共的js文件request.js,内容如下:const ourl = 'https://shop.maohemao.com/mgr/index/'let header = { 'content-type': 'application/json', 'openid': '', 'sessionid': ''}wx.getStorage({//获取本地缓存的o...原创 2020-03-10 09:10:36 · 175 阅读 · 0 评论 -
uni-app上传头像base64转码
uni-app上传头像base64转码首先需要调起相册,使用 uni.chooseImage 方法选择相册,点击相册里面的图片,确定可以选择图片并获取到图片的路径之后,uni-app官网有插件可以来使用,引入插件之后,使用插件的方法就可以获取base64转码。插件网址:http://ext.dcloud.net.cn/plugin?id=123import { pathToBase6...原创 2020-01-03 17:30:04 · 487 阅读 · 0 评论 -
uni-app云打包
uni-app打包成安卓app1. uni-app 云打包流程:发行 -> 原生app云打包 -> 使用DCloud公用证书 -> 输入包名 -> 去除广告选项 -> 打包 (如果显示已经成功上传到云平台,只需要等待打包的结果即可)打包的结果会显示在控制台内,打包成功就会返回一个网址,从网址中可以下载打包的apk文件如果失败 很多时候是manifeast....原创 2019-11-29 09:45:32 · 878 阅读 · 0 评论 -
web-view和pdf.js的用法
因为做app需要把文件以pdf的形式预览,所以,这里用到了pdf.js。做个记录。1 下载安装包下载地址:pdf.js下载地址2 放进去跟components同级,建一个叫hybrid的目录,下面建一个叫html的目录,下载包的解压之后,把build和web放到html目录下面,就像下面这样。(注意名字不能瞎写,一定要按照我说的那么写)3 新建页面并引用新建一个叫fil...原创 2019-11-29 09:28:32 · 823 阅读 · 0 评论 -
uni-app的uni-request封装方法
最近开始写uni-app,由于请求头太多,所以需要把uni-request封装一下。接下来记录一下它的封装方法。1 写一个request.js,写在最外层import uniRequest1 from 'uni-request';let baseURL='http://192.168.0.254:8011';function myRequest(options){ let head...原创 2019-11-29 09:15:05 · 16693 阅读 · 1 评论