小程序-優化，部署，細節功能

做者 | Jeskson來源 | 達達前端小酒館

總結⼀些開發中的經驗以及⼩程序的優化、部署、上線。

開發者⼯具的使⽤

縮進與縮進設置

縮進有兩種⽅式

⼀種是使⽤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 + ]

Mac是⌘ + [ 和 ⌘+ ]

格式化代碼：

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

顯⽰圖⽚長寬⽐是 5:4

若是不填寫會取當前頁⾯，從頂部開始，⾼度爲 80% 屏幕寬度的圖像做爲轉發圖⽚

⼩程序配置的細節

沒有tabBar的⼩程序，刪掉app.json的tabBar配置項便可。

下拉⼩程序不出現空⽩

"window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#1772cb",
    "navigationBarTitleText": "HackWork技術⼯坊",
    "navigationBarTextStyle":"white",
    "backgroundColor": "#1772cb"
  },複製代碼

禁⽌⻚⾯下拉

{
  "window": {
    "disableScroll": true
  }
}
``

模板

靜態的⻚⾯⽚段
複製代碼

使⽤import引⼊這個模板
複製代碼

調⽤這個模板
複製代碼

動態的⻚⾯⽚段
複製代碼

調⽤該模板
複製代碼

建立模板時，使⽤的是<template name=」模板名」></template>，⽽調⽤模板時，使⽤的是<template is=」模板名」 />

⼩程序的客服

在wxml⽂件⾥添加以下代碼
複製代碼

web-view

承載⽹⻚的容器
複製代碼

`

❤️ 不要忘記留下你學習的腳印 [點贊 收藏 評論]

做者Info：

【做者】：Jeskson

【原創公衆號】：達達前端小酒館。

【轉載說明】：轉載請說明出處，謝謝合做！~

關於目前文章內容即涉及前端，PHP知識點，若是有興趣便可關注，很榮幸，能被您發現，真是慧眼識英！也感謝您的關注，在將來的日子裏，但願可以一直默默的支持我，我也會努力寫出更多優秀的做品。咱們一塊兒成長，從零基礎學編程，將 Web前端領域、數據結構與算法、網絡原理等通俗易懂的呈現給小夥伴。分享 Web 前端相關的技術文章、工具資源、精選課程、熱點資訊。

若本號內容有作得不到位的地方（好比：涉及版權或其餘問題），請及時聯繫咱們進行整改便可，會在第一時間進行處理。

請點贊！由於大家的贊同/鼓勵是我寫做的最大動力！

歡迎關注達達的CSDN！

這是一個有質量，有態度的博客