前言 很久沒有跟新內(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)和理解,歡迎一起探討。 |
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)