前言
? ? ? ?很久沒有跟新內(nèi)容了厘线。最近公司比較忙,因為公司的以前的小伙伴在前段時間離職出革,現(xiàn)在項目就自己一個人負(fù)責(zé)造壮,所以花了很大精力在自己現(xiàn)有的維護的項目中。現(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è)置
.wxml文件
? ? ? 這個就是Android的小伙伴也許最熟悉的一個文件体啰,就相當(dāng)于Android的xml文件。最開始我按照自己的理解以及Androidxml的寫法進行研究嗽仪,發(fā)現(xiàn)完全行不通荒勇。我暫時沒有管,然后就看下面的一個文件闻坚,請大家仔細(xì)看一下這里的布局沽翔,在布局中每一個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)绻幸恍┳约旱挠^點和理解,歡迎一起探討熬尺。