微信小程式學習(1)——小程式專案檔案及資料夾的功能介紹
因為工作的需要所以開始接觸微信小程式了,特此來記錄自己的學習過程和遇到的一些問題。
在新建一個微信小程式專案時主要會有如下幾個資料夾和檔案,主要就是介紹一下他們的主要功能。
檔案:
- app.js:主要就是註冊微信小程式應用
- app.json:一些微信小程式的全域性配置,例如網路請求的超時時間,視窗的表現,各個頁面的註冊路徑等等
- app.wxss:微信小程式整個的全域性樣式
- project.config.json:微信開發者工具的配置資訊
資料夾:
- pages
存放小程式的所有頁面,每個頁面主要就是由四個檔案組成
js檔案:存放微信小程式頁面的邏輯和一些資料互動
json檔案:配置微信小程式頁面的配置資訊
wxml檔案
wxss檔案:存放頁面樣式 - utils
utils.js:存放工具的函式,主要就是為了達到程式碼複用的目的
因為有前端基礎所以在瞭解微信小程式專案的組成之後就能更好的理解微信小程式的工作內容了。
相關推薦
微信小程式學習(1)——小程式專案檔案及資料夾的功能介紹
因為工作的需要所以開始接觸微信小程式了,特此來記錄自己的學習過程和遇到的一些問題。 在新建一個微信小程式專案時主要會有如下幾個資料夾和檔案,主要就是介紹一下他們的主要功能。 檔案: app.js:主要就是註冊微信小程式應用 app.json:一些微信小程式的全
python 小白學習(1)
自定義錯誤型別 class XxxError(Exception): def __init__(self , message): self = Exception("xxxxx") // Exception.__init__(self) sel
微信掃碼登陸(1)---掃碼登入流程講解、獲取授權登陸二維碼
掃碼登入流程講解、獲取授權登陸二維碼 具體流程可以看微信官網的掃碼登入文件 其實官方文件已經講的非常清楚而且講的也很明白。 一、掃碼登入流程講解 1、首先準備工作 網站應用微信登入是基於OAuth2.0協議標準構建的微信OAuth2.0授權登入系統。 在進行微信OAuth2.在進行微信OAut
STL 小白學習(1) 初步認識
1 #include <iostream> 2 using namespace std; 3 #include <vector> //動態陣列 4 #include <algorithm>//演算法 5 6 void PrintVector(in
微信開發常用技巧(1)-微信分享頁使用者名稱稱帶輸入法頭像解決方案
微信分享頁使用者名稱稱帶輸入法頭像解決方案 微信開發的分享頁,開發者通常都是用程式碼獲取url的引數值來輸入到頁面,這裡會有兩個問題 1.怎麼獲取url的引數值; 2. 使用者頭像需要轉碼; 3. 使用者可能使用輸入法自帶的表情來命名;ps:然而微信居然支援這種操作 解
微信公眾平臺開發(1) 配置介面(微信公眾平臺搭建php開發配置詳細步驟講解)
一、簡介微信公眾平臺是騰訊公司在微信的基礎上新增的功能模組,通過這一平臺,個人和企業都可以打造一個微信的公眾號,並實現和特定群體的文字、圖片、語音的全方位溝通、互動。二、通訊機制三、註冊微信平臺公眾帳號四、伺服器端配置4.1 示例程式碼設定微信公眾平臺提供了一個php示例程式碼:(百度雲盤連結地址:https
小程序學習(四)小程序邏輯層之註冊頁面
其他 nor stop 默認 pat 標題 pre 開啟 開始 小程序學習(四)小程序邏輯層之註冊頁面 註冊頁面(Page) 小程序頁面的註冊,是通過 Page() 函數來完成的。接受一個 object 參數,指定頁面的初始數據,生命周期、事件處理函數等。 object
d3筆記(1) - d3元素選擇器及資料繫結的理解
以下貼出程式碼,讀者可以通過控制檯輸出體會選擇器和資料繫結。 <!doctype html> <html> <head> <script src="d3.js"></script> </head> <body&
微信小程式learning - (1)簡易教程
官方連結:https://developers.weixin.qq.com/miniprogram/dev/ 學習微信小程式,重點標記,只做記錄,自行看官方文件 全域性配置 小程式根目錄下的 app.json 檔案用來對微信
微信小程式學習(18) —— 上拉載入和下拉重新整理
在微信小程式上實現下拉重新整理、上拉載入的效果 使用系統提供的onPullDownRefresh、onReachBottom這2個事件, 前提需要在app.json或page.json配置檔案中設定,才能使用。 app.json是全應用的頁面都可以使用該事件
微信小程式入門(1):簡單介面的實現
原始碼我已經放在GitHub上了https://github.com/A666AHL/pupil 1.安裝 微信web開發者工具 不多BB,直接從安裝IDE開始 首先,你得進入微信公眾平臺官網(https://mp.weixin.qq.com) 點選底部的小程式並檢視詳情
微信小程式學習(17) —— 獲取系統日期和時間
獲取當前系統日期和時間 在小程式中,新建專案時,就會有一個utils.js檔案,就是獲取日期和時間的,程式碼如下: utils.js: function formatTime(date) { var year = date.getFullYea
微信小程式學習(4)_檢視渲染
一、建立一個頁面 1.首先我們新建一個專案,在新建的專案中有index 頁面和 logs 頁面,即歡迎頁和小程式啟動日誌的展示頁,他們都在 pages 目錄下。微信小程式中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pa
我的微信小程序入門(1)
app 用戶 註冊 教程 微信公眾平臺 聯網 互聯 一個 .com 作為互聯網行業的一員,我們需要一個可以快速接受新鮮事物的腦袋。很高興的是,我有一半這樣的腦袋。 今年的互聯網行業,出現了一個生猛的新軍,那便是“微信小程序”了。 微信是近幾年最熱門的軟件應用(農藥也是)。而
微信小遊戲開發(1)
一、安裝開發工具 前往開發者工具下載頁面,網址:https://developers.weixin.qq.com/minigame/dev/devtools/download.html,根據自己的作業系統下載對應的安裝包進行安裝。 二、建立小遊戲專案 1、開啟微信開發者工具,選擇小程式
微信小遊戲學習(一)
新建專案選擇小程式專案,選擇程式碼存放的硬碟路徑,並輸入 AppId。你可以前往 小遊戲註冊 通過註冊小遊戲帳號來獲得 AppId,也可以使用無 AppId 的體驗模式。給你的專案起一個好聽的名字,最後,勾選“建立遊戲快速啟動模板”(注意:你要選擇一個空的目錄才會有這個選項)
java學習(1) 第一個java小程式執行解釋
上一篇文章簡單運行了一個java的小程式,其中有兩個命令一個是javac另一個是java。簡單解釋一下這兩個命令的作用,如有不正確的地方請大家多多指教。 javac是java的編譯命令,通過javac編譯原始檔後會生成**.class檔案,這是一種與平臺無關的
【微信小遊戲】(一)小遊戲開發調試--關於找不到app.json入口文件
com png info alt 微信開發者 遊戲 進入 http 找不到 經了解發現 小程序必須要有app.json 小遊戲必須的文件只有2個 game.js 小遊戲入口文件 game.json 小遊戲配置文件 所以不是工程文件缺失,解決方案如下: 進入微信開發者工具
Linux真小白入門教程第四集——Bash Shell命令學習(1)
大部分的Linux發行版的預設shell都是GNU預設的bash shell,而Ubuntu上大多數都是dash shell。 啟動shell,/etc/passwd 樣例條目下的最後一個欄位會顯示預設的shell版本,登陸後自動啟動。 在虛擬控制檯終端登入,CLI提示符會自動出現,即可
微信小遊戲開發(5)-全域性物件和檔案限制類型
一、全域性物件 window物件是瀏覽器環境下的全域性物件。 小遊戲執行環境中沒有BOM API,因此沒有window物件。 但是小遊戲提供了全域性物件GameGlobal,所有全域性定義的變數都是GameGlobal的屬性。 console.log(GameGlobal.set