微信小程序开发 笔记
1.[wxss]设置带透明度的rgb颜色:rgb(0,0,0,0.5);
2.小程序使用类似于iOS的NSNotification:(第三方:https://github.com/icindy/WxNotificationCenter)
(1)在需要收发通知的页面引入WxNotificationCenter:
var WxNotificationCenter = require("../../../component/WxNotificationCenter/WxNotificationCenter.js");
(2)onLoad时注册监听,onUnload时移除监听
WxNotificationCenter.addNotification("didSelectOrderClient", this.didSelect, this)
WxNotificationCenter.removeNotification("didSelectOrderClient", this)
(3)发送通知
WxNotificationCenter.postNotificationName("didSelectOrderClient");
3.[wxss]文字不换行,超出部分显示省略号:
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
4.[js]导航返回多页
wx.navigateBack({
delta:2
})
5.延时操作
setTimeout(function () {
//要延时执行的代码
}, 1000) //延迟时间 这里是1秒
6.创建对象时,若属性名为变量,需要加[],如:
params: {
[key]:value,
},
7.获取对象属性值时,若属性名为变量,用“.”无法获取,则可以用[],如:
permission[mykey]
8.json字符串->对象(如:从服务器接口获取到字符串转数组对象):
var jsonObj = JSON.parse(jsonStr);
9.对象->json字符串(如:页面传值时的对象类型,可以先转字符串,到新页面后再转回对象):
var jsonStr = JSON.stringify(jsonObj)
10.js获取控件的高度
首先给你的xml对象一个id:
<view class="usermotto" style="height:213px;" id='mjltest'/>
然后在js里,用一个SelectorQuery来选择对应id的节点(注意id前面要加一个#号),就可以获取对应节点的属性,包括高度:
//创建节点选择器
var query = wx.createSelectorQuery();
//选择id
query.select('#mjltest').boundingClientRect()
query.exec(function (res) {
//res就是 所有标签为mjltest的元素的信息 的数组
console.log(res);
//取高度
console.log(res[0].height);
})
11.数据回传上一页
let pages = getCurrentPages()
let prePgae = pages[pages.length - 2]
prePgae.setData({needUpdate: true
})
12.深入理解css中position属性及z-index属性:https://www.cnblogs.com/zhuzhenwei918/p/6112034.html
13.js中获取view宽度、高度
//创建节点选择器var query = wx.createSelectorQuery();//选择idquery.select('.card_top_content').boundingClientRect(function (rect) {console.log(rect.height)console.log(rect.width)}).exec();
14.【wxss】button 设置为透明:
.a_button{background-color: rgba(255, 255, 255, 0);
}.a_button::after {border: 0;
}
15.showModal不显示取消按钮:
wx.showModal({title: '提示',content: res.data.message,showCancel: false})
微信小程序开发 笔记相关推荐
- 微信小程序开发笔记,你收藏了吗?
** 微信小程序开发笔记,你收藏了吗? ** 最近在开发微信小程序,把自己在项目中经常遇到的知识点记录下来,以便下次开发的时候查看. 开发小程序开发工具推荐vscode写代码,微信开发工具用于查看效果 ...
- 微信小程序开发笔记 进阶篇④——getPhoneNumber 获取用户手机号码(小程序云)
文章目录 一.前言 二.前端代码wxml 三.前端代码js 四.云函数 五.程序流程 一.前言 微信小程序开发笔记--导读 大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机号码. 但是,因 ...
- 微信小程序开发笔记 进阶篇⑤——getPhoneNumber 获取用户手机号码(基础库 2.21.2 之前)
文章目录 一.前言 二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程 六.参考 一.前言 微信小程序开发笔记--导读 大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
- 微信小程序开发笔记二(WXSS和CSS样式美化)
微信小程序开发笔记二(WXSS和CSS样式美化) 一.CSS基本知识 1.Class选择器的定义 2.ID选择器的定义 3.ID选择器和class选择器的区别 4.CSS中设置颜色 5.CSS中的文本 ...
- 微信小程序开发笔记——wsdchong
微信小程序开发笔记 一.小程序简介 小程序起源于微信的webview:此类API最初是提供给腾讯内部一些业务使用,很多外部开发者发现后,照葫芦画瓢,逐渐成为微信中网页的事实标准.2015年初,微信发布 ...
- 微信小程序开发笔记 进阶篇③——onfire.js事件订阅和发布在微信小程序中的使用
文章目录 一.前言 二.onfire.js介绍 三.API介绍 四.实例应用 五.onfire源码 六.实例源码 一.前言 微信小程序开发笔记--导读 二.onfire.js介绍 一个简单实用的事件订 ...
- 微信小程序开发笔记 进阶篇⑥——getPhoneNumber 获取用户手机号码(基础库 2.21.2 之后)
文章目录 一.前言 二.前端代码wxml 三.前端代码js 四.后端java 五.程序流程 六.参考 一.前言 微信小程序开发笔记--导读 大部分微信小程序开发者都会有这样的需求:获取小程序用户的手机 ...
- 微信小程序开发笔记 支付篇②——微信小程序通过小程序云实现微信支付功能
文章目录 一.前言 二.开通微信支付 2.1 关联商户号 2.2 添加商户号 2.3 管理员授权 三.云函数开发 3.1 新建云函数 3.2 云函数代码 3.3 云函数上传并部署 四.小程序调用 4. ...
- 微信小程序开发笔记(1.1)滚动选择器picker的使用
微信小程序开发笔记(1.1)滚动选择器picker的使用 前言 滚动选择器picker 普通选择器 多列选择器 时间选择器 日期选择器 省市区选择器 前言 最近被拉来做小程序,因为时间比较赶,其他方面 ...
- 微信小程序开发笔记—设置页面密码
文章目录 一.功能概述 二.实现效果 三.实现方法 1.新建个人登陆页面 2.设计密码获取判别函数和响应函数 1)定义变量 2)设计密码获取判别函数 3)设计响应函数 3.设计页面内容 1)input ...
最新文章
- 深度学习之卷积神经网络(10)CIFAR10与VGG13实战
- 长文解析:作为容器底层技术的半壁江山, cgroup如何突破并发创建瓶颈?
- 华为麒麟990芯片发布;谷歌宣布开源创新隐私保护技术;阿里20亿美元全资收购网易考拉;中国联通将设立100亿5G创新基金……...
- A few thoughts about Open Source Software
- MySQL Innodb_flush_method
- 还不知道spring的RestTemplate的妙用吗
- python 导出为csv_批量导出SolidWorks模型点坐标值
- Javascript中文乱码Js中文乱码
- 易福门流量计SA5000
- python学而思和猿辅导哪个好_学而思和猿辅导哪个好,说说我的评价
- 【Sass/SCSS】预加载器中的“轩辕剑”
- 一文看懂单片机排阻的作用!
- Echarts 双柱状图+折线图合并---实现效果详解(vue+Echarts实现)
- 100个RPA经典应用场景解析
- 【Java】若依前后端分离,分页数据为null报错
- 监管之外:网店新规制约了什么
- group by 和where
- 学习笔记-《游戏编程模式》
- 6天5个询盘!新手有效用领英开发外贸客户的六个关键点
- 论文投稿指南——中文核心期刊推荐(原子能技术)