微信小程序安裝與相關知識點信息

微信小程序工具安裝與相關知識點信息

安裝鏈接

鏈接: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用來配置頁面所需要組件。



































發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章