分类归档

小程序

FWQ
小程序
带你开发一个虎年春节头像生成小程序
本篇文章带大家跟风做一个虎年春节头像制作小程序,获取微信头像,选择头像边框,即可合成不同的虎年春节头像,希望对大家有所帮助! 马上就到春节了,今天看到有网友分享了网页版的虎年头像制作工具,感觉很不错,正好打算做个小程序练手没啥主题,那就用这个试试吧。 先上最终效果图: 说下实现流程 第一步:先获取到当前微信的头像图片,主要代码如下,注意默认获取到的头像图片不是高清的,需要先转换成高清图片,避免生成之后很模糊。  getUserProfile(e) {     console.log(e)     let that = this;     wx.getUserProfile({       desc: '仅用于生成头像使用',       success: (res) => {         var url = res.userInfo.avatarUrl;         while (!isNaN(parseInt(url.substring(url.length - 1, url.length)))) {           url = url.substring(0, url.length - 1)         }         url = url.substring(0, url.length - 1) + "/0";         res.userInfo.avatarUrl = url;         console.log(JSON.stringify(res.userInfo));         that.setData({           userInfo: res.userInfo,           hasUserInfo: true         })         that.drawImg();       }     });   }, 登录后复制 第二步:合成头像,把素材图片和第一步获取到的头像图片,获取到本地文件,然后利用小程序的cavas组件进行合成。…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序实现皮肤的夜间模式
这篇文章主要给大家介绍了关于利用微信小程序实现皮肤功能,也就是实现夜间模式的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。 老规矩,先上效果图 个人对夜间模式这个功能情有独钟 晚上黑灯瞎火的看手机,屏幕亮度就算调到最低依然很是刺眼呀 所以我一直用某浏览器,因为有夜间模式 言归正传,依然是分析功能点       1.点击按钮,切换一套css(这个功能很简单)       2.把皮肤设置保存到全局变量,在访问其它页面时也能有效果       3.把设置保存到本地,退出应用再进来时,依然加载上次设置的皮肤 先从切换开始吧,switch很少用,还是贴一下吧 <switch></switch> 登录后复制 Page({  data: {  skinStyle: ""  },  onLoad: function (options) {  },  switchChange:function(e){  var that =this  var style  //如果开启  if(e.detail.value == true){   style="dark"  }else{…
2024-11-25 阅读全文 →
FWQ
小程序
关于微信小程序加载更多和点击查看更多的代码
这篇文章主要为大家详细介绍了微信小程序加载更多,点击查看更多功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 本文实例为大家分享了微信小程序加载更多功能实现的具体代码,供大家参考,具体内容如下 微信小程序加载更多,是将之前的数据和点击加载后请求的数据用concat拼接在一起并执行setData,下面是一个简单的栗子: index.wxml代码如下 <view>   <view>   <view>   <text>{{name.content}}</text>   </view>   </view>  </view>  <view>   <button>   {{loadText}}   </button>  </view> 登录后复制 加载更多按钮绑定setLoading index.js文件代码如下 Page({   data: {    loadText:'加载更多',    duanziInfo:[]   },   //初始化请求   onLoad: function (res) {   var that = this   //内容 …
2024-11-25 阅读全文 →
FWQ
小程序
微信开发实现各种消息的响应
继续之前我们没有完成的部分,现在可以实现简单的文本交互,这篇将实现各种消息,事件的响应。 项目GitHub地址:   SDK的GitHub地址: SDK官方介绍博客: 一:实现各类消息的简单回复      基于现在的底层框架,我们不难看出其余的响应机制不是很难,只是我们不是很熟悉这个SDK而已;现在已经实现了文本回复,我们在重写OnTextRequest方法的时候发现有很多的重新方法,如下。 这个就是我们需要实现各种消息机制和事件机制的方法。可以通过实现对应的方法来响应微信服务器发送过来的各种POST请求,如果网站有很多的需求,那么处理的业务逻辑就是在这些方法中进行。 1.1:处理语音请求; public override IResponseMessageBase OnVoiceRequest(RequestMessageVoice requestMessage) { var responseVoice = base.CreateResponseMessage<ResponseMessageVoice>(); responseVoice.Voice=new Voice() { MediaId = requestMessage.MediaId }; return responseVoice;…
2024-11-25 阅读全文 →
FWQ
小程序
小程序如何给图片加圆角
小程序如何给图片加圆角 与CSS一样,小程序中的圆角可以通过border-radius来设置。 给图片设置圆角边框,只需加上如下样式即可: image{     border-radius: 5px;     overflow: hidden; } 登录后复制 不同的是,在小程序中想要设置仅其中某个圆角,而其它为直角,则需要使用 border-bottom-left-radius, border-top-left-radius, border-bottom-left-radius, border-top-left-radius单独设置。 使用类似于CSS中的直接在border-radius属性中写四个值,如: border-radius: 5px,0px,0px,5px; 则没有效果 PHP中文网,大量免费,欢迎学习! 以上就是小程序如何给图片加圆角的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
ES6新特性开发微信小程序(1)
ECMAScript 6(简称ES6)是JavaScript语言的最新标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。 微信小程序支持绝大部分ES6的新增特性。 Constants(常量) ES6新增了const关键字,用来声明常量,一旦声明,常量的值就不能改变了。 const只在声明所在的块级作用域内有效。 Scoping(作用域) ES6新增了let关键字,用来声明变量,但声明的作用只在代码块内有效。 上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在它所在的代码块有效。 上面代码的计数器i,只在for循环体内有效。 let为JavaScript新增了块级作用域。 上面的函数有两个代码块,都声明了变量x, y,运行后输出1 2。这表示外层代码块不受内层代码块的影响。如果使用var定义变量n,最后输出的值就是10 20。 Arrow Functions(箭头函数) 箭头函数是ES6在语法上提供的一个很好的特性,其特点有: 语法更为简洁了。 文法上的固定this对象。 一个参数 多个参数 数组遍历 Extended Parameter Handling(参数的扩展) 允许为函数的参数设置默认值,即直接写在参数定义的后面。…
2024-11-25 阅读全文 →
FWQ
小程序
如何在小程序中使用UUID
在小程序中像使用其他包那样直接引入使用就可以了。 提示: 如果小程序不支持第三方包的,就需要自行写方法进行导出了。 该方法亲测可用,生成的uuid的格式为:  7b611f1e-6a5f-4501-b658-27295f275066 登录后复制 创建文件—_uuid.js const uuid = function () {   var s = [];   var hexDigits = "0123456789abcdef";   for (var i = 0; i <p>使用:<br></p><pre class="brush:html;toolbar:false">// 引入 // 使用相对路径引入创建的文件 const util = require('../utils/_uuid.js'); // 使用时直接使用即可 getUUid() {     const uuid = util.uuid();     // 可打印值看看     // `7b611f1e-6a5f-4501-b658-27295f275066` } 登录后复制 相关推荐: 以上就是如何在小程序中使用UUID的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
关于微信小程序开发详解文章推荐
一、总体流程第三方平台帮助旗下已授权的小程序进行代码管理时,需先开发完成小程序模版,再将小程序模版部署到旗下小程序帐号中,具体流程如下:1:绑定开发小程序(1)第三方平台的开发人员需先到微信公众平台(mp.weixin.qq.com)申请一个普通的小程序并完善小程序的信息、绑定开发者。(2)进入微信开放平台,在第三方平台详情中,将该小程序添加为开发小程序。注意:绑定为开发小程序后,该小程序的在开发工具中上传,代码会直接上传到开放平台,不会上传到公众平台。2:小程序模版的开发和上传使用开发小程序的开发者微信号登录微信web开发者工具(ide),开发者工具中按照正常的小程序开发流程进行代码开发和调试。开发完成后,在开发工具中点击上传。3:添加到小程序模版库,获得模版id从开发者工具中上传的代码,会先存在草稿箱中,每个开发小程序只保留最新一份上传记录。开发者可将草稿箱中的代码添加到小程序模版库中 1. 简介:昨天微信开放了小程序第三方平台的授权,那么如何作为第三方平台开发小应用呢? 一、总体流程 第三方平台帮助旗下已授权的小程序进行代码管理时,需先开发完成小程序模版,再将小程序模版部署到旗下小程序帐号中,具体流程如下: 1:绑定开发小程序 (1)第三方平台的开发人员需先到微信公众平台(mp.weixin.qq.com)申请一个普通的小程序并完善小程序的信息、绑定开发者。 (2)进入微信开放平台,… 2. 简介:本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。 用到的小程序组件:view… 3. 简介:本文针对小白用户对App做一个简单的介绍,首先要了解App都有哪些类型,不同的类型适用于哪些需求,用户可以根据自己的需求选择不同的App开发。 4. 简介:这篇文章分享微信小程序开发之注册和预览小程序详解 以上就是关于微信小程序开发详解文章推荐的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序注册后公司变更有影响吗
注册小程序使用的营业执照公司名称变更了我们只需要准备相关资料,提单同步主体即可。 1、小程序帐号 2、帐号的营业执照或者组织机构代码证: 3、法人/运营者/提交人的手持身份证照 4、变更后的主体名称: 5、变更后的相关营业执照或者组织机构代码证: 6、工商局变更证明: 手机微信端提单链接:https://kf.qq.com/touch/bill/171208selfqaa5952b5e.html 推荐:《》 以上就是小程序注册后公司变更有影响吗的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
来看看你的颜值多高吧!基于Python开发的公众号
这是一个基于的公众号开发之颜值检测,今天我们把用户的图片通过腾讯的ai平台分析后再返回给用户。来一起体验下公众号的颜值检测吧 效果图 一. 接入腾讯AI平台 我们先看一下官方人脸检测与分析接口的描述: 立即学习“”; 检测给定图片(Image)中的所有人脸(Face)的位置和相应的面部属性。位置包括(x, y, w, h),面部属性包括性别(gender), 年龄(age), 表情(expression), 魅力(beauty), 眼镜(glass)和姿态(pitch,roll,yaw)。 请求参数包括下面几个: app_id 应用标识,我们在AI平台注册后就可以得到app_id time_stamp 时间戳 nonce_str 随机字符串 sign 签名信息,需要我们自己去计算 image 需要检测的图片(上限1M) mode 检测模式 1.接口鉴权,构造请求参数…
2024-11-25 阅读全文 →