源碼相關-小程序快速入門

小程序之尚硅谷前 小程序課版本：V1是小程序2017年度百科十大熱詞之小程序（weixinxiaochengxu），MiniProgram，是一種不需要安裝即可使用的應用(對其的定義是無需安裝，用完即走，實際上是需要安裝的，只不過小程序的體積特別小，速度很快，用戶感覺不到的過程)1M2M；2017190點，萬眾矚目的第一批小程序正式低調(diào)上線。2序可以干什么Appappapp 3序開發(fā)資3.1相關資官網(wǎng) 3.2小程序賬3.34小程序項*.wxml>view結 >*.wxss>view樣 >*.json>view數(shù) >json文FlexFlex布局簡flexdisplay:flex &css表一個可以由程序使用并控制的虛擬像素(比如：CSS像素,androidCSS像素就不叫”CSS像素”了而是叫”設備獨立像素”)，然后由相關系統(tǒng)轉(zhuǎn)換為物理像素。dpr&DPI&dpr:設備像素比，物理像素/dprIphon6dprdprPPI:Iphon61rpx1物理像素提供的換算方式 6的物理像素個數(shù)為標準:1rpx=目標設備寬度750*注意此時底層已經(jīng)做了viewport適配的處理，即實現(xiàn)了理想視視網(wǎng)膜屏幕是分辨率超過人眼識別極限的高分辨率屏幕，由蘋果公司在2010dpr2;人類肉眼分辨的極限問題：6的dpr為多少？6Plus比6顯示圖應用主文件(文件主頁結構：<<view<imageclass='user_avatar'<textclass='user_name'><text <viewclass='start_container'<textclass='start'>開啟小程序之旅主頁樣式：pagepagewidth:height:100%;background:#C5EFFF;}.container{display:flex;flex-direction:column;align-items:center;}.containerimage{width:200rpx;height:200rpx;border-radius:100rpx;margin-top:160rpx;}.usernamefont-size:32rpx;font-weight:bold;margin-top:100rpx;}.start_container{width:200rpx;height:80rpx;margin-top:height:80rpx;margin-top:200rpx;border:1pxsolid#405f80;text-align:center;border-radius:}.start_containertext{font-size:22rpx;font-weight:bold;line-height:80rpx;color:#405f80;}app.json{{"pages":["window":{"navigationBarBackgroundColor":"#C5EFFF"}}&Vuedata中，頁面中使用data里找js*data:{msg開啟小程序之旅msg我是修改之后的數(shù)據(jù)*data:{msg開啟小程序之旅*生命周期函數(shù)- 頁面加onLoad:function(options)*生命周期函數(shù)- 頁面初次渲染完onReady:function()*生命周期函數(shù)- 頁面顯onShow:function()*生命周期函數(shù)- 頁面隱onHide:function()*生命周期函數(shù)- 頁面卸onUnload:function()*頁面相關事件處理函數(shù)- onPullDownRefresh:function()*onReachBottom:function()*onShareAppMessage:function()}文檔查看位置API>//withCredentials:true,success:(res)=>{letuser=res.userInfo;} bind綁定：事件綁定不會冒泡事件向上冒<<viewbindtap="handleTap"class='start_container'<textclass='start'>開啟小程序之旅catch綁定:事件綁定可以冒泡事件向上冒<<viewcatchtap="handleTap"class='start_container'<textclass='start'>開啟小程序之旅跳轉(zhuǎn)到list頁url:'/pages/list/list',}跳轉(zhuǎn)到list頁url:'/pages/list/list',}&<swiperindicator-dots='true'indicator-<image<image</swiper-item<image</swiper-item定義模板name=‘模板名字<template<template<text>tempalte使用3)<import3)<import@import@import'../templates/list-存數(shù)據(jù)：setStorage////key:'isCollected',data:oldCollectFlag獲取數(shù)據(jù) 同步:letletoldCollectFlag=音樂控 dataUrl:detailObj.music.dataUrl,title:detailObj.music.title,success(){成功} 音樂暫1)API:2)暫停API:2)wx.onBackgroundAudioPlay(()wx.onBackgroundAudioPlay(()=> isMusicPlay:true//修改app和appDatas.appData.isPlay=appDatas.appData.playPageIndex= wx.onBackgroundAudioPauseisMusicPlay:appDatas.appData.isPlay=false;appDatas.appData.playPageIndex=this.data.index;app應用公共數(shù)1)data:isPlay:false,playPageIndex:null,movies:{}} 數(shù)letletapp=app.data.isPlay=&輪播點擊跳1)<swiper<swipercatchtap='imgToDetail'indicator-4indicator-<imagedata-detailId='{{4}}'</swiper-<imagedata-detailId='{{5}}'</swiper-item<imagedata-detailId='{{6}}'</swiper-item12)data-’key4.11.3currentTargettargetwx.request({//wx.request({//發(fā)送請求urlAPI_URL請求的urlheader:{//設置請求頭'Content-type':success:(res)=>{////隱藏提示加載信console.log(res);//請求的成功的數(shù)據(jù)對象，注意this.setData({movies:}https協(xié)議，且如果沒有在開發(fā)設置中配置請求一 、1aletletappDatagetApp();//獲取apponLoad(options)//加載到數(shù)據(jù)之前給用戶顯示‘正在加載的提示信息title"加載中...",icon:"loading",duration:3000url:API_URL,header:{'Co