微信小程式學習--基礎--尺寸單位 rpx

阿新 • • 發佈：2019-01-26

rpx （responsive pixel）：是 WXSS 中引入新的尺寸單位，可以適配不同寬度的螢幕，規定螢幕寬為750rpx。

相對px能保證在不同尺寸的手機螢幕內相對位置不偏移。

rpx 與 px 之間的換算：

換算基準：以375個物理畫素為基準，即在一個寬度為375物理畫素的螢幕下，1rpx=1px

rpx （responsive pixel）：是 WXSS 中引入新的尺寸單位，可以適配不同寬度的螢幕，規定螢幕寬為750rpx。相對px能保證在不同尺寸的手機螢幕內相對位置不偏移。rpx 與 px 之間的換算：換算基準：以375個物理畫素為基準，即在一個寬度為375物理畫素

element 元素選擇器--1.class 類選擇器-----10id 選擇器---------100style 內聯樣式-----1000!important--------∞比如 view .name 的權重為1+100=101

到現在學習小程式已經不早了，但是無論什麼時候開始都不晚，只要學就OK。看到所有小程式開發的教程全部都是以註冊賬號開始的，但是註冊賬號的過程無論是官方文件還是其他的經驗帖子都已經有一堆了，而且本身這個過程也並不具有什麼技術性，實在是很多收費的教程視訊用來前期拖時間的一種方式

一，建立模組化工具類我們可以將一些公共的程式碼抽離成為一個單獨的js檔案，作為一個模組。模組只有通過module.exports才能對外暴露介面。微信官方給出的demo中列印儲存log日誌用的utils.js用的就是模組化// common.jsfunction sayHe

同一個使用者進入不同的小程式所產生的openid是不一樣的是使用者的唯一標識同一個使用者關注了不同的公眾號(小程式)，同一個使用者對應一個unionid 如果用迴圈的話就用block標籤會迴圈裡面的標籤不會出現重複多餘的標籤如果用view就會每層外面

我們在app.js中設定需要的全域性變數的引數，比如公司名稱等 //app.js App({ globalData: { title: 'tomatocc' } }) 然後我們就可以在某個頁面的js檔案中(比如index.js)的data數組裡面去直

官方文件的demo過於簡單，本人嘗試幾次也沒有弄懂，找了幾個demo後才漸漸瞭解清楚小程式的模板是怎麼玩的。並且展示一個簡單的demo 首先來看我們的專案結構：主要用到index.js，index.wxml，temp.js，temp.wxml 首先，我

準備工作要開發微信小程式之前，需要做一些準備工作，首先進入https://mp.weixin.qq.com/debug/wxadoc/dev/index.html去下載快速開發原始碼包然後再進入https://mp.weixin.qq.com/debug/wxadoc/

產品定位及功能介紹微信小程式是一種全新的連線使用者與服務的方式，它可以在微信內被便捷地獲取和傳播，同時具有出色的使用體驗。小程式註冊註冊小程式帳號在微信公眾平臺官網首頁（mp.weixin.qq.com）點選右上角的“立即註冊”按鈕。選擇註冊的帳號型別選擇“

WXS—(WeiXin Script)是小程式特有的一套指令碼語言。wxs有自己的語法，今天就學習一下wxs的語法。 1) wxs程式碼可以編寫在wxml檔案中的<wxs>標籤內，或者是XXX.wxs的檔案內。不管是標籤還是檔案都是一個單獨的模組。 2) 每個模組裡面定義的變數與函式

邏輯層將資料進行處理後傳送給檢視層，同時接受檢視層的事件反饋。用App()函式註冊一個小程式。當小程式初始化完成時，會觸發 onLaunch（全域性只觸發一次）當小程式啟動，或從後臺進入前臺顯示，會觸發 onShow 當小程式從前臺進入後臺，會觸發 onHide 當小程式發生指令碼錯

json配置檔案—— 1> app.json：作用於整個小程式全域性配置頁面路徑——page(陣列[字串="路徑+檔名"]) "pages":["pages/index/index","pages/log/index"]

文章目錄一、app.json的配置 1. 決定頁面檔案路徑 2. 配置視窗表現 3. 配置tab標籤導航 4. 設定網路超時時間 5. 配置debug模式二、App()函式使用

上一篇：微信小程式學習筆記（七）【將資料儲存在本地快取】wx.setStorage 【讀取本地快取】wx.getStorage 以手機號+密碼登入為例，把登入成功返回的token值儲存在本地快取中，然後讀取快取中的token： login.php： <?php

在微信小程式上實現下拉重新整理、上拉載入的效果使用系統提供的onPullDownRefresh、onReachBottom這2個事件，前提需要在app.json或page.json配置檔案中設定，才能使用。 app.json是全應用的頁面都可以使用該事件

微信小程式(1) 準備工作 1 獲取 AppID(小程式ID) 登入微信公眾平臺,新建一個郵箱,避免舊有的郵箱有註冊過公眾號等.無法獲取. 進行小程式的註冊. 選擇個人, 然後填寫資訊.進行登入之後, 在首頁, 設定中. 然後點選開發設定進行獲取

來自於w3c的： https://www.w3cscho

寫小程式的你是否已經厭倦了傳送網路請求的wx.request？接著看吧。。。一、目錄結構在專案同級目錄下utils資料夾裡新建一個fetch.js檔案，(名字看自己喜好) 二、直接上程式碼 // 定義網路請求API地址 const baseURL = 'h

貼圖大概實現這種使用swiper做tab切換，資料頁面下拉重新整理的效果。官方提供的scroll-view作為容器，如果在scroll-view使用onPullDownRefresh實現下拉重新整理，會存在頁面重新整理卡，並且重新整理會出現在tab之上，使

1、前言微信小程式所使用的是騰訊自己開發的MINA框架，MINA框架跟主流框架有很大的相似之處，是一個MVVM框架，很慶幸本人先前有學過一點點VUE所以入門MINA框架還算比較順利，由於需要完全熟悉MINA框架我還需要學習很多，所以微信小程式學習之路篇打算一