github精選：微信小程序開發技巧（12月31日更新）2016

時間 2019-11-08

標籤 github 精選微信程序開發技巧 12月 31日更新欄目 Git 简体版

原文原文鏈接

框架部分

全部頁面都須要在 app.json 文件中註冊在 pages 數組中，註冊格式爲："路徑/文件名"html

注：文件名無需添加擴展名web
app.josn 中的 pages 數組中的第一個頁面爲小程序的啓動頁json
每一個頁面的 js、json、wxml、wxss 可與所在目錄名不一樣，但必須具備相同的路徑和文件名小程序
頁面目錄能夠嵌套，按照頁面目錄在 app.json 中註冊便可api
可經過直接賦值的方法修改 app.js 中的全局變量，但修改頁面變量須要使用 Page.prototype.setData() 方法，且賦值數據不能超過 1024 kB數組
在文件中引入模塊時，require 使用相對路徑引入（絕對路徑會報錯）緩存
如需引入多級文件，則使用以下方式：安全

// func.js 文件中定義了兩個函數 fun1 和 fun2
    fun1 = function(){
        // code
    }

    fun2 = function(){
        // code
    }

    module.export = {
        fun1: fun1,
        fun2: fun2
    }

    // util.js 中定義了函數 util 並須要導入 func.js 文件
    var funcs = require('func.js文件的相對路徑')

    util = function(){
        // code
    }

    module.export = {
        fun1: funcs.fun1,
        fun2: funcs.fun2,
        util: util
    }

小程序的 wxss 中使用 @import 導入文件時應使用相對路徑服務器
小程序中 wxss 樣式的優先級爲內聯樣式 > 外鏈樣式 > 全局樣式微信
小程序的 wxss 樣式文件中支持 CSS3 的大部分屬性，但選擇器支持有限，請戳官方文檔

組件部分

<block> 僅爲包裝元素，接受屬性控制且不能嵌套不會被渲染
<text> 組件內只能嵌套使用 <text> 組件，其餘不可用
僅 <text> 組件中的內容支持長按選中
<picker> 組件中的 range 數組下標必須連續且從 0 開始，不然會出現選項爲 null 的狀況
組件名稱均爲小寫，全部大寫的組件名稱都會在渲染時轉換爲小寫
任何自定義的組件 <自定義名稱> 均會被看成 <view> 組件來渲染，但須要注意組件名稱中不能出現數字。（雖然能夠自定義語義化組件，可是因爲微信官方並未加以說明，因此不推薦使用）
使用 page 標籤選擇器能夠修改頂層節點的樣式，至關於 HTML 中的 <body> 元素

API 部分

程序中請求、上傳、下載及 websocket 的請求地址必須爲 https 地址，且在當前 APPID 的微信公衆平臺上註冊合法域名
wx.request() 中發送 POST 請求時，需設置 header 以下： {'content-type': 'application/x-www-form-urlencoded'}
某些狀況下須要使用全局數據一般有兩種方法：設置全局變量和寫入緩存，區別在於全局變量的生存週期和小程序相同，而緩存則是永久儲存的
wx.login() 只返回登錄 code，可向微信服務器發送此 code 獲取用戶的 session_key 和 openid，微信官方提供了登錄狀態檢驗的接口和一套驗證機制，請戳官方文檔
小程序的本地緩存不能超過 10M
小程序的上傳和下載中只能獲取文件的 key，開發者在服務器端經過 key 獲取文件二進制內容。

工具部分

修改 wxml 和 wxss 文件將會刷新頁面
修改 js 和 json 文件將會從新編譯小程序
在 app.json 文件 pages 數組中添加目標頁面，將會自動生成該頁面目錄和所需文件
項目- 基礎信息中設置勾選開發環境不校驗請求安全域名以及 TLS 版本時，將可使用 http 協議的請求地址，有助於本地調試
能夠在項目 - 配置信息中快捷查看當前 appid 配置的安全域名
手機調試過程當中能夠點按右上角，選擇 enable debug 打開手機調試模式
項目 - 預覽中可添加預覽頁面及參數信息，跳過繁瑣的前戲直達你想要操做的位置

快捷鍵

格式調整

Ctrl+S：保存文件

    Ctrl+[， Ctrl+]：代碼行縮進

    Ctrl+Shift+[， Ctrl+Shift+]：摺疊打開代碼塊

    Ctrl+C Ctrl+V：複製粘貼，若是沒有選中任何文字則複製粘貼一行

    Shift+Alt+F：代碼格式化

    Alt+Up，Alt+Down：上下移動一行

    Shift+Alt+Up，Shift+Alt+Down：向上向下複製一行

    Ctrl+Shift+Enter：在當前行上方插入一行

    Ctrl+Shift+F：全局搜索

光標相關

Ctrl+End：移動到文件結尾

    Ctrl+Home：移動到文件開頭

    Ctrl+i：選中當前行

    Shift+End：選擇從光標到行尾

    Shift+Home：選擇從行首到光標處

    Ctrl+Shift+L：選中全部匹配

    Ctrl+D：選中匹配

    Ctrl+U：光標回退

界面相關

Ctrl + \：隱藏側邊欄

    Ctrl + m: 打開或者隱藏模擬器

概念部分

小程序基於包開發，開發和發佈流程與 H5 應用是大相徑庭的
小程序中 Web 開發的 session 管理部分由微信服務器實現
小程序的域名僅用於通信和驗證，沒有 Cookie 機制

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。