关于小程序-优化，部署，细节功能的介绍

摘要： 总结一些开发中的经验以及小程序的优化、部署、上线。开发者工具的使用缩进与缩进设置缩进有两种⽅式一种是使用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
  }
}