我是做iOS開發的,很多人都會說這個微信小程序又是動態的,我不反對蘋果對動態的討厭,畢竟這樣很容易不受控制,但是ReactNative(中文網)不是還活的好好的嗎(貌似版本到了0.33了)!而且我覺得可以學個大概萬一真用到的時候也不至于無所適從(我先做個非常簡陋的電商類,完事后放到下面)。學習!學習!學習!才不會被淘汰。
~~申明 :會將我認為是問題的問題記錄下來,如果您覺得太簡單可以關掉。并且我是邊做小程序邊寫的這個博客,會一直更新,!!!MAC環境 ~~
我可以說不太懂微信小程序的語言。它使用XML+JS ,不支持HTML5,兼容部分CSS寫法(從這個句號到這句話完事我是抄來的,因為我不懂XML和JS)。不懂但是不能開發嗎?我覺得語言都是相通的,還好之前做了
React Native
項目(總覺得很相似),上手小程序也很快。
從頭開始 - 開始一個項目
工具下載安裝
- 開發工具缺少appid問題,這個只要破解就可以了(引用 一)
新建項目
- 不清楚是開發工具的原因還是怎么回事,說好新建一個項目會有一個QuickStart的,然而我并沒有所以打開就是這個樣子的
error
- 只能從官網下載一個HelloWorld直接放大開采創建的項目路徑下面
文件結構
默認的
默認就幾個文件剩下的就是目錄再加上不同名字的這個幾個文件當然還得加上.wxml,這個文件就是來書寫界面的
代碼
app.json
app.json
- pages : 應該就是項目加載文件的入口(用應該的原因是我不確定),如果此處不加載的話后面用了也是不會有所顯示的(這里是確定的如果不信可以嘗試)。
- window : 程序的窗口
- tabBar : 很好理解就是標簽欄(App下面負責切換不同界面)
需記錄問題
scroll-view
注意問題
- 橫向需要給scroll-view 一個高度
height: 200px
文檔上是這么說的但是scroll-view中元素設置高度就可以將scroll-view撐起來了
只展示第一個元素滑動無效
scroll-view需要設置
white-space: nowrap;
(百度一下:文本不會換行,文本會在在同一行上繼續,直到遇到
標簽為止。)子元素設置
display:inline-block
(百度一下:讓一個元素具有“區塊元素”的屬性(可以設置width和height),又具有“內聯元素”的屬性(不產生換行))
這樣scroll-view可以正常展示了
問題:但是scroll-view如果綁定
wx:for = '{{數據}}'
子類中有一個view 他一直都是column
排列不會是row
排列。希望有人幫解決
針對上面問題 我只能用swiper
來解決暫時未想到辦法.
發布于2016-10-2日