1 Api小程序开发

尚未进行身份认证

一无所有的日子,依靠梦想前行。

等级
TA的排名 5k+

微信小程序使用七牛云对象存储保存图片和文件

先给大家看效果图,如下:一、开通七牛云对象存储服务(免费的)官网:https://www.qiniu.com/,实名认证后,创建一个空间,用于保存文件二、获取AccessKey和SecretKey密钥,在“个人中心”→ “密钥管理”中三、thinkphp后端:生成七牛云上传凭证Token1、下载七牛云php依赖库,下载地址:https://github.co...

2019-12-09 13:54:49

微信小程序使用腾讯云COS对象存储保存图片和文件

示例效果图:1、开通COS对象存储服务腾讯云COS官网地址:https://cloud.tencent.com/product/cos之所以不选阿里云的OSS,或者华为云的OBS,是因为他们都要收费。而腾讯云COS有半年免费50G的存储服务。当然还可以选择七牛云,但七牛云需要实名认证(暂时还没有认证通过,就先拿腾讯云来练手了)。2、创建密钥自定义域名的教程,看官方...

2019-12-07 16:33:41

微信小程序图片加载失败时替换为默认图片的方法

先看一下效果图:1、第一种情况:单独加载一个图片index.wxml代码:<image class="userinfo-avatar" src="{{avatar}}" binderror="errorFunction"></image>index.js代码:errorFunction: function(){ this.setData...

2019-12-06 12:37:39

微信小程序使用高德地图(amap)实现检索定位附近周边的POI功能示例

先给大家看一下效果图展示:1、登录高德地图开发者平台https://lbs.amap.com/,申请接口Key2、在高德开发平台下载微信小程序SDK,https://lbs.amap.com/api/wx/download解压下载的文件得到 amap-wx.js ,在创建的项目中,新建一个名为 libs 目录,将 amap-wx.js 文件拷贝到 libs 的本地目录下...

2019-12-05 12:24:18

微信小程序js生成唯一不重复ID的函数方法

微信小程序中//生成唯一不重复ID generateUuid: function (length=5){ return Number(Math.random().toString().substr(3, length) + Date.now()).toString(36); }javascript中1、随机数长度控制,定义一个长度变量(length),生成可控长度的随...

2019-12-03 17:26:01

微信小程序使用Number()解决字符串的数字加减算法bug问题

先看一下具体的bug问题,js代码如下:var id = that.data.areaList.length + 1;if (list) { console.log("list存在,id=" + id);} else { console.log("list不存在,id=" + id);}console日志输出结果:从结果可知,“字符+数字” 变成了字符串的拼...

2019-12-03 15:10:20

微信小程序全局变量(globalData)和缓存(StorageSync)的区别和具体用法

一、缓存(StorageSync)本地存储1、小程序中的本地存储有同步功能,可用于保存用户信息(用户登录后的一些基本信息)2、缓存的更新需要使用setStorageSync方法。二、全局变量(globalData)1、保存一些可能涉及安全类的数据,例如资源类,每次需要很准确的,就建议用全局变量。2、全局变量每次关闭小程序重新打开的时候,都会进行初始化更新。三、globalD...

2019-12-03 13:41:47

微信小程序通过微信添加地址(wx.chooseAddress用法)

先看一下效果图:index.wxml代码 <view class="no-content" wx:if="{{areaList.length==0}}"> <view class="imgbox"> <image style="width:200rpx;" src="/images/none.png" mode="widthFix...

2019-12-03 12:51:14

微信小程序在.setData中动态为Object对象添加属性和值

一、给对象添加属性和值Page({ /** * 页面的初始数据 */ data: { areaObj: {}, }, areaConfirm: function(res) { this.setData({ //省 'areaObj.province': "广东省", //市 'areaObj.ci...

2019-12-03 12:16:06

微信小程序判断页面向下滚动时,让tab栏固定到页面顶部。

先看一下效果图:index.wxml <view class='{{tabIsTop ? "fixedTop" : ""}}'> <i-tabs tabcurrent="{{tabcurrent}}" color="#FF0000" bindchange="tabChange"> <i-tab key="tab1" title="车主圈...

2019-11-30 12:29:01

【微信跳转接口】微信引导用户右上角打开浏览器,访问APP下载链接

先给大家看效果图:demo源代码下载:https://download.csdn.net/download/qq15577969/11996508直接上代码:<!DOCTYPE html><html lang="zh-cn"> <head> <meta http-equiv="Content-Type" conten...

2019-11-25 14:10:15

解决安卓版UC浏览器中,text-align:center文字不能居中问题

1、先来看一下具体案例:这是安卓UC浏览器版本中的bug,其他浏览器是正常的。2、解决方案:在父窗口中添加text-align-last: center;<style> .desc{ clear:both; width:100%; padding-top:50px; padding-bottom:20px; text-align:center;...

2019-11-25 12:25:04

Hbuilder使用夜神模拟器调试安卓App项目

遇到问题:在开发APP过程中,为了省事,需要使用Hbuilder将h5或wap网站打包成APP。对于新手来说,常常反复的使用云打包,然后传到真机上测试,这样一来呢,最后发现云打包的次数是有限制的,没办法继续下去了!(我也踩了这个坑)解决方案:最好的方法是Hbuilder连接安卓模拟器,然后在模拟器上进行调试,调试好了再进行云打包。下面给看一下效果图:步骤一:下载安装夜神模拟...

2019-11-23 19:01:51

【HBuilder】wap2app设置全屏显示,同时不显示系统状态栏

1、在项目里打开manifest.json文件,勾选 “应用是否全屏显示” 项即可2、

2019-11-23 17:19:05

【HBuilder】wap2app禁用原生标题栏,解决 “双标题” 的问题

一、先看一下遇到的问题,看下图就知道什么是双标题了。二、解决方案:1、将global里的titleNView设置为false2、在sitemap.json的pages数组的最后,注意是最后(适配url规则为从上而下),配置一个webviewid为common的webview,来容纳所有会随机打开的窗口,进行你的操作。代码如下:{//未适配的公共页面,可拦截原生下载和头部导航栏...

2019-11-23 17:13:14

HBuilder将wap(H5)网址封装成安卓Android和苹果ios原生APP的教程

1、打开HBuilder→ 右上角“文件”→ “新建” → "Wap2App"2、在弹出框中输入应用名称,wap站首页网址,选好保存的位置,然后点击 “完成”3、打开项目中的manifest.json配置文件,填写相关配置信息,大概如下:4、在manifest.json文件底部,切换到“模块权限配置”,把红色和黄色的模块删掉,我们不需要使用。5...

2019-11-23 15:50:08

html使用阿里图标库(iconfont)制作字体图标

话不多说,先看一下效果图:一、通过阿里图标库生成iconfont.css1、登录阿里图标库官网https://www.iconfont.cn/,新建一个项目,例如我新建的项目是my-icon2、把需要的图标加入购物车,然后再添加到项目里3、打开项目,选择“Unicode”类型,点击下载至本地4、把刚才下载的文件解压,我们只需要解压文件里面的iconfont.cs...

2019-11-23 14:15:03

jquery.qrcode生成带logo的二维码,同时生成带二维码的好友分享图片(js与canvas实现二维码和图片合成的海报)

首先给大家看一下效果图(纯jQuery前端技术):提供一下demo 源代码和jquery.qrcode文件下载:https://download.csdn.net/download/qq15577969/11987493html+ css+jQuery代码:<html lang="zh-cn"> <head> <title>jQue...

2019-11-20 23:14:59

PHP远程下载微信头像,保存到本地(本地图片转base64)

先来看一上微信头像的链接:http://thirdwx.qlogo.cn/mmopen/vi_32/CW96JibTBRccMbXlDhTm6bGbO7eXAwIqCP0UiaQukLnfyFaVs9PVM9gLS8libx2GuH2kz6bNfp2GZQccYKKFr5BCA/132PHP代码:<?php$headimg = "http://thirdwx.qlogo.cn...

2019-11-19 10:11:44

wap手机端background不让背景图片自动放大

前言:wap手机端为了实现自适应,会添加让页面自动缩放的代码,如下:<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />那么问题来了,当我们设置全局页面背景图片时,会发现背景图片也被放大...

2019-11-18 10:54:18

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周上午根据用户上周周三的博文发布情况由系统自动颁发。