网友真实露脸自拍10p,成人国产精品秘?久久久按摩,国产精品久久久久久无码不卡,成人免费区一区二区三区

小程序模板網

金于虎:微信小程序認知、安裝與demo學習摘要

發布時間:2018-03-29 18:08 所屬欄目:小程序開發教程
一:認知

1. 技術架構

2.前端的視圖

wxss

樣式定義類似css的樣式表,定義頁面元素的樣式

wxml

標簽語言對html的擴展,定義我這里面會有那些組件,會有那些元素里面。更多的是做渲染

js 觸發事件

定義觸發后又后端的那些程序來處理

3.后端的server

很多接口以jsapi的方式提供

官網地址

地址1 工具

例子

二:組件和數據綁定

  1. 組件的基本使用
  2. 數據綁定
  3. 條件渲染
  4. 列表渲染 http://www.runoob.com/cssref/pr-border-collapse.html

三:下載安裝

1.下載和安裝開發程序

下載地址:開發者文檔

  1. 掃描登陸
  2. 添加項目 (條件:微信號是需要是微信開發者)
  3. 無Appid(條件:需要Nodejs支持)

注意點:

  1. 在SDK中有些api是依賴nodejs的
  2. 部分功能受限 指的是無法再手機上看或者預覽

2. 熟悉開發工具的使用

3. 熟悉目錄架構

四:demo學習

1. 項目核心文件

app.js

app.js是小程序的腳本代碼。我們可以在這個文件中監聽并處理小程序的生命周期函數、聲明全局變量。調用框架提供的豐富的 API,

app.json

app.json 是對整個小程序的全局配置。我們可以在這個文件中配置小程序是由哪些頁面組成,配置小程序的窗口背景色,配置導航條樣式,配置默認標題。注意該文件不可添加任何注釋。

app.wxss

app.wxss 是整個小程序的公共樣式表。我們可以在頁面組件的 class 屬性上直接使用 app.wxss 中聲明的樣式規則。

  1. 事件
  2. 全局函數
  3. 全局屬性

2. 頁面核心文件

頁面目錄和配置以及小程序首頁

微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在 app.json 的 pages 中,且 pages 中的第一個頁面是小程序的首頁。

頁面組成

每一個小程序頁面是由同路徑下同名的四個不同后綴文件的組成,如:

  1. index.js
  2. index.wxml
  3. index.wxss
  4. index.json

.js后綴的文件是腳本文件,.json后綴的文件是配置文件,.wxss后綴的是樣式表文件,.wxml后綴的文件是頁面結構文件。 注意:目錄名稱和文件名稱最好一樣

index.js

index.js 是頁面的腳本文件,在這個文件中我們可以監聽并處理頁面的生命周期函數、獲取小程序實例,聲明并處理數據,響應頁面交互事件等。

index.wxss

index.wxss 是頁面的樣式表,

樣式的覆蓋,繼承和和重寫

頁面的樣式表是非必要的。當有頁面樣式表時,頁面的樣式表中的樣式規則會層疊覆蓋 app.wxss 中的樣式規則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用 app.wxss 中指定的樣式規則。

index.json

index.json 是頁面的配置文件:

配置的覆蓋,繼承和重寫

頁面的配置文件是非必要的。當有頁面的配置文件時,配置項在該頁面會覆蓋 app.json 的 window 中相同的配置項。如果沒有指定的頁面配置文件,則在該頁面直接使用 app.json 中的默認配置。

demo片段

onLaunch: function () {
    //調用API從本地緩存中獲取數據
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)
  },
  getUserInfo:function( 
                 
                 
 
 
 


本文地址:http://www.xiuhaier.com/wxmini/doc/course/22950.html 復制鏈接 如需定制請聯系易優客服咨詢:800182392 點擊咨詢
QQ在線咨詢
AI智能客服 ×