摘要:
总结一些开发中的经验以及小程序的优化、部署、上线。开发者工具的使用缩进与缩进设置缩进有两种⽅式一种是使用Tab键,还有一种是使用空格,建议大家使用Tab。小程序默认首个缩进=一个T...
开发者工具的使用
缩进与缩进设置
缩进有两种⽅式
一种是使用Tab键,还有一种是使用空格,建议大家使用Tab。
小程序默认首个缩进=一个Tab=2个空格,通常前端开发是一个Tab=4个空格,你如果不习惯,可以在设置跟进设置。
快捷键
Ctrl+C复制、Ctrl+V粘贴、Ctrl+X剪切、Ctrl+Z重做、Ctrl+S保存,Ctrl+F搜索等
批量注释快捷键:
windows 是Ctrl+/
Mac是Command+/
代码块的缩进:
windows是代码左缩进ctrl + [、代码右缩进ctrl + ]
格式化代码:
Windows为shift + alt + F
Mac为⇧ + ⌥ + F
报错提醒
开发者工具调试器的Console,
wxml代码查看
开发者工具调试器除了有Console,还有个wxml标签
了解当前小程序的wxml和wxss结构构成,用来调试组件的css样式等
小程序的转发功能
onShareAppMessage: function (res) { if (res.from === 'button') { console.log(res.target) } return { title: '技术训练营', path: "pages/home/home, imageUrl:"" success: function (res) { // 转发成功 }, fail: function (res) { // 转发失败 } } },
title
为转发的标题,如果不填,默认为当前小程序的名称;
path
为当前页面路径,也可以为其他页面的路径,如果路径写错的话会显示“当前页面不存在”
imageUrl
为定义图片路径,可以是本地文件路径或网络图片路径。格式持PNG及JPG
如果不填写会取当前页面,从顶部开始,宽度为 80% 屏幕宽度的图像作为转发图片
小程序配置的细节
没有tabBar的小程序,删掉app.json的tabBar配置项即可。
下拉小程序不出现空
"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#1772cb", "navigationBarTitleText": "HackWork技术⼯坊", "navigationBarTextStyle":"white", "backgroundColor": "#1772cb" },
禁至下拉
{ "window": { "disableScroll": true } }