51dev.com IT技术开发者社区

51dev.com 技术开发者社区

微信小程序

微信小程序

微信小程序,由腾讯公司开发,英文名Mini Program,是一种不需要下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用。

微信小程序中canvas实现水平、垂直居中方法

微信小程序中canvas实现水平、垂直居中方法

由于我最近做一个刮刮卡,需要将文字在canvas中水平、垂直居中wxml<canvastype='2d'id="myCanvas"width="300"height="150">使用canvas2d构建画布蓝色线为水平中线红色线为垂直中线文本设置方法fillText方法为canvas设置文本方法,使用如下所...

微信小程序开发时如何实时预览?

微信小程序开发时如何实时预览?

 使用开发工具可以预览小程序,帮助开发者检查小程序在移动客户端上的真实表现。  点击开发者工具顶部操作栏的预览按钮,开发工具会自动打包当前项目,并上传小程序代码至微信的服务器,成功之后会在界面上显示一个二维码。使用当前小程序开发者的微信扫码即可看到小程序在手机客户端上的真实表现...

微信小程序之组件

微信小程序之组件

组件的目录结构目录一目录二 注册组件{"usingComponents":{"v-like":"/components/like/index"}}在使用组件的页面的json文件中注册组件使用<!--pages/pan/open.wxml--><v-like/> ...

微信小程序中布局使用的css布局语法

微信小程序中布局使用的css布局语法

微信小程序的布局是基于css的布局,可以参考一些学习网站上面的css的基础学习以下是布局的一些语法规则class用  .class{}id    用  #id{}类的子元素添加css  (1  .cl...

微信小程序class中使用三元表达式

微信小程序class中使用三元表达式

<viewclass="type-bottom{{changeType==0?‘type-none‘:‘type-block‘}}"></view>关键:注意条件后面的class名加单引号,否则无效。...

微信小程序canvas画布自适应屏幕大小

微信小程序canvas画布自适应屏幕大小

1.在canvas的style中动态设置高和宽<canvasclass=‘canvas‘disable-scroll=‘true‘></canvas>2.在.js生命周期函数中获取可使用窗口高度和宽度来调整canvas的高和宽wx.getSystemInfo({success:function(...

微信小程序图片上传java后台(前后端代码)

微信小程序图片上传java后台(前后端代码)

小程序代码upload:function(e){varthat=this;wx.showActionSheet({itemList:[‘从相册选择‘,‘拍照‘],itemColor:"#f7982a",success:function(res){if(!res.cancer){if(res.tapIndex==0){t...

微信小程序居中样式代码

微信小程序居中样式代码

html页面:{  text-align:center;}wxss页面:{  width:100%;  height:100%;  display:flex;  justify-content:center;}...

微信小程序中使用iconfont(阿里矢量图标字体)

微信小程序中使用iconfont(阿里矢量图标字体)

在微信小程序中使用iconfont主要有两种方式,第一种是使用Fontclass方式,第二种是使用Unicode方式。方式一:Fontclass方式1.在 http://iconfont.cn/选择你想要的图标,选择Fontclass类型并下载到本地。2.解压下载到本地的压缩包,将里面的iconfont.cs...

微信小程序获取用户运动步数出错,代码41003

微信小程序获取用户运动步数出错,代码41003

获取运动步数主要是两个要点:1、获取用户授权(获取用户信息的授权和获取运动步数的授权)2、在获取运动步数一、获取用户授权由于微信的一些授权接口都要废弃了,所以自己只能用弹窗+button的形式来引导用户授权。具体流程:(1)调用getsetting来判断用户是否授权获取用户信息,有授权的话直接调用wx.login和wx...

解决微信小程序encryptedData 出错:pad block corrupted

解决微信小程序encryptedData 出错:pad block corrupted

wx.getUserInfo可以获取用户的openId和unionId,这时候要对接口返回的加密数据(encryptedData)进行对称解密。/***功能描述:*〈功能详细描述〉**@paramargs*@see[相关类/方法](可选)*@since[产品/模块版本](可选)*/publicstaticvoidmai...

微信小程序实现三行三列九宫格布局的方法教程

微信小程序实现三行三列九宫格布局的方法教程

九宫格布局在移动端使用较多,总结一下自己的方法。微信小程序实现三行三列的九宫格方法1:使用百分比    一个父容器设置宽度为100%,父容器中包含九个小格子,宽度为父容器的33.3%(此处需要自己调试),然后使其横向排列,三格结束自动挤到下一行排列。方法二:使用wx:for创建一...

微信小程序wx.canvasToTempFilePath方法运用时遇到的问题及解决办法

微信小程序wx.canvasToTempFilePath方法运用时遇到的问题及解决办法

我们先看一波wx.canvasToTempFilePath的官方文档:把当前画布指定区域的内容导出生成指定大小的图片,并返回文件路径。OBJECT参数说明:参数类型必填说明最低版本xNumber否画布x轴起点(默认0)1.2.0yNumber否画布y轴起点(默认0)1.2.0widthNumber否画布宽度(默认为ca...

微信小程序获取日期天数带星期

微信小程序获取日期天数带星期

在微信小程序或者web项目中需要获取当前时间往后多少天并显示日期含星期几的需求,现在优化为一个js函数,只需调用getDates(days)函数,传入需要显示多少天日期,即返回一个携带日期的数组。//获取d当前时间多少天后的日期和对应星期functiongetDates(days,todate=getCurrentMo...

微信小程序WXS模块的使用详解

微信小程序WXS模块的使用详解

WXS模块WXS代码可以编写在wxml文件中的<wxs>标签内,或以.wxs为后缀名的文件内。模块每一个.wxs文件和<wxs>标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数,默认为私有的,对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数,只能...