前言

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

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

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

如何安裝"微信web開發者工具"

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

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

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

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

.js文件

     就相當于Android 的activity，該文件主要是寫關于界面的一些邏輯處理。

.json文件

     個人當下學習到的理解就是Android的toolbar的一些相關的設置

 

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

.wxss文件

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

 

 

 

總結

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