本文作者:DurkBlue

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

DurkBlue 2019-11-28 1932
关于小程序-优化,部署,细节功能的介绍摘要: 总结一些开发中的经验以及小程序的优化、部署、上线。开发者工具的使用缩进与缩进设置缩进有两种⽅式一种是使用Tab键,还有一种是使用空格,建议大家使用Tab。小程序默认首个缩进=一个T...

关于小程序-优化,部署,细节功能的介绍  第1张

总结一些开发中的经验以及小程序的优化、部署、上线。

开发者工具的使用

缩进与缩进设置

缩进有两种⽅式

一种是使用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
  }
}


此篇文章由DurkBlue发布,麻烦转载请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2019-11-28
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享