前言

       很久沒有跟新內(nèi)容了。最近公司比較忙，因為公司的以前的小伙伴在前段時間離職，現(xiàn)在項目就自己一個人負責(zé)，所以花了很大精力在自己現(xiàn)有的維護的項目中?，F(xiàn)在有開始慢慢的趨于穩(wěn)定，最近自己的朋友有一個微信小程序的給自己做。本人之前也沒有接觸過小程序，但是自己還是愿意嘗試的。畢竟會有一點點報酬。而且本人也是屬于那種，學(xué)習(xí)其他語言都是會建立在項目之上的，因為我覺得只有這樣我們才能知道自己應(yīng)該學(xué)些什么，如果只是盲目的學(xué)習(xí)一門語言，到后面自己也不知道自己學(xué)了什么，我不知道小伙伴們有沒有這樣的想法，廢話不多說，開始我們今天的主題。一個完全不會css的人，是怎么學(xué)習(xí)微信小程序的。

微信小程序是個什么玩意兒？

       首先關(guān)于微信小程序是個什么玩意兒？還有小伙伴不知道的話，大家去微信公眾平臺，看看微信的官方解釋，我就不再這里贅述了。

如何安裝"微信web開發(fā)者工具"

       安裝這個工具其實就是跟安裝 .exe文件是一樣的，直接點擊下一步，直到finish（完成）。安裝完成之后，開始這工具會提示你新建一個項目，并且輸入一個微信小程序的appid。記住我建議大家用微信公眾平臺注冊一個賬號，并且選擇微信小程序作為開發(fā)身份，因為里面只能四個角色當(dāng)中選擇其中的一個。拿到小程序的appid我們就可以新建項目開發(fā)了。

       下面我們來看一下微信小程序和Android的對比。這樣我相信很多Android的小伙伴就能夠一幕了然了。

        首先我們來看一下  微信小程序中幾個重要的文件

        新建項目的時候，會自動生成pages文件夾，utils文件夾。至于pages文件夾下的每個文件夾，就相當(dāng)于Android 中一個activity的相關(guān)內(nèi)容。知識微信和做法和Android的做法不一樣，微信小程序是把同一個界面的東西都放在同一個文件夾下，而不是像Android那樣把Java代碼放在src文件夾下，把所有的布局，屬性，字符串，自定義style等相關(guān)的屬性放在res下面，下面重點介紹一下微信小程序重要的幾種類型的文件

.js文件

     就相當(dāng)于Android 的activity，該文件主要是寫關(guān)于界面的一些邏輯處理。

.json文件

     個人當(dāng)下學(xué)習(xí)到的理解就是Android的toolbar的一些相關(guān)的設(shè)置

 

      這個就是Android的小伙伴也許最熟悉的一個文件，就相當(dāng)于Android的xml文件。最開始我按照自己的理解以及Androidxml的寫法進行研究，發(fā)現(xiàn)完全行不通。我暫時沒有管，然后就看下面的一個文件，請大家仔細看一下這里的布局，在布局中每一個view當(dāng)中都會出現(xiàn)一個屬性，這個屬性就是就是class屬性，大家很好奇這個屬性是用來干什么的呢。繼續(xù)往下面看

.wxss文件

      在這個文件中，大家是不是看到了很多的關(guān)鍵字，比如：color,height,width這些關(guān)鍵字，也許大家已經(jīng)猜到，這個文件從Android的角度去分析，發(fā)現(xiàn)這其實就是我們自定義Android的一些style，做Android的小伙伴，我相信很多都會把View的一些相關(guān)屬性定義在我們的Style當(dāng)中，這樣方便復(fù)用，那么這里就不難理解，只不過小程序強制必須按照自定義的方式來設(shè)置view的屬性（這句話只是我當(dāng)前的個人理解）。Android的小伙伴應(yīng)該一看就懂，這里面的字段大家可能沒有接觸過，但是一定設(shè)置過相應(yīng)的屬性字段。

 

 

 

總結(jié)

       這樣就把微信小程序幾個重要的文件介紹了一下，以前自己也接觸過小程序，只是因為當(dāng)時還在忙，所以沒有花太多時間在小程序的上面。最近自由時間比較多，所以本人把想要做的事情一樣一樣撿回來，順便也幫朋友做好他想要的項目。個人覺得學(xué)習(xí)微信小程序和學(xué)習(xí)前端是一樣的，都是從自己所熟悉地方和新學(xué)的語言進行對比，都說“沒有對比就沒有傷害”，而我覺得在我們學(xué)習(xí)技術(shù)的道路上，應(yīng)該是“沒有對比就沒有進步”。好了只是簡單的介紹了一下微信小程序項目的結(jié)構(gòu)。以后會持續(xù)更新關(guān)于微信小程序自己學(xué)到的一些知識和心得。喜歡的小伙伴不要吝嗇你手中的點贊。希望能和大家一起學(xué)習(xí)進步，小伙伴們?nèi)绻幸恍┳约旱挠^點和理解，歡迎一起探討。