小程式簡介

小程式簡介：

小程式剛發布的時候要求壓縮包的體積不能大於1m，否則無法通過，在2023年4月做了改進，由原來的1m提公升到2m；

小程式可以幹什麼？

3.使用者使用頻率不高，但又不得不用的功能軟體，目前看來小程式是首選；

4.連線線上線下；

5.開發門檻低，成本低；（1-2周 實現從 0-1）

小程式開發相關資料

）2.開發工具安裝；

3.儲備知識：

flex布局簡介-菜鳥教程；（flex---伸縮盒模型）

物理畫素；（真實存在的）

1.螢幕解析度；（螢幕解析度越高，螢幕越清晰，即同乙個螢幕上解析度越高，物理畫素點小而多，呈現出來的就越清晰）

2.裝置能控制顯示的最小單元，可以把物理畫素看成是對應的畫素點；

裝置獨立畫素 （一般是iphone6/7/8，寬-375和高-667）& css畫素--px；（虛擬畫素）

dpr 比 & dpi & ppl

dpr：裝置畫素比：物理畫素/裝置獨立畫素 = dpr，一般以iphone6的dpr為準，dpr = 2，則可以推出其對應的物理畫素為750 x 1344

移動端適配方案

viewport 適配：

為什麼做viewport?

1.手機廠商在生產手機的時候大部分手機預設頁面寬度為980px（現在沒有了，網際網路剛新起時，用的塞班系統-諾基亞，摩托羅拉）;

2.手機實際視口寬度都要小於980px，如iphone6 為375px；

3.開發需求，需要將980px 的頁面完全顯示在手機螢幕上而且沒有滾動條；

視覺視口--所見即所得，看到的大小

布局視口--頁面

完美視口--即視覺視口和布局視口大小一樣

實現：name="viewport" content="width=device-width, initial-scale=1.0">

小程式語法特點彙總：

1.沒有dom

2.元件化開發：具備特定功能效果的**集合；

在vue 和 react 中都有這個元件化開發的概念；

還有乙個js模組化開發（具有特定功能的js檔案，有目的的拆分，需要哪個功能引入哪個js模組）；

元件和頁面的關係：頁面裡有乙個或者多個元件，但是說乙個元件是乙個頁面就不對了；

在react中操作的是虛擬dom；

3.體積小，單個壓縮包體積

；

4.小程式的四個重要檔案：

1.  *.js

2.  *.wxml--->view 結構 ---> html

3.  *.wxss ---> view 樣式 ----> css

4.  *.json ----> view 資料 ----> json檔案，配置檔案；

5.小程式適配方案：rpx（responsive pixel響應式畫素單位）；

1.小程式適配單位：rpx;

2.規定任何螢幕下寬度為 750rpx;

3.小程式會根據螢幕的寬度不同自動計算 rpx值的大小；

4.iphone6 下： 1rpx = 1 物理畫素 = 0.5px

小程式開發工具使用介紹：

1.因為之前的被凍結了，找回很麻煩，所以申請乙個126郵箱用來註冊開發

有個預覽

小程式專案初始化檔案介紹：

2.sitemap.json ： 新增的檔案，之前是沒有的，可以在小程式後台，找到文件去看，文件-->框架-->小程式配置--->sitemap配置，就是為了增加小程式的**率；

（白色的話太刺眼，想暗一些），最上面的工具欄有個：設定--->外觀設定--->主題 會有radio選項；

微信小程式簡介

小程式開發文件 製作小程式的流程，一般分為五個部分 註冊 認證 研發 審核 發布 小程式特點 無需安裝 觸手可及 用完即走 無須解除安裝 小程式與h5區別 小程式與訂閱號 服務號 企業號之間的比較 我們傳統的網頁開發是把html css js混在一起，或者是在html中分別引入js指令碼檔案和css...

微信小程式之基礎簡介

建立小程式專案後進入編輯環境中會有以下的初始配置檔案 資料夾 1.pages 存放小程式的頁面 1.index 2.logs 頁面裡的js檔案 以page 方法開頭 所有引數物件都存放在其裡面 data 頁面的初始資料 onload 監聽頁面載入 onready 監聽頁面初次渲染完成 onshow ...

linux fuser 程式簡介

1 簡介 fuser 是linux上的乙個命令，用以由檔案或裝置去找出使用檔案 或裝置的程序。2 選項 c 包含 file的檔案系統中關於任何開啟的檔案的報告。d 暗示使用了 c 和 x 標誌。關於任何與檔案系統 自父目錄刪除的 無鏈結的開啟檔案的報告。當與 v 標誌一起使用時，它也會報告被刪除檔案...