微信小程式個人筆記之工具安裝

阿新 • • 發佈：2019-01-27

使用wepy開發微信小程式
npm i -g yarn
npm i -g wepy-cli 全域性安裝或更新WePY命令列工具
wepy list 檢視專案模板
wepy init standard demo1 在開發目錄中生成Demo開發專案
cd demo1
npm install 下載依賴

開啟實時編譯wepy build --watch

使用webstorm開發微信小程式：
webstorm 設定，setting裡面File Types找到Vue。新增*.vue和*.wpy高亮
下載微信程式碼提示外掛.jar檔案。匯入setting.
下載微信開發者工具參考點選開啟連結

使用wepy開發微信小程式npm i -g yarnnpm i -g wepy-cli 全域性安裝或更新WePY命令列工具wepy list 檢視專案模板wepy init standard demo1 在開發目錄中生成Demo開發專案cd demo1npm install

文章目錄一、app.json的配置 1. 決定頁面檔案路徑 2. 配置視窗表現 3. 配置tab標籤導航 4. 設定網路超時時間 5. 配置debug模式二、App()函式使用

到現在學習小程式已經不早了，但是無論什麼時候開始都不晚，只要學就OK。看到所有小程式開發的教程全部都是以註冊賬號開始的，但是註冊賬號的過程無論是官方文件還是其他的經驗帖子都已經有一堆了，而且本身這個過程也並不具有什麼技術性，實在是很多收費的教程視訊用來前期拖時間的一種方式

邏輯層邏輯層（App Service）：小程式框架的邏輯層是由JavaScript編寫的，邏輯層將資料進行處理後傳送給檢視層，同時接受檢視層的事件反饋。 App進行程式註冊，Page進行頁面註冊 getApp獲取App例項，getCurrentPage

1.[wxss]設定帶透明度的rgb顏色：rgb(0,0,0,0.5); 2.小程式使用類似於iOS的NSNotification：（第三方:https://github.com/icindy/WxNotificationCenter） (1)在需要收發通知的頁面引入WxNotification

現在很多app都有這樣的效果，某元素隨著頁面的滾動，吸附在頂部的效果。本文將介紹實現這種效果的兩種不同的方法。先看一下效果圖：使用IntersectionObserver 思路上一篇部落格詳細介紹了IntersectionObserver的用法。這裡用來實現這種吸附的

看微信文件時看到這個很有趣的api，但是官方的文件和例子關於這個api的介紹都是很讓人失望的，所以花了點時間瞭解了以下這個方法，做個記錄，供參考。簡介首先，我的理解是，這是一個觀察器（廢話），它用來監測目標物件與某個參照物的相交情況。什麼是相交情況？通俗的說，就是兩個區域有重

本文主要是熟悉微信小程式自定義元件的開發，以一個常見的導航欄（Tabbar）需求為例。官方文件：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/ 首先我們先看一

微信小程式超級大坑之40029（invalid code）在小程式新建的時候就應該輸入你正式的AppID，如果使用修改的AppID，則無法使用。 jscode2session會返回{"errcode":40029,"errmsg":"i

同一個使用者進入不同的小程式所產生的openid是不一樣的是使用者的唯一標識同一個使用者關注了不同的公眾號(小程式)，同一個使用者對應一個unionid 如果用迴圈的話就用block標籤會迴圈裡面的標籤不會出現重複多餘的標籤如果用view就會每層外面

微信小程式雲開發之資料分頁雲函式 2018-10-06 20:23:28 微信小程式的雲開發可以自己對資料庫進行操作而不需要後臺，那麼很常見的一

WXS—(WeiXin Script)是小程式特有的一套指令碼語言。wxs有自己的語法，今天就學習一下wxs的語法。 1) wxs程式碼可以編寫在wxml檔案中的<wxs>標籤內，或者是XXX.wxs的檔案內。不管是標籤還是檔案都是一個單獨的模組。 2) 每個模組裡面定義的變數與函式

邏輯層將資料進行處理後傳送給檢視層，同時接受檢視層的事件反饋。用App()函式註冊一個小程式。當小程式初始化完成時，會觸發 onLaunch（全域性只觸發一次）當小程式啟動，或從後臺進入前臺顯示，會觸發 onShow 當小程式從前臺進入後臺，會觸發 onHide 當小程式發生指令碼錯

json配置檔案—— 1> app.json：作用於整個小程式全域性配置頁面路徑——page(陣列[字串="路徑+檔名"]) "pages":["pages/index/index","pages/log/index"]

小程式的flex佈局小程式建議使用flex佈局進行排版 flex就是一個盒裝彈性佈局 flex是一個容器，所有子元素都是它的成員。定義佈局：display：flex flex 容器的屬性： 1、屬性flex-direction: 排列方向。有下面

微信小程式標題欄和導航欄的設定方法，具體內容如下設定標題欄標題欄window 在app.json檔案裡面，通過window物件裡面的屬性進行設定示例： app.json：執行：設定導航欄導航欄TabBar

上一篇：微信小程式學習筆記（七）【將資料儲存在本地快取】wx.setStorage 【讀取本地快取】wx.getStorage 以手機號+密碼登入為例，把登入成功返回的token值儲存在本地快取中，然後讀取快取中的token： login.php： <?php

一、前言：本人的該部落格僅供研究，切記用於非法途徑。如有任何非法行為，皆與本博主無關。跟著流程走，100%獲取原始碼成功。流程如下：（1）下載並安裝夜神模擬器。下載地址：https://download.csdn.net/download/qq_31362105/10732350

微信小程式(1) 準備工作 1 獲取 AppID(小程式ID) 登入微信公眾平臺,新建一個郵箱,避免舊有的郵箱有註冊過公眾號等.無法獲取. 進行小程式的註冊. 選擇個人, 然後填寫資訊.進行登入之後, 在首頁, 設定中. 然後點選開發設定進行獲取

什麼是小程式小程式是一種不需要下載、安裝即可使用的應用，它實現了觸手可及的夢想，使用者掃一掃或搜一下就能開啟應用，實現了用完即走的理念，使用者不需要安裝太多應用，應用隨處可用，但無須安裝解除安裝1 開發工具連結: 開發工具也需要需