微信小程序-開發筆記附自己的demo

我是做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日

自己做的demo很丑但是希望給星

引用 一

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,115評論 25 708
  • 給提問的開發者的建議:提問之前先查詢 文檔、通過社區右上角搜索搜索已經存在的問題。 寫一個簡明扼要的標題,并且...
    極樂叔閱讀 13,648評論 0 3
  • 晚上繼續追我的《大明王朝1566》,趙貞吉說做人難,做官更難。一個難字,概括了整部劇里每個角色的掙扎,說是官場,官...
    從文_19d3閱讀 161評論 0 0
  • I never dreamed about success. I worked for it. 我從未夢想成功,我...
    hello2333閱讀 166評論 0 0
  • 梅涼第三期活動 私奔 我們要到達的遠方 總是踏上又將我們拋下 無人見證的千山萬水 九死一生 演繹在你的眉間 不過是...
    是leauna啊閱讀 318評論 2 4