前言

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

微信小程序是個(gè)什么玩意兒？

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

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

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

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

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

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

.js文件

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

.json文件

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

 

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

.wxss文件

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

 

 

 

總結(jié)

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