微信小程式工具安裝與相關知識點資訊
- 安裝鏈接
- 安裝程序
- 小程式界面介紹
- 相關知識點資訊
安裝鏈接
鏈接:https://pan.baidu.com/s/1AGJvTpqLWd3WQx86xPTY4A
提取碼:zcpy
安裝程序
1、選擇64位安裝包,以管理員身份運行,進行安裝,

2、下一步

3、點擊我接受

4、選擇安裝路徑

5、安裝

6、完成

7、接下來使我們登入程序,微信確認登入

8、選擇小程式

9、創建新的專案

10、創建成功

小程式界面介紹
1、新建專案成功后,我們先了解微信小程式的頁面架構先,

2、檔案格式介紹

.js :腳本檔案
.json :組態檔
.wxss : 樣式表檔案
. wxml : 頁面結構檔案
logs是日志檔案!!!
3、app格式介紹

.js : 處理檔案
.json : 系統全域組態檔
.wxss :全域界面優化
相關知識點資訊
1.Mpvue是整個Vue.js的核心代碼上經過二次形成的一個框架,
2.小程式模塊開發中,通過moudle.exports語法對外暴露介面,
3.小程式中模板的使用,通過< template>的name屬性來定義模板,
4.小程式組件中,通過Component()方法創建自定義組件,
5.組件內部的樣式只在組件內有效
6.在組件內部樣式選擇器不應該使用ID選擇器、屬性選擇器和標簽選擇器,
7.組件中< slot> < /slot>標簽用于插入內容,
8.在微信小程式開發程序中,目前要求應用檔案的大小上限為 2048KB,
9.通過 wx.openlocation 打開地圖,
10.通過 wx.getlocation 獲取用戶當前的位置,
11.在小程式介面中,撥打電話的API是:wx.makePhoneCall,
12.播放背景音樂實體的API介面是:wx.getBackgroundAudioManger,
13.在< scroll-view>在組件中,用 scroll-y來設定滾動條的縱向滾動性,
14.indicator-dots :是否顯示面板指示點,
15.indicator-color :指示點的顏色,
16.autoplay:是否自動切換,
17.current:當前所在滑塊的index值,默認是0,
18.微信小程式目錄結構中,index.js檔案可以用來分析頁面基本邏輯功能,
19.在微信小程式中index.json檔案中,navigationBarBackgroundColor 欄位來配置導航欄的背景顏色,
20.微信小程式flex布局中,justify-content 用來設定在橫向坐標軸的對齊方式,
21.在搭建 node服務的器,初始化命令是:init-ynpm,
22.在微信小程式開發程序中,page標簽是頁面結構中的跟標簽,
23.在微信小程式目錄結構中,其中project.config.json檔案時:專案組態檔,
24.在使用WeUI框架時,頁面中樣式是通過添加 class 名來是實作的,
25.微信小程式是一種不需要安裝即可使用的應用,
26.微信小程式運行在微信之上,類似于原生App,
27.微信小程式可以實作跨平臺,
28.小程式目錄結構中,app.json檔案是應用組態檔,
29.小程式目錄結構中,樣式檔案是wxml,
30.通過呼叫微信小程式開發中wx.navigateTo API,實作頁面與頁面之間的跳轉,
31.在微信小程式的頁面組件中,師徒容器組件用**< view>表示,
32.在微信小程式的頁面組件中,圖片組件用< image>表示,
33.在微信小程式頁面組件中,< radio-group>表示將其包裹的所有< radio>標簽當做一個單選框組,
34.小程式頁面樣式檔案中,不能用作wxss元素尺寸單位是Rpx**,
35.微信小程式創建空白專案后,通過新建app.json入口檔案來運行小程式頁面結構,
36.在微信小程式中,< swiper>組件不僅能夠實作輪播效果,還可以實作標簽頁切換效果,
37.在< swiper>組件中,通過 indicator-dots顯示面板指示點,
38.在< scroll-view>組件中,用scroll-top屬性設定豎向滾動條的位置,
39.在innerAudioContext實體物件中,通過seek()方法可以將音樂跳轉到指定位置,
40.頁面結構渲染程序中,通過wx:if指令完成頁面的條件渲染,
41.小程式插件需要開發者同意才能獲取得使用權,在小程式的【設定->第三方服務】看到插件的入口,
42.使用插件需要在app.json中加入插件的宣告,
43.如果需要在腳本中使用,需要js檔案中定義插件物件,
44.app.wxss表示公共樣式檔案,
45.index.wxss表示頁面樣式檔案,
46.< form> < input> < view>屬于微信小程式頁面組件,
47.小程式目錄結構中,配置完成app.json檔案中的"pages":[pages/index/index]欄位自動生成頁面檔案有:index.wxml,index.wxss,index.js,index.json,
48.在使用wx:for實作頁面串列渲染時,wx:key的值為this時表示將每一項本身作為唯一標識,
49.wxml和wxss* 檔案類似網頁開發中的html和css檔案,
50.微信小程式開發模式類似于vue,同時支持組件化開發,
51.< swiper>組件通過改變current的值,可以切換當前顯示那一項**< swiper-item>,
52.播放器頁面結構中,可以通過animation-play-sate** 控制影片的播放狀態,
53.在使用mpvue進行開發時,npm run dev命令執行后可以監控專案進行實施編譯,
53.在使用在使用 mpvue進行開發時,Vue init完成微信小程式專案初始化,
54.wepy框架在開發程序中參考了vue.js等現有框架的一些語法風格和功能特征,
55.使用wepy框架生成的目錄結構中入口app.wpy中,components用來配置頁面所需要組件,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/238570.html
標籤:其他
下一篇:javascript 的物件詳解
