国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

自制，簡易仿京東微信小程序demo

sourcenode / 3044人閱讀

摘要：學(xué)習(xí)微信小程序一段時間，自己仿照京東小程序做了幾個頁面，分享給大家看看源碼地址，希望能幫助到有興趣的同學(xué)喜歡可以加星哦其中幾個效果圖如下介紹一下事先準備的事情前期部署項目命名規(guī)范用駝峰法命名中命名用分隔，用接口中數(shù)據(jù)用分隔文件文件夾命名

學(xué)習(xí)微信小程序一段時間，自己仿照京東小程序做了幾個demo頁面，分享給大家看看

源碼地址，希望能幫助到有興趣的同學(xué)
https://github.com/skySoft-cl...（喜歡可以加星哦）

其中幾個效果圖如下：

介紹一下事先準備的事情

前期部署

****項目命名規(guī)范****

  1.JS用駝峰法命名
  2.css中class命名用"-"分隔，ID用"_"
  3.接口中數(shù)據(jù)用"_"分隔
  4.文件/文件夾命名用"_"
  

****JS使用規(guī)范****

  1.使用ECMAScript 2016
  

****Pages里的文件結(jié)構(gòu)****

  1.根據(jù)tabbar放入對應(yīng)的文件夾中，三個入口頁面文件放入外層
  

****靜態(tài)文件****
  1.圖片小圖使用雪碧圖
  2.對應(yīng)文件的圖片都需要新建對應(yīng)的文件夾存放圖片
  
  
****代碼管理****
  1.使用Git,上傳代碼時請不要上傳app.js和app.json，避免本地請求變?yōu)榉?wù)器請求

開發(fā)過程中中遇到的坑：

JS方面

  不支持DOM操作，需要在開發(fā)時能夠設(shè)置好所有需要的data屬性值，然后渲染
   跳轉(zhuǎn)到tabbar頁面的時候只能使用wx.switchTab(OBJECT)
   wx.showToast()配置樣式單一，且寬度不能自適應(yīng)

wxml方面

標簽不夠語義化

wxss方面

不支持"a > b > c"雙箭頭寫法，控制臺會報錯
背景圖屬性background-image必須寫在標簽中,或者使用服務(wù)器上的圖片
使用display:flex布局方式，容器大小會隨內(nèi)容大小變化，所以，最好給容器設(shè)置寬度
標注圖標注的大小再設(shè)置時是原大小的2倍，比如圖上標注10*10，css這邊寫20rpx*20rpx

其它方面

json文件是配置window窗口的，但是此時可以省略window屬性，如果加window則沒有效果，也不會報錯

項目中使用過的API：
1.ES6相關(guān)

對象解構(gòu) {} = {}
箭頭函數(shù) =>
塊級變量let、const
模板字符串${...}
數(shù)組擴展let c = [...a,...b]

2.微信相關(guān)

WXML
  組件：view、text、image、icon、swiper、progress、navigator、button、input
  template模板
  列表渲染：wx:for="" wx:key=""
  條件渲染：wx:if="" elif="" else

WXSS使用
  flex布局
  使用rpx自適應(yīng)寬度

JS相關(guān)方法的封裝
  setData()
  wx.request(OBJECT)
  wx.navigateTo()
  wx.navigateBack()
  wx.showToast(OBJECT)
  wx.showModal(OBJECT)
  綁定事件：bindtap、onReachBottom

歡迎大家指正！

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/91749.html

相關(guān)文章

  • 自制，簡易仿京東微信小程序demo

    摘要：學(xué)習(xí)微信小程序一段時間，自己仿照京東小程序做了幾個頁面，分享給大家看看源碼地址，希望能幫助到有興趣的同學(xué)喜歡可以加星哦其中幾個效果圖如下介紹一下事先準備的事情前期部署項目命名規(guī)范用駝峰法命名中命名用分隔，用接口中數(shù)據(jù)用分隔文件文件夾命名 學(xué)習(xí)微信小程序一段時間，自己仿照京東小程序做了幾個demo頁面，分享給大家看看 源碼地址，希望能幫助到有興趣的同學(xué)https://github.com...

    shiweifu 評論0 收藏0

  • 自制，簡易仿京東微信小程序demo

    摘要：學(xué)習(xí)微信小程序一段時間，自己仿照京東小程序做了幾個頁面，分享給大家看看源碼地址，希望能幫助到有興趣的同學(xué)喜歡可以加星哦其中幾個效果圖如下介紹一下事先準備的事情前期部署項目命名規(guī)范用駝峰法命名中命名用分隔，用接口中數(shù)據(jù)用分隔文件文件夾命名 學(xué)習(xí)微信小程序一段時間，自己仿照京東小程序做了幾個demo頁面，分享給大家看看 源碼地址，希望能幫助到有興趣的同學(xué)https://github.com...

    QiuyueZhong 評論0 收藏0

  • 微信小程序資源匯總

    awesome-github-wechat-weapp 是由OpenDigg整理并維護的微信小程序開源項目庫集合。我們會定期同步上的項目到這里，也歡迎各位 UI組件開發(fā)框架實用庫開發(fā)工具服務(wù)端項目實例Demo UI組件 weui-wxss ★1873 - 同微信原生視覺體驗一致的基礎(chǔ)樣式庫zanui-weapp ★794 - 好用易擴展的小程序 UI 庫wx-charts ★449 - 微信小程...

    Olivia 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<