小程式 優化，部署，細節功能

作者 | 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樣式等

⼩程式的**功能

if (res.from === 'button')

return ,

fail: function (res) }},

title

為**的標題，如果不填，預設為當前⼩程式的名稱；

path

為當前頁⾯路徑，也可以為其他頁⾯的路徑，如果路徑寫錯的話會顯⽰「當前頁⾯不存在」

imageurl

為⾃定義圖⽚路徑，可以是本地⽂件路徑或⽹絡圖⽚路徑。⽀持png及jpg

顯⽰圖⽚長寬⽐是 5:4

如果不填寫會取當前頁⾯，從頂部開始，⾼度為 80% 螢幕寬度的影象作為**圖⽚

⼩程式配置的細節

下拉⼩程式不出現空⽩

"window":,

}``

模板靜態的⻚⾯⽚段

使⽤import引⼊這個模板

}

}

⼩程式的客服

在wxml⽂件⾥新增如下**

承載⽹⻚的容器

【作者】：jeskson

這是乙個有質量，有態度的部落格

小程式 優化，部署，細節功能

作者 jeskson 達達前端小酒館 總結 些開發中的經驗以及 程式的優化 部署 上線。開發者 具的使 縮排與縮排設定 縮排有兩種 式 種是使 tab鍵，還有 種是使 空格，建議 家使 tab。程式預設 個縮排 個tab 2個空格，通常前端開發是 個tab 4個空格，你如果不習慣，可以在設定 進 設...

優化小細節

1 當使用索引列進行查詢的時候見諒不要使用表示式，把計算放到業務層而不是資料庫層 select id from table where id 1 5 優先順序範圍為ref select id from table where id 4 優先順序範圍為count 2 盡量使用主鍵查詢，而不是其他索引，...

前端優化小細節

大方向網上很多，只說小細節。js css引入位置 css放頭部，js放尾部這個都知道了，就不說了。但根據情況不同，有時就需要使用其它方式。首頁類的檔案，在頁面載入完成之後，對將要在內頁或其它頁使用到的js進行引入。html5有預載入機制，我個人感覺直接引入來的方便。至於引入的方式，如果不受布局限制，...