微信小程序中的细节
时间:2021-08-02
本文章向大家介绍微信小程序中的细节,主要包括微信小程序中的细节使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
1. 对象直接渲染 ,显示为[object Object]
2.
checked=" {{false}}"
此写法 , 花括号右侧存在空格 ,默认显示勾选
3.对象循环
默认index为 对象key值 , item为value值 , 不推荐此写法
<view wx:for="{{person}}" >
推荐写法
<view
wx:for="{{person}}"
wx:for-item="value"
wx:for-index="key"
wx:key="age"
>
wx:key 不写也行 , 不过会报警告
4. 样式display 会覆盖 hidden的隐藏功能
5. 无法在小程序中直接传参
<button bindtap="handTop(1)">
此写法微信小程序会将 ''handTop(1)'' 认为是函数名
通过自定义属性的方式传参
正确写法:
<button bindtap="handTop" data-operation="1">
事件源中获取 自定义属性
handTop(e){
console.log(e.currentTarget.dataset.operation)
}
input 是通过事件源来获取的: e.detail.value
6.小程序中不支持通配符 *
7.wxss的@import只支持相对路径导入
8.image标签
腾讯规定静态资源最多不能超过2M , 最好统一使用外网图片
原文地址:https://www.cnblogs.com/wxyblog/p/15040750.html
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 什么是JavaScript 的闭包???
- es集群+elk搭建+kafka搭建分布式日志收集系统
- 设计模式(2)[JS版]---JavaScript如何实现单例模式?
- 算法基础:分治
- 黑客帝国中代码雨如何实现?用 canvas 轻松实现代码雨炫酷效果!
- 设计模式(3)[JS版]-JavaScript中的构造函数模式是什么?
- 基于docker 安装elasticsearch + kibana + ik分词器(6.7.2版本)
- 算法基础:排序
- 算法基础:动态规划
- 什么是 “并查集” ?
- Sentinel + SpringBoot 基于本地文件模式实现规则持久化
- 1.5 Arduino的第一个程序
- 2.1 Arduino语言和结构
- TKE 实践亲和性与反亲和性
- 从HotSpot虚拟机源码了解Java的访问控制修饰符