1. 程式人生 > >完全零基礎做一個微信小程式記錄~

完全零基礎做一個微信小程式記錄~

作為一隻數學系大二的小菜喵,之前聽過一個微信小程式的產品展示,覺得微信小程式還挺好玩的,不過自己沒有接觸過前端開發,很多東西都在自己摸索,把一些有意思的東西記錄下來,以備以後查閱,也給一些非科班的程式猿們在掙扎中提供一點借鑑~

微信小程式對新手非常友好,如教程介紹的步驟,只需要到微信公眾號平臺上註冊,獲得一個APPID,再下載官方的開發者工具,就可以開始寫自己的微信小程式啦!
下載好後可以得到如圖:
這裡寫圖片描述
這裡我使用的是微信官方提供的js元件,如何看懂這個東西,很顯然,左邊是小程式的模擬器(就是這些程式碼會生成什麼樣子),可以隨時除錯比較,右邊是相應的程式碼,開發者們可以通過修改、新增右邊的程式碼達到更多的功能,中間這一列就是對應的檔案啦,作為一個只會C++的寶寶,經過我的認真研究,它是這樣的一個框架:
1 app.js作為整個小程式的控制函式,可以理解為cpp中的main函式,它控制整個小程式的整體執行,宣告外部介面,還可以定義全域性變數/常量
2 上面的pages是整合所有的介面,每一個子資料夾都是小程式的一個介面,你可以在每個介面中設計它的樣子,然後再通過操作把他們整合起來

好的,那麼,我們現在要做的就是寫好介面,再上傳啦!但是小萌新完全沒有接觸過JavaScript,所以是時候瞭解一些有關前端語言的基礎知識。在此分享幾個科普連結
1 新手理解HTML、CSS、javascript之間的關係:
http://www.cnblogs.com/dreamingbaobei/p/5062901.html
2 慕課網JavaScript入門教程:
https://www.imooc.com/code/2311
好了,我先去學習了hhh

(未完待續…)