文档章节

微信小程序(二):注意点和快捷键

阿东_Luck
 阿东_Luck
发布于 2016/11/21 16:05
字数 768
阅读 16
收藏 0

本文基于微信小程序公测版,IDE:微信开发者工具 0.10.102800

注意点

1. 微信小程序官方给出的定义是: 微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。其实他更像一个WEB APP,用户可以像打开一个网页一样打开一个微信小程序。所以,微信对小程序的要求是整体大小不能超过1MB。 2. .json 是配置文件,其内容必须符合JSON格式,所以文件内部不允许有注释。 3. app.json 是全局配置文件,微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页 4. .wxss 文件是样式表文件,app.wxss是全局的样式表文件。页面的样式表是非必要的。当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。 .json 文件具有相同的规则。 5. 每一个页面的路径名和文件名必须相同。 6. tabBar(客户端窗口的底部用于切换页面的tab栏)在 app.json 文件中配置,只能配置最少2个、最多5个 tab,显示顺序同tabBar标签下的pei 7. tabBar 的 iconPath 和 selectedIconPath 属性可以接受一个图片的路径,这个图片必须是本地图片不能是网络图片。 8. 像素单位最好使用 rpx ,微信会根据手机屏幕大小自适应。 9. 微信小程序存放资源文件,需要在根目录下创建文件夹,引用时以 /文件夹名/资源名 的形式引用。 10. 一个应用同时只能打开5个页面。wx.navigateTo 打开页面不会销毁之前的页面,如果页面层数较多注意使用 wx.redirectTo。


快捷键

格式调整 - Ctrl+S:保存文件 - Ctrl+[, Ctrl+]:代码行缩进 - Ctrl+Shift+[, Ctrl+Shift+]:折叠打开代码块 - Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行 - Shift+Alt+F:代码格式化 - Alt+Up,Alt+Down:上下移动一行 - Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行 - Ctrl+Shift+Enter:在当前行上方插入一行

光标相关 - Ctrl+End:移动到文件结尾 - Ctrl+Home:移动到文件开头 - Ctrl+i:选中当前行 - Shift+End:选择从光标到行尾 - Shift+Home:选择从行首到光标处 - Ctrl+Shift+L:选中所有匹配 - Ctrl+D:选中匹配 - Ctrl+U:光标回退

界面相关 - Ctrl + \:隐藏侧边栏 - Ctrl + m: 打开或者隐藏模拟器

© 著作权归作者所有

阿东_Luck
粉丝 0
博文 7
码字总数 6748
作品 0
长春
程序员
私信 提问
微信小程序授权获取手机号,提示获取失败,该appId没有权限

一、获取手机号按钮报错:提示获取失败,该appId没有权限 注:问题出现原因,当前小程序账号没有进行“微信认证”, 解决方案,点击微信认证详情,认证处理之后可以使用。 点击参考微信开发社...

tianma3798
2018/08/25
1K
0
微信小程序web-view使用整理

一、微信小程序web-view简单使用 指定https链接地址,并且链接白名单,同意设置过的都可以使用 二、web-view使用注意点 1.web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序...

tianma3798
2018/08/13
167
0
微信小程序swiper滑块视图容器控件使用整理

一、默认使用 indicator-dots,指示是否面板显示 indicator-color,指示点颜色 indicator-active-color,选中指示点颜色 wxml代码: js代码: 显示结果: 二、重定义,指示点样式 操作:禁用默...

tianma3798
2018/10/25
77
0
5款微信小程序开发工具使用报告,微信官方开发工具还有待提升

微信小程序已经内测有一段时间了,笔者本着好奇加学习的心态写了几个小demo,虽然在MINA框架上并没有遇到太多的坑,但官方开发工具实在不敢恭维。 api提示不全,要一个个查api啊,写代码超级...

memda
2016/10/24
2
0
利用“花生壳”解决微信小程序开发环境的网络访问难题

利用“花生壳”解决微信小程序开发环境的网络访问难题 问题的由来: 绝大部分微信小程序应用都需要提交、请求网络数据。例如:微信小程序点餐系统,需要向后台服务提交订单信息;微信小程序商...

zhaidp_java
2018/08/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

EDI 电子数据交换全解指南

EDI(Electronic Data Interchange,电子数据交换)技术使得企业与企业(B2B)实现通信自动化,帮助交易伙伴和组织更快更好地完成更多工作,并消除了人工操作带来的错误。从零售商到制造商、物...

EDI知行软件
58分钟前
3
0
CentOS7的LVM动态扩容

# 问题 CentOS7上面的磁盘空间有点紧张,需要扩容。 解决 查询当前磁盘状态 [root@xxx ~]# lsblkNAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINTfd0 2:0 1 4K ...

亚林瓜子
今天
3
0
Kafka 0.8 Producer (0.9以前版本适用)

Kafka旧版本producer由scala编写,0.9以后已经废除 示例代码如下: import kafka.producer.KeyedMessage;import kafka.javaapi.producer.Producer;import kafka.producer.ProducerConfig;......

实时计算
今天
4
0
Giraph源码分析(八)—— 统计每个SuperStep中参与计算的顶点数目

作者|白松 目的:科研中,需要分析在每次迭代过程中参与计算的顶点数目,来进一步优化系统。比如,在SSSP的compute()方法最后一行,都会把当前顶点voteToHalt,即变为InActive状态。所以每次...

数澜科技
今天
6
0
Navicat 快捷键

操作 结果 ctrl+q 打开查询窗口 ctrl+/ 注释sql语句 ctrl+shift +/ 解除注释 ctrl+r 运行查询窗口的sql语句 ctrl+shift+r 只运行选中的sql语句 F6 打开一个mysql命令行窗口 ctrl+l 删除一行 ...

低至一折起
今天
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部