微信小程序开发入门教程(十)
背景 前几篇文章我们已经学习了 WXML 相关的数据绑定与几种渲染方式,还学习了与 WXSS 相关的样式绑定、浮动定位和Flex布局,其中无论是 WXML 的页面布局还是 WXSS 的样式都是基于元素而言的,而这些元素就是组件,微信团队已经为我们封装了很多功能齐全的组件,这些组件可以满足绝大多数开发的需求,从这篇文章开始,我们将系统的学习微信小程序的组件,虽然不需要将每一个组件和属性都牢牢记住,但…
背景 前几篇文章我们已经学习了 WXML 相关的数据绑定与几种渲染方式,还学习了与 WXSS 相关的样式绑定、浮动定位和Flex布局,其中无论是 WXML 的页面布局还是 WXSS 的样式都是基于元素而言的,而这些元素就是组件,微信团队已经为我们封装了很多功能齐全的组件,这些组件可以满足绝大多数开发的需求,从这篇文章开始,我们将系统的学习微信小程序的组件,虽然不需要将每一个组件和属性都牢牢记住,但…
https://www.cnblogs.com/yangfengwu/p/11066036.html 如果提交失败多提交两次,只要上一节可以,,这一节一定可以的 如果没有设备 这个是我的二维码 咱就测试一下扫描二维码配网,下一节咱再看怎么嵌入到公众号里面,点击按钮实现 修改咱的程序 所有LUA开发的WIFI程序,配网的地方 以升级篇为例: (其它地方都是这样修改) 纯AT指令实现的不需要修改 我把…
#写在最前# 微信小程序不支持svg标签,需要把svg转成base64用background属性展示,缺点是执行倒计的时候,圆形轨道无法做动画,只能很生硬的展示每一帧;优点时非常清晰,不会有锯齿。 #效果截图# #组件封装# 将svg封装成子组件,代码结构如下: 具体代码: 1、svg-timer.js Component({ /** * 页面的初始数据 */ data: { fadeAnimat…
页面构造/注册器Page() 宿主环境提供了 Page() 构造器用来注册小程序页面。 Page()在页面脚本page.js中调用。 Page构造器接受一个Object参数 data属性是当前页面的初始数据 onLoad、onReady、onShow、onHide、onUnload ,这5个回调是Page页面实例的生命周期函数,即页面生命周期 onPullDownRefresh、onReachBo…
微信小程序播放视频有相应的组件来实现,我们只需要调用即可,video组件的部分参数如下图: 完整参数见微信小程序官方文档 PS:相关属性解析: danmu-list:弹幕列表 enable-danmu:是否显示弹幕 danmu-btn:弹幕按钮 controls:是否显示视频控件 接下来是实现小程序视频实时弹幕功能,主要分为两个部分,播放视频和发送弹幕 1. 播放视频 视频video的wxml结构…
在《C和指针》这本书上看到有一道题要求将一个32位数据高低位互换,提示用reverse.c做。网上大概看了一下没有找到比较合适的答案,尝试自己动手写了一下。 利用递归,将余数左移,返回结果。 #include<stdio.h> unsigned int reverse(unsigned int value); int main(void){ unsigned int a = 25; i…
// pages/list/list.js Page({ /** * 页面的初始数据 */ data: { nation: '', province: '', city: '', district: '', street: '' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { this.getAddressDetail(); }, /…
1、自定义顶部渐变色 第一种使用代码实现渐变 效果图: .json代码 "navigationStyle":"custom" .wxml代码 <view class="view_contain_tuibian"> <view class="view_top_tuibian"> <view class="view_tupianwenzi"> <image c…
微信小程序如何利用 canvas一键生成海报并保存到本地?纯前端完成 摘要:今天项目中遇到生成带二维码的图片,并可以保存到本地发到朋友圈。于是网上各种搜索查看,终于完美解决,特此总结一下,如果需要请做参考。 **先来看一下效果:**点击按钮生成带二维码的图片 代码如下: wxml: <!-- 模态对话框 --> <view class="mask" catchtouchmove=…
函数传参 微信小程序无法通过JS函数常见方式在括号内传参: <view bindtap='courseChosen("参数")'></view> 会报错:没有此函数 在小程序中可以通过data-num="{ {index}}"自定义参数名称传递参数: <view bindtap='courseChosen("参数")' data-num="参数"></vi…