![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
键盘上的那抹灰
学习不过脑子。不过是台打字机罢了
展开
-
uniapp前端通过node.js使用腾讯文本内容和图片内容安全识别API
简单效果:官方API在线示例 官方API教程步骤一:开通想接入的API产品开通产品步骤二:创建密钥步骤三:安装 SDK 示例文档方式一:通过 Npm 安装通过 npm 获取安装是使用 Node.js SDK 的推荐方法,npm 是 Node.js 的包管理工具。关于 npm 详细介绍可参见 npm 官网 。执行以下安装命令:npm install tencentcloud-sdk-nodejs --save方式二:通过源码包安装前往 Github 代码托管地址 下载源码压缩包。原创 2020-11-25 10:46:20 · 1804 阅读 · 7 评论 -
简单画布 - 实现截屏当前画布保存至相册+canvas遇坑合集
效果:代码:<template> <view> <popCanvasImg ref="pop"><image :src="srcPath" mode="aspectFit" @click="closePop()"></image></popCanvasImg> <canvas canvas-id="myCanvas" class="canvasImg"></canvas> <button原创 2020-11-02 20:33:41 · 226 阅读 · 0 评论 -
微信小程序实现客服消息
客服消息使用指南 客服消息概述 客服消息推送原创 2020-10-09 16:53:15 · 463 阅读 · 0 评论 -
微信支付签名
企业付款到微信零钱-微信官方文档生成签名第一步,设所有发送或者接收到的数据为集合M,将集合M内非空参数值的参数按照参数名ASCII码从小到大排序(字典序),使用URL键值对的格式(即key1=value1&key2=value2…)拼接成字符串stringA第二步,在stringA最后拼接上key得到stringSignTemp字符串,并对stringSignTemp进行MD5运算,再将得到的字符串所有字符转换为大写,得到sign值signValue// 生成签名 getSign()原创 2020-10-09 14:27:54 · 527 阅读 · 1 评论 -
微信小程序云数据库模糊查询实现一对一聊天
微信小程序云数据库模糊查询示例:一对一聊天,查找自己对应了哪些聊天室前提:房间ID=我的ID+你的ID;实现:根据房间ID把房间分组 再模糊查询找到自己的ID在房间ID里的分组作为自己的聊天室mygroup() { const $ = db.command.aggregate db.collection('newchatRoom') .aggregate() .match({ 'groupId.RoomID': { $regex: '.*原创 2020-09-27 15:35:13 · 565 阅读 · 0 评论 -
uniapp调用微信小程序云函数下发订阅消息
效果小程序新建sendMsg云函数并部署// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => { const wxContext = cloud.getWXContext() const {templateId,character,name}=event // return { // event,原创 2020-09-26 14:38:31 · 938 阅读 · 0 评论 -
uniapp使用微信小程序云开发实现订阅消息
效果:代码:uniapp端(1)获取订阅权限// 订阅消息权限 bookingBtn() { wx.requestSubscribeMessage({ tmplIds: ['wSITY4Il1rPT__ot_Gz5v3ORl3RtZz9S8Ai67YnkCpY'], success(res) { console.log(res) } }) },(2)发送订阅消息//发送订阅消息 BookingSend() {原创 2020-09-25 18:42:42 · 1666 阅读 · 0 评论 -
uniapp使用微信小程序云开发实时聊天
效果:步骤一:对微信小程序(1)创建微信云开发项目(2)创建云环境(后续将用到云环境ID)(3)将云函数上传部署 (后续会用到云函数openid等)(4)创建集合(示例counters集合)步骤二:对uniapp 预实现操作微信云数据库(1)创建uniapp项目 (2)并复制微信云开发项目的APPID到uniapp项目(3)初始化云环境(在app.vue填写微信小程序创建云环境使用的云环境ID)创建一个vue文件,尝试连接数据库template代码 <button原创 2020-09-25 18:05:33 · 1726 阅读 · 3 评论 -
微信摇一摇实现(重力API/陀螺仪),附代码
微信摇一摇方法一:微信小程序自带的调试重力API,感应手机发生震动位移微信重力api-官方文档<template> <view class="content"> <image :class="{shakeImg:shake}" src="../../static/shakephone.png" mode="aspectFit"></image> <text class="wite">每日积分等你来摇</text>原创 2020-08-28 16:23:18 · 5065 阅读 · 0 评论 -
前端页面托管
各家小程序平台,均要求在小程序管理后台配置小程序应用的联网服务器域名,否则无法联网。 使用uniCloud后,开发者将不再需要自己购买、备案域名,直接将uniCloud的域名填写在小程序管理后台即可!!!!!第一步:打开小程序后台,配置白名单官方小程序使用unicloud的白名单配置文档第二步:发行-上传网站到服务器官方前端页面托管-使用文档看效果:...原创 2020-08-23 20:07:06 · 1205 阅读 · 1 评论 -
跨端兼容
跨端兼容:可判断view js css#ifdef APP_PLUS<view></view>#endif#ifdef MP-WEIXIN<view></view>#endif#ifdef APP_PLUS<script></script>#endif#ifdef MP-WEIXIN<script></script>#endif#ifdef APP_PLUS<scrip.原创 2020-08-21 14:41:45 · 131 阅读 · 0 评论 -
微信小程序下拉刷新,上拉加载
{ "path": "pages/Idle/Idle", "style": { "navigationBarTitleText": "闲置", "enablePullDownRefresh": true, "onReachBottomDistance":200 }onPullDownRefresh() { //停止刷新 // console.log('refresh'); setTimeout(function() { uni.s.原创 2020-08-21 14:19:08 · 119 阅读 · 0 评论 -
小程序分享实现
官方微信小程序分享文档官方uni小程序分享转发文档<template> <view class="content"> <button type="default" open-type="share">wx分享</button> </view></template><script> export default { data() { return {} }, onLoad() {},原创 2020-08-20 22:43:55 · 191 阅读 · 0 评论 -
sitemap.json Error: 未找到入口 sitemap.json 文件,或者文件读取失败,请检查后重新编译。
"projectname": "EnvironmentalProtection",配置完成发现还是报错,关掉重新打开项目好了。。。原创 2020-08-20 17:58:13 · 988 阅读 · 1 评论 -
微信小程序直接引用外部地图(腾讯地图、高德地图导航)附代码!!
1:配置使用位置权限配置KEY:https://lbs.qq.com/dev/console/key/manage下载SDK:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview示例全局代码:```c在这里插入代码片<image src="…/…/static/logo.png" class=“addr-image” @click=“mapNavigation()”>...原创 2020-08-20 15:07:18 · 10127 阅读 · 4 评论 -
小程序大于2M解决(分包!分包预加载!分包优化,分包图片找不到!)
解决:小程序代码包多大导致无法编译或上传。。。方法1:删除本地图片 ,上传至云控制台。将本地引用图片的地址都更改为云存储路径(不推荐)方法二:分包推官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html分包后的页面可以照常跳转...原创 2020-08-12 17:35:06 · 3920 阅读 · 0 评论 -
uniapp-微信小程序腾讯地图导航
uniapp-微信小程序地图导航根据uniapp官方文档获取位置提供,最早在微信小程序是想使用高德地图导航的。但是最后放弃了。主要就是不方便!!!**最后改为腾讯地图。**具体请搜索腾讯位置服务!!!!!!。参考:https://lbs.qq.com/miniProgram/plugin/pluginGuide/routePlan。下面简单介绍下实现步骤:1、插件申请接入:在腾讯公众平台中, “微信小程序官方后台-设置-第三方服务-插件管理” 里点击 “添加插件”,搜索 “腾讯位置服务路线规划”原创 2020-07-30 15:48:51 · 6956 阅读 · 10 评论 -
微信小程序排坑:请选择含app.json / project.config.json的目录
微信小程序排坑:请选择含app.json / project.config.json的目录目录显示如图:打开不包含app.js文件,所以直接打开是错误的。解决:一定要选择包含app.js的。。如图原创 2020-07-07 09:24:35 · 5597 阅读 · 1 评论 -
微信小程序-没有找到可以构建的 NPM 包
没有找到可以构建的 NPM 包1.进入小程序根目录,打开cmd,输入:npm init输入命令之后一直点回车2.输入命令:npm i miniprogram-sm-crypto --production执行命令完之后,然后再去微信开发者中点工具-构建npm,然后就成功了,如下图:使用vant:需要注意的是 package.json 和 node_modules 必须在 miniprogram 目录下通过 npm 安装npm i @vant/weapp -S --production..原创 2020-06-03 12:02:04 · 264 阅读 · 2 评论 -
微信小程序--页面跳转
两种方法:第一种js中:第二种wxml中:原创 2020-01-05 22:11:35 · 121 阅读 · 0 评论 -
微信小程序--对象 数组 遍历
普通对象:js中:wxml中输出:json数组数组多重遍历js中:wxml中:效果:![在这里插入图片描述](https://img-blog.csdnimg.cn/20200105220237284.png原创 2020-01-05 22:07:49 · 3849 阅读 · 0 评论 -
微信小程序--图片Image几种mode 设置图片方法
图片自适应i,并缩放的方法:设置marrgin:0与padding:0(X)样式设置:display:flex;(√)widthFix缩放模式,宽度不变,高度自动变化,保持原图宽高比不变最建议使用的图片缩放方式mode: ‘scaleToFill’,不保持纵横比缩放图片,使图片完全适应’mode: ‘aspectFit’,保持纵横比缩放图片,使图片的长边能完全显示出来’mo...原创 2020-01-05 21:54:15 · 7093 阅读 · 0 评论 -
微信小程序-样式覆盖 固定底部 页面切换 解决padding靠右问题
样式覆盖:效果如图:步骤:1.view覆盖需要设置z-index,值越大优先级越高,2.同时需要设置position示例:按钮固定在底部position: fixed;bottom: 0;选项卡页面切换效果如图:代码如下:index.wxml推荐热点关注welcome come to 推荐welcome come to 热点welcome come ...原创 2020-01-05 21:28:24 · 1142 阅读 · 0 评论 -
微信小程序--样式
整体样式1.rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。一般以iphone6屏幕做为视觉设计标准。rpx 与 px单位换算如下:2.样式导入可以使用@import语句来导入外联样式表,其后面跟需要导入外联样式表的相对路径,并以分号结束。例如:/** other.wxss /.appText{margin:10px;}/ a...原创 2020-01-05 21:18:37 · 199 阅读 · 0 评论 -
微信小程序-新建目录 删除目录 菜单栏 子页面 建立框架
新建目录 删除目录 菜单栏 子页面 建立框架一:新建目录pages/index/右键创建目录,将会自动生成四个内容(js。json。wxml,wxss),并检查app.json有没有该目录地址,如创建pages/index/a,app.json中pages里显示有则表示成功二: 删除目录:需要在找到根目录并在其文件夹中删除三:tabar----list-----tab— tabar为底...原创 2020-01-02 20:55:39 · 633 阅读 · 0 评论