uniapp如何分包

1. uniapp怎麼在一個頁面內嵌套另一個新頁面

不太清楚你為什麼要嵌套另一個新頁，以及你的用途。可以有兩種方法解決：

1. 一般來說uniapp屬於單頁面文件，你可以直接跳轉到另一個頁面，如果不想關閉當前的頁面，則可以用uni.navigateTo()進行跳轉，並可以傳值。

2. 可以在當前頁設置一個彈框，利用uni-popup這個組件。如果新頁面內容比較多比較復雜，不建議這樣寫，這樣會把當前頁變得很臃腫

如果還有問題可以繼續追問哈。

2. 用uni-app如何進行路由的嵌套，就像vue里的一級路由嵌套二三級路由的這種

1.首先你所看到的不是用來做網頁的
2.uniapp是做微信小程序，或者是app的
3.兩個用的路由方式是不一樣的
4-uniapp不能像vue那樣使用vue-router
5uni-app的路由就在app.json文件設置
6.然後就是用api，路由跳轉來做嵌套更深的頁面

3. uniapp實現藍牙小票列印功能

最近的一個項目增加了小票藍牙列印的功能，由於之前對藍牙列印機了解不多，所以遇到的坑比較多，花了點時間把藍牙連接、列印模塊封裝成通用組件，並寫了個列印的例子，這里做個記錄，以防忘記。

組件： 組件例子

項目需要實現的是App端連接藍牙列印機，列印的內容包括：

1、公司logo（本地圖片）
2、指定格式與排版的文本數據（直線、中英文）
3、簽名的圖片數據（介面傳回的網路圖片地址）
首先要想能列印，藍牙肯定要連接上，開發前了解一下低功耗藍牙連接操作流程：

按照api來走一遍從連接到列印的流程：
這里我將藍牙連接和列印的流程封裝在組件使用，父組件中只需在onPrint方法中拼接指令，通過bufferData屬性將拼接好的指令數據傳入組件內部即可進行列印操作，onPrintSuccess和onPrintFail分別為列印成功與失敗的回調：

組件內部的實現如下：
1、點擊列印按鈕，打開藍牙適配器(openBluetoothAdapter),並獲取已連接的設備（getConnectedBluetoothDevices），如果沒有已連接的設備則打開搜索設備彈框進行設備搜索（第2步），若設備已連接，則執行列印方法（第4步）

這里的blesdk是為了方便使用，把uniapp藍牙相關的api統一放到一個文件中，並將方法轉為非同步,其中還包括添加CPCL指令的字元拼接方法。gbk是一個用於將數據轉碼為列印機能夠接受的數據格式的模塊

2、打開搜索設備彈框（isShowSearch控制彈框顯示隱藏）
點擊開始搜索（），並監聽搜索到的新設備（onfindBlueDevices），藍牙搜索的操作比較耗費系統資源，所以建議在連接上設備、頁面銷毀時關閉搜索（stopBlueDevicesDiscovery）,這里，我加了兩個按鈕控制搜索的開關

由於加了篩選條件（rssi和設備名、設備ID）因此需要對onfindBlueDevices監聽到的設備列表進行篩選

3、設備列表點擊選擇連接設備
①設備列表中的每一項都可以獲取到設備的name、deviceId等信息，連接時我們需要的就是deviceId，創建藍牙連接（createBLEConnection），在這之前可以通過onBLEConnectionStateChange監聽連接狀態的變化

②連接成功後順便把搜索設備開關關掉。連接成功後需要通過deviceId獲取設備服務(getBLEDeviceServices),這里獲取時需要給方法設個延時，否則獲取出來的serviceId會是空的

③獲取設備服務成功後會返回servicesId數組，接著我們需要用deviceId和serviceId來獲取特徵值（getDeviceCharacteristics）

④獲取到特徵值之後需要找個變數將特徵值暫存，因為後續向列印機發送數據時需要用到特徵值。關閉搜索彈框

4、在連接上設備後，點擊列印按鈕，這時就可以開始拼接列印數據了。在第1步中做過判斷如果有已連接設備，則開始拼接數據並列印，這里將拼接的任務交給父頁面(onPrint),拼接完成後通過bufferData傳入，在bufferData數據更新後開始將數據發送給設備，所需的參數即opt中的參數，deviceId為設備id；serviceId為服務id；characteristicId為特徵碼；value為寫入的數據，需轉成GBK格式；lasterSuccess為數據全部發送成功的回調；onceLength為分包發送的每個數據包長度，因為安卓和iOS有不同，所以加個判斷。sendDataToDevice中封裝了分包發送的方法。

5、父頁面的onPrint中拼接bufferData數據，添加CPCL指令的方法放在bluetoolth.js中（@/components/kk-printer/utils/bluetoolth.js），以下為組件示例展示的一部分常用的指令拼接方法，可查看項目中的@/components/kk-printer/utils/bluetoolth.js文件了解指令封裝方法的具體實現

6、實際項目中使用：
①頁面引入並使用components文件夾中的kk-printer組件

②使用組件

拼接數據時將不同的列印需求分不同方法拼接

列印logo圖片、列印簽名圖片，在canvasGetImageData前需要注意加個延時或等待draw()完成後執行，不然獲取到的圖像像素點數據會全是0。使用addCPCLImageCmd時注意調整灰度值threshold，灰度值過高或過低會導致低於灰度值的圖像像素點在方法中被篩掉，變成0

addBaseInfo：列印基本信息
addTicketsInfo：列印提單信息
這兩個都是列印文本與排版的，沒有什麼難點

最後講一下數據（bufferData）拼接的注意點：
①向藍牙列印機發送數據列印，發送的任何內容都應該要轉成二進制數據，而且藍牙列印的文本編碼是GBK的，發送中文需轉成GBK編碼再轉成二進制數據發送，包括發送列印機指令也要轉成二進制數據發送
②藍牙列印機一次接收的二級制數據有限制，不同的系統不同的藍牙設備限制可能不同，建議一次20個位元組，做遞歸分包發送
③發送完要列印的內容後，一定要發送一個列印的指令才能順利列印 （部分指令不需要）
④在分包發送的時候，由於設備連接不穩定，經常會出現10007，找不到特徵值的情況，需要在失敗回調中記錄斷點，繼續發送後續的包

4. uni-app項目怎麼導出一個包內嵌到別的app項目或小程序中

思路應該有問題，沒法直接內嵌，你需要首先分析其他的app的結構，或者小程序結構
在業務層次講進行打通。
還有一個方案，別的 app或者小程序反編譯為uniapp識別的代碼，將你的糅合進去

5. 支付寶小程序上傳包文件過大怎麼解決

目前支付寶的限制是3M，並且沒有分包機制。

但是用uniapp生成的支付寶小程序源文件比較大，非常容易超過3M。

生成的支付寶小程序源碼要比微信小程序大的多。

（一個源碼，微信小程序生成的大概不到700K，支付寶小程序就要4M多.）
還不是很懂支付寶小程序的開發模式，不知道這里的3M指代的是生成源碼的大小，還是壓縮後的大小。（取消 『快速預覽模式』之後，會有壓縮，但是不知道壓了多少？3M指代的是壓縮過後的限制嗎？
壓縮後可以推送到手機，不然隨便寫幾個頁面就很容易超過3M,手機都不能預覽啦）
關於生成的支付寶小程序源碼大小，看以後能不能優化下，不然代碼真的寸土寸金啦~。

6. uni-app 代碼

一個uni-app工程，默認包含如下目錄及文件：
┌─common 用於存放一些通用的 js/css/less/scss
│─cloudfunctions 雲函數目錄（阿里雲為aliyun，騰訊雲為tcb）
│─ components 符合vue組件規范的uni-app組件目錄
│ └─comp-a.vue 可復用的a組件
├─hybrid 存放用於webview的本地網頁的目錄， 詳見
├─platforms 存放各平台專用頁面的目錄, 詳見
│ ├─ app-plus app
│ ├─ h5 h5
│ ├─ mp-weixin 微信小程序
├─ pages 業務頁面文件存放的目錄
│ ├─index
│ └─index.vue index頁面
├─ static 存放靜態資源（如圖片、視頻等）的目錄， 打包時其內容直接拷貝而不編譯
├─wxcomponents 存放小程序組件的目錄， 詳見
│ └──custom 微信小程序自定義組件
│ ├─index.js
│ ├─index.wxml
│ ├─index.json
│ └─index.wxss
├─ main.js Vue初始化入口文件
├─ App.vue 應用配置，用來配置App全局樣式以及監聽 應用生命周期
├─ manifest.json 配置應用名稱、appid、logo、版本等打包信息， 詳見
└─ pages.json 配置頁面路由、導航條、選項卡等頁面類信息， 詳見

運行在視圖層的js，避免邏輯層和渲染層交互通信折損。
僅支持編譯到微信小程序、H5、app-vue
nvue可用bindingx代替

運行在視圖層的js，避免邏輯層和渲染層交互通信折損。
性能比WXS更好。
僅支持編譯到 app-vue 和 H5
在視圖層操作dom，因此可接觸到dom、bom API，可使用f2、echarts、threejs庫，但不可直接訪問邏輯層數據，因此不可以使用 uni 相關介面（如：uni.request）

基於 weex 改進的原生渲染引擎，提供了原生渲染能力。

vue頁面使用webview渲染；nvue頁面使用原生渲染。一個項目中兩種頁面可以混用。

僅可在App.vue中監聽，在其它頁面監聽無效。
onLaunch 、onShow、onHide 、onError 等

onLoad 、onShow 、onReady 、onHide 、onUnload 、onPullDownRefresh 、onReachBottom 、onBackPress、onPageScroll等

同vue組件生命周期
beforeCreate、created、beforeMount、mounted、beforeDestroy、destroyed

通過pages.json配置，通過 navigator 組件或調用 API 跳轉，類似小程序

可以在 vue-config.js 中配置更多環境

vue頁面是webview渲染的、app端的nvue頁面是原生渲染的。
為保證通用，應使用flex布局
rpx和px是通用的，但 rem、vw、vh、百分比等在nvue中不支持
rpx不支持動態橫豎屏切換計算，使用rpx建議鎖定屏幕方向
App端，在 pages.json 里的 titleNView 或頁面里寫的 plus api 中涉及的單位，只支持 px，不支持 rpx

沒有 * 選擇器
page 代替了 body 選擇器
App.vue 中的樣式為全局樣式，nvue頁面不支持全局樣式

不支持 / 的絕對路徑

引入字體圖標請參考， 字體圖標

7. uni-app如何打包h5發布

1. 點擊頂部菜單欄中的「發行」

2. 點擊「網站-pc web或手機h5(僅適用於uni-app)」

具體步驟看圖片

8. uniapp 如何實現打包App

1、h5項目打包，部署到伺服器，分享訪問域名。例如： http://.com.cn

2、新建一個wep2App項目，啟動看是否已經可以通過新項目正常訪問嵌入的域名：

3、發行→雲打包→使用公共測試證書，點擊打包。
簡主首次打包花費2個小時時間，第二次10分鍾搞定，可能存在首次打包費時的情況。

9. 誰能告訴我所有的擴展名分別代表什麼啊

★常用文件擴展名列表
A 對象代碼庫文件
AAM Authorware shocked文件
AAS Authorware shocked包
ABF Adobe二進制屏幕字體
ABK CorelDRAW自動備份文件
ABS 該類文件有時用於指示一個摘要（就像在一篇有關科學方面的文章的一個摘要或概要，取自abstract）
ACE Ace壓縮檔案格式
ACL CorelDRAW 6鍵盤快捷鍵文件
ACM Windows系統目錄文件
ACP Microsoft office助手預覽文件
ACR 美國放射醫學大學文件格式
ACT Microsoft office助手文件
ACV OS/2的驅動程序，用於壓縮或解壓縮音頻數據
AD After Dark屏幕保護程序
ADA Ada源文件（非-GNAT）
ADB Ada源文件主體（GNAT）；HP100LX組織者的約定資料庫
ADD OS/2用於引導過程的適配器驅動程序
ADF Amiga磁碟文件
ADI AutoCAD設備無關二進制繪圖儀格式
ADM After Dark多模塊屏幕保護；Windows NT策略模板
ADP FaxWork用於傳真數據機的交互安裝文件；Astound Dynamite文件
ADR After Dark隨機屏幕保護；Smart Address的地址簿
ADS Ada源文件說明書（GNAT）
AFM Adobe的字體尺度
AF2，AF3 ABC的FlowChat文件
AI Adobe Illustrator格式圖形
AIF，AIFF 音頻互交換文件，Silicon Graphic and Macintosh應用程序的聲音格式
AIFC 壓縮AIF
AIM AOL即時信息傳送
AIS ACDSee圖形序列文件；Velvet Studio設備文件
AKW RoboHELP的幫助工程中所有A-關鍵詞
ALAW 歐洲電話音頻格式
ALB JASC Image Commander相冊
ALL 藝術與書信庫
AMS Velvet Studio音樂模塊（MOD）文件；Extreme的Tracker模塊文件
ANC Canon Computer的調色板文件，包含一系列可選的顏色板
ANI Windows系統中的動畫游標
ANS ANSI文本文件
ANT SimAnt For Windows中保存的游戲文件
API Adobe Acrobat使用的應用程序設計介面文件
APR Lotus Approach 97文件
常用文件擴展名及含義（B開頭）

BIN 二進制文件
BK，BK$ 有時用於代表備份版本
BKS IBM BookManager Read書架文件
BMK 書簽文件
BMP Windows或OS/2點陣圖文件
BMI Apogee BioMenace數據文件
BOOK Adobe FrameMaker Book文件
BOX Lotus Notes的郵箱文件
BPL Borlard Delph 4打包庫
BQY BrioQuery文件
BRX 用於查看多媒體對象目錄的文件
BSC MS Developer Studio瀏覽器信息文件
BSP Quake圖形文件
BS1 Apogee Blake Stone數據文件
BS_ Microsoft Bookshelf Find菜單外殼擴展名
BTM Norton 應用程序使用的批處理文件
BUD Quicken的備份磁碟
BUN CakeWalk 聲音捆綁文件(一種MIDI程序)
BW SGI黑白圖像文件
BWV 商業波形文件
BYU BYU的電影文件格式
B4 Helix Nuts and Bolts文件

常用擴展名及含義（C開頭）

C C代碼文件
C0l 台風波形文件
CAB Microsoft壓縮檔案文件
CAD Softdek的Drafix CAD文件
CAL CALS壓縮點陣圖；日歷計劃表數據
CAM Casio照相機格式
CAP 壓縮音樂文件格式
CAS 逗號分開的ASCⅡ文件
CAT Quicken使用 的IntellCharge分類文件
CB Microsoft干凈引導文件
CBI 二進制卷格式文件(用於IBM大型機系統)
CC Visual dBASE用戶自定義類文件
CCA cc：郵件文件
CCB Visual Basic動態按鈕配置文件
CCF 多媒體查看器配置文件，用於OS/2
CCH Corel圖表文件
CCM Lotus cc：郵箱（例如「INBOX.CCM」）
CCO CyberChat數據文件
CCT Macromedia Director Shockwave投影
CDA CD音頻軌道
CDF Microsoft頻道定義格式文件
CDI Philip的高密盤交互格式
CDM Visual dBASE自定義數據模塊文件
CDR CorelDRAW繪圖文件；原始音頻CD數據文件
CDT CorelDRAW模板
CDX CorelDRAW壓縮繪圖文件；Microsoft Visual FoxPro索引文件
CEL CIMFast事件語言文件
CER 證書文件（MIME x-x509-ca-cert）
CFB Compton的多媒文件
CFG 配置文件
CFM CotdFusion模板文件；Visual dBASE Windows用戶定製表單
CGI 公共網關介面腳本文件
CGM 計算機圖形元文件
CH OS/2配置文件
CHK 由Windows磁碟碎片整理器或磁碟掃描保存的文件碎片
CHM 編譯過的HTML文件
CHR 字元集（字體文件）
CHP Ventura Publisher章節文件
CHT ChartViem文件；Harvard Graphics矢量文件
CIF Adaptec CD 創建器 CD映像文件
CIL Clip Gallery下載包
CIM SimCity 2000文件
CIN OS/2改變控制文件用於跟蹤INI文件中的變化
CK1 iD/Apogee Commander Keen 1數據文件
CK2 iD/Apogee Commander Keen 2數據文件
CK3 iD/Apogee Commander Keen 3數據文件
CK4 iD /Apogee Commander Keen 4數據文件
CK5 iD /Apogee Commander Keen 5數據文件
CK6 iD /Apogee Commander Keen 6數據文件
CLASS java類文件
CLL Crick Software Clicker文件
CLP Windows 剪貼板文件
CLS Visual Basic類文件
CMD Windows NT，OS/2的命令文件；DOS CD/M命令文件；dBASEⅡ程序文件
CMF Corel元文件
CMG Chessmaster保存的游戲文件
CMP JPEG點陣圖文件；地址文檔
CMV Corel Move動畫文件
CMX Corel Presentation Exchange圖像
CNF Telnet，Windows和其他其內格式會發生改變的應用程序使用的配置文件
CNM Windows應用程序菜單選項和安裝文件
CNQ Compuworks Design Shop文件
CNT Windows（或其他）系統用於幫助索引或其他目的內容文件
COB TrueSpace 2對象文件
COD Microsoft C編譯器產生的可顯示機器碼/匯編代碼文件，其中附有源C代碼作為注釋
COM 命令文件（程序）
CPD，CPE 傳真覆蓋文檔
CPI Microsoft MS-DOS代碼頁信息文件
CPL 控制面板擴展名，Corel顏色板
CPO Corel列印存儲文件
CPP C++代碼文件
CPR Corel提供說明書文件
CPT Corel 照片-繪畫圖像
CPX Corel Presentation Exchange壓縮圖形文件
CRD Windows Cardfile文件
CRP Corel 提供的運行時介紹文件；Visual dBASE自定義報表文件
CRT 認證文件
CSC Corel腳本文件
CSP PC Emcee On_Screen圖像
CSS 瀑布式表格文件
CST Macromedia Director Cast文件
CSV 逗號分隔的值文件
CT Scitex CT點陣圖文件；Paint Shop Pro Grapic編輯器文件
CTL 通常用於表示一個包含控制項信息的文件；FaxWork用它來保持有關每個傳真收到或發出的信息
CUE Microsoft提示牌數據文件
CUR Windows游標文件
CUT Dr Halo點陣圖文件
CV Corel版本的檔案文件；Microsoft CodeView信息屏幕文件
CWK ClarisWorks數據文件.
CWS ClarisWorks模塊
CXT Macromedia Director受保護的（不可編輯的）投影文件
CXX C++源代碼文件

常用擴展名及含義（D開頭）

DAT 數據文件；WrodPerfect合並數據文件；用於一些MPEG格式的文件
DB Borland的Paradox 7表
DBC Microsoft Visual FoxPro資料庫容器文件
DBF dBASE文件，一種由Ashton-Tate創建的格式，可以被ACT！、Lipper、FoxPro、Arago、Wordtech、Xbase和類似資料庫或與資料庫有關產品識別；可用數據文件（能被Excel 97打開）；Oracle 8.1.x表格空間文件
DBX DataBearn圖像；Microsoft Visual FoxPro表格文件
DCM DCM模塊格式文件
DCR 沖擊波文件
DCS 桌面顏色分隔文件
DCT Microsoft Visual FoxPro資料庫容器
DCU Delphi編譯單元文件
DCX Microsoft Visual FoxPro資料庫容器；基於PCX的傳真圖像；宏
DC5 DataCAD繪圖文件
DDF Btrieve或Xtrieve數據定義文件，它包含用於描述Btrieve或Xtrieve文件的元數據
DDIF Digital Equipment或 Compaq格式，用於保存他們圖像與字處理文檔
DEF SmartWareⅡ數據文件；C++模塊定義文件
DEFI Oracle 7 卸載腳本文件
DEM 用於表示數字高度模型的USGS基準的文件
DER 認證文件
DEWF Macintosh Sound Cap/Sound Edit錄音設備格式
DGN Macintosh 95 CAD繪圖文件
DIB 設備無關點陣圖
DIC 目錄
DIF 可進行數據互換的電子表格
DIG DigiLink格式；Sound DesignerⅠ音頻文件
DIR MacromediaDirector文件
DIZ 描述文件
DLG C++對話框腳本文件
DLL 動態鏈接庫
DLS 可下載聲音文件
DMD Visual dBASE數據模塊文件
DMF X-Trakker音樂模塊（MOD）文件
DOC FrameMaker或FrameBuilder文檔；Word Star文檔、Word Perfect文檔、Microsoft Word文檔；DisplayWrite文檔
DOT Microsoft Word文檔模板
DPL Borland Delph3壓縮庫
DPR Borland Delphi工程頭文件
DRAW Acorn的基於對象的矢量圖像文件
DRV 驅動程序
DRW Micrografx Designer/Draw；Pro/E繪畫文件
DSF Micrografx Designer VFX文件
DSG DOOM保存的文件
DSM Dynamic Studio音樂模塊（MOD）文件
DSP Microsoft Developer Studio工程文件
DSQ Corel QUERY（查詢）文件
DST 刺綉機圖形文件
DSW Microsoft Developer Studio工作區文件
DTA Word Bank（世界銀行）的STARS數據文件
DTD SGML文檔類型定義（DTD）文件
DTED 地面高度數字數據（圖形的數據格式）文件
DTF Symantec Q&A相關的資料庫數據文件
DTM DigiTrakker模塊文件
DUN Microsoft拔號網路導出文件
DV 數字視頻文件（MIME）
DWD DiamondWare數字化文件
DWG AutoCAD工程圖文件；AutoCAD或Generic CADD老版本的繪圖格式
DXF 可進行互交換的繪圖文件格式，二進制的DWG格式的文本表示；數據交換文件
DXR Macromedia Director受保護（不可編輯）電影文件
D64 Commodore的64位模擬磁碟圖像文件

常用擴展名及含義（E開頭）

EDA Ensoniq ASR磁碟映像
EDD 元素定義文檔（FrameMaker+SGML文檔）
EDE Ensoniq EPS磁碟映像
EDK Ensoniq KT磁碟映像
EDQ Ensoniq SQ1/SQ2/Ks32磁碟映像
EDS Ensoniq SQ80磁碟映像
EDV Ensoniq VFX-SD磁碟映像
EFA Ensoniq ASR文件
EFE Ensoniq EPS文件
EFK Ensoniq KT文件
EFQ Ensoniq SQ1/SQ2/Ks32文件
EFS Ensoniq SQ80文件
EFV Ensoniq VFX-SD文件
EMD ABT擴展模塊
EMF Windows增強元文件
EML Microsoft Outlook Express郵件消息（MIME RTC822）文件
ENC 重演文件
ENFF 中性文件格式擴展名
EPHTML Perl解釋增強HTML文件
EPS 壓縮的PostScript圖像
EPSF 壓縮的PostScript文件
ERI ERWin文件
ERR 當RobooHELP幫助編譯器企圖編譯一個幫助系統源文件時用來存儲錯誤消息的文件
EPX ERWin文件
ESPS ESPS音頻文件
EUI Ensoniq ESP家族的壓縮磁碟映像
EVY 特使文檔
EWL Microsoft Encarta文檔
EXC Microsoft Word禁止字字典
EXE 可執行文件（程序）

常用擴展名及含義（F開頭）

F FORTRAN文件
F2R Farandoyle線性模塊格式
F3R Farandoyle分塊線性模塊格式
F77 FORTRAN文件
F90 FORTRAN文件
FAR Fradole Composer音樂模塊（MOD）文件
FAV Microsoft Outlook導航條
FAX 傳真類型圖像
FBK Navison 金融備份
FCD 虛擬CD-ROM
FDB Navison 金融資料庫
FDF Adobe Acrobat表單文檔文件
FEM CADRE有限元素網路文件
FFA，FFL，FFO，FFK Microsoft快速查找文件
FFF GUS PnP銀行文件格式
FH3 Als Freehand 3繪圖文件
FIF Fractal圖像文件
FIG REND386/AVRIL使用的文件格式
FITS CCD照相機圖像；靈活圖像傳輸系統
FLA Macromedia Flash電影
FLC Autodesk FLIC動畫文件
FLF Corel Paradox產生的格式：Navison Financials許可文件；OS/2驅動程序文件
PLI Autodesk FLIC動畫
FLT StarTrekker音樂模塊(MOD)文件；MultiGen Inc的Open Flight使用的文件格式；Corel過濾器文件
FM Adobe FrameMaker文檔
FMB Oracle4.0版或以後版本表單的二進制源代碼文件
FML 文件鏡象列表（GetRight）
FMT Oracle 4.0版或以後版本表單的文本格式；Microsoft Schele+ 列印文件
FMX Oracle 4.0版或以後版本可執行表單
FND Microsoft Explorer保存的搜索文件（Find applet）
FNG 字體組文件（字體導航器，Font Navigator）
FNK Funk Tracker模塊格式
FOG Fontographer模塊字體
FON 系統字體
FOR FORTRAN文件
FOT 字體相關文件
FP FileMaker Pro文件
FP1 Flying Pigs for Windows數據文件
FP3 FileMaker Pro文件
FPT FileMaker Pro文件；Microsoft Fox Pro備注字體文件
FPX FlashPix點陣圖
FRM 表單；Frame Maker或Frame Builder文檔；Oracle可執行表(3.0版或早期版本)；Visual Basic表單；WordPerfect Merge表單；DataCAD標志報表文件
FRT Microsoft FoxPro報表文件
FRX Visual Basic表單文本；Microsoft FoxPro報表文件
FSF fPrint Audit Tool文件格式
FSL Borland的Paradox 7表單；Corel Paradox保存的表單
FSM Parandoyle示例格式
FT Lotus Notes全文本索引
FTG 全文本搜索組文件，由Windows幫助系統查找時產生——可以刪除，並在需要時重建起來
FTS 全文本搜索引文件，由Windows幫助系統查找時產生
FW2 Framework Ⅱ文件
FW3 Framework Ⅲ文件
FW4 Framework Ⅳ文件
FXP 經Microsoft FoxPro編譯的源文件
FZB Casio FZ-1銀行轉儲
FZF Casio FZ-1完全轉儲
FZV Casio FZ-1聲音轉儲

常用擴展名及含義（G開頭）

G721 Raw CCITT G.721 $bit ADPCM格式數據
G723 Raw CCITT G.723 3或5bit ADPCM格式數據
GAL Corel多媒體管理器相集
GCD Generic CADD繪畫文件（後續版本）
GCP Ground Control Point（地面控制點）文件，用於遠景數據形成圖像過程，經常用於生成圖工程—CHIPS（copenhagen image processing system）使用這些文件
GDB InterBase資料庫文件
GDM 鈴聲、口哨聲和聲音板模塊格式
GED GEDCOM 系譜數據文件，用於記錄和交換系譜數據的流行格式；圖形環境文檔繪畫
GEM GEM元文件
GEN Ventura產生的文本文件
GetRight GetRight未完成的下載文件
GFC Patton&Patton FlowCharting 4 flowchart文件
GFI，GFX Genigraphics圖形鏈接表示文件
GHO Norton 克隆磁碟映像
GID Windows 95全局索引文件（包括幫助狀態）
GIF CompuServe點陣圖文件
GIM，GIX Genigraphics圖形鏈接介紹文件
GKH Ensoniq EPS家簇磁碟映像文件
GNA Genigraphics圖形鏈接介紹文件
GNT 生成代碼，Micro Focus屬性格式里的可執行代碼
GNX Genigraphics圖形鏈接介紹文件
GRA Microsoft Graph文件
GRD 用於遠程視景數據產生地圖過程的格式文件，通常應用於形成地圖工程—CHIPS（copenhagen image processing system）使用這些文件
GRF Grapher（Golden Software公司）圖形文件
GRP 程序管理組
GSM Raw GSM 6.10音頻流；Raw「byte aligned（比特對齊的）」 GSM 6.10音頻流；US Robotics語音數據機
GTK Graoumftracker（老）音樂模塊（MOD）文件
GT2 Graoumftracker（新）音樂模塊（MOD）文件
GWX，GWZ Cenigraphis圖形鏈接介紹文件
GZ UNIX gzip壓縮文件

常用擴展名及含義（H開頭）

H C程序頭文件
HCM IBM HCM配置文件
HCOM 聲音工具HCOM格式
HCR IBM HCD/HCM產品配置文件
HDF 高級計算機應用程序本地中心（NCSA） geospatial Hierarchial數據格式文件
HED HighEdit文檔
HEL Microsoft Hellbender格式保存的游戲文件
HEX Macintosh BinHex2.0文件
HGL HP圖形語言繪圖文件
HH 映射文件，包括一些話題ID和在幫助文件系統中話題的映射數字—允許運行中應用程序發送給用戶合適的上下文幫助話題
HLP 幫助文件；Date CAD Windows幫助文件
HOG Lucas Arts的Dark Forces WAD文件
HPJ Visual Basic幫助工程
HPP C++程序頭文件
HQX Macintosh BinHex 4.0文件
HST 歷史文件
HT HyperTerminal（超級終端）
HTM，HTML 超文本文檔
HTT Microsoft超文本模板
HTX 擴展HTML模板
HXM Descent2 HAM文件擴展

常用擴展名及含義（I開頭）

ICA Citrix文件
ICB Targa點陣圖文件
ICC Kodak列印機格式文件
ICL 圖標庫文件
ICM 圖形顏色匹配配置文件
ICO Windows圖標
IDB MSDev中間層文件
IDD MIDI設備定義
IDF MIDI設備定義（Windows 95需要的文件）
IDQ Internet數據查詢文件
IDX Microsoft FoxPro相關資料庫索引文件；Symantec Q&A相關資料庫索引文件；Microsoft Outlook Express文件
IFF 交換格式文件；Amiga ILBM
IGES 初始圖形交換說明文件
IGF 插入系統元文件
IIF QuickBooks for Windows交換文件
ILBM 點陣圖圖形文件
IMA WinImage磁碟映像文件
IMG GEM映像
IMZ WinImage壓縮磁碟映像文件
INC 匯編語言或動態伺服器包含文件
INF 信息文件
INI 初始化文件；MWave DSP Synth的「nwsynth.ini」 GMS安裝；Cravis Ultrasound bank安裝
INP Oracle 3.0版或早期版本的表單源代碼
INRS INRS遠程通信聲頻
INS InstallShield安裝腳本；X-Internet簽字文件；Ensoniq EPS字簇設備；Cell/ⅡMAC/PC抽樣設備
INT 中間代碼，當一個源程序經過語法檢查後編譯產生一個可執行代碼
IOF Findit文檔
IQY Microsoft Internet查詢文件
ISO 根據ISD 9660有關CD-ROM文件系統標准列出CD-ROM上的文件
ISP X-Internet簽字文件
IST 數字跟蹤設備文件
ISU InstallShield卸裝腳本
IT 脈沖跟蹤系統音樂模塊(MOD)文件
ITI 脈沖跟蹤系統設備
ITS 脈沖跟蹤系統抽樣，Internet文檔位置
IV Open Inventor中使用的文件格式
IVD 超過20/20微觀數據維數或變數等級文件
IVP 超過20/20的用戶子集配置文件
IVT 超過20/20表或集合數據文件
IVX 超過20/20微數據目錄文件
IW Idlewild屏幕保護程序
IWC Install Watch文檔

常用擴展名及含義（J開頭）

J62 Ricoh照相機格式
JAR Java檔案文件（一種用於applet和相關文件的壓縮文件）
JAVA Java源文件
JBF Paint Shop Pro圖像瀏覽文件
JFF，JFIF，JIF JPEG文件
JMP SAS的JMPDiscovery表格統計文件
JN1 Epic MegaGames的Jill of the Jungle數據文件
JPE，JPEG，JPG JPEG圖形文件
JS javascript源文件
JSP HTML網頁，其中包含有對一個Java servlet的參考
JTF JPEG點陣圖文件

常用擴展名及含義（K開頭）

K25 Kurzweil 2500抽樣文件
KAR 卡拉OK MIDI文件（文本+MIDI）
KDC Kodak光增強器
KEY DataCAD圖標工具條文件
KFX KoFak Group 4圖像文件
KIZ Kodak數字明信片文件
KKW RoboHELP幫助工程索引設計器中與主題無關的K開頭的所有關鍵字
KMP Korg Trinity KeyMap文件
KQP Konica照相機本地文件
KR1 Kurzweil 2000抽樣（多軟碟機）文件
KRZ Kurzweil 2000抽樣文件
KSF Korg Trinity抽樣文件
KYE Kye游戲數據

常用擴展名及含義（L開頭）

LAB Visual dBASE標簽文件
LBM Deluxe Paint點陣圖文件
LBT，LBX Microsoft FoxPro標簽文件
LDB Microsoft Access加鎖文件
LDL Corel Paradox分發庫
LEG Legacy文檔
LES Logitech娛樂系統游戲配置文件（與REC文件一樣）
LFT 3D Studio（DOS）放樣文件
LHA LZH更換文件後綴
LIB 庫文件
LIN DataCAD線型文件
LIS 結構化查詢報告（SQR）程序產生的輸出文件
LLX Laplink交換代理
LNK Windows快捷方式文件
LOG 日誌文件
LPD Helix Nut和Bolt文件
LRC Intel可視電話文件
LSL Corel Paradox保存的庫文件
LSP AutoLISP、CommonLISP和其他LISP語言文件
LST 列表文件
LU ThoughtWing庫單元文件
LVL Parallax Software的 Miner Descent/D2 Level擴展
LWLO Lightwave分層對象文件
LWOB Lightwave對象文件
LWP Lotus WordPro 96/97文件
LWSC Lightwave視景文件
LYR DataCAD層文件
LZH LH ARC壓縮檔案
LZS Skyroads數據文件

常用擴展名及含義（M開頭）

M1V MPEG相關文件(MIME「mpeg」類型)
M3D Corel Motion 3D動畫文件
M3U MPEG URL（MIME聲音文件）
MAC MacPaint圖像文件
MAD Microsoft Access模塊文件
MAF Microsoft Access表單文件
MAG 在一些日本文件中發現的圖形文件格式
MAGIC 魔力郵件監視器配置文件
MAK Visual Basil或Microsoft Visual C++工程文件
MAM Microsoft Access宏
MAN UNIX手冊頁輸出
MAP 映射文件；Duke Nukem 3D WAD游戲文件
MAQ Microsoft Access查詢文件
MAR Microsoft Access報表文件
MAS Lotus Freelance Graphics Smart Master文件
MAT Microsoft Access表；3D Studio MAX材料庫
MAUD MAUD抽樣格式
MAX Kinetx的3DStudio MAX文件；該格式用於一個3D場景文件；Paperport文件；OrCAD設計文件
MAZ Hover迷路數據；Division的dVS/dVISE使用的文件格式
MB1 Apogee Monster Bash數據文件
MBOX Berkeley Unix郵箱格式
MBX Microsoft Outlook保存email格式；Eudora郵箱
MCC Dailerl0呼叫卡
MCP Metrowerks CodeWarrior工程文件
MCR DataCAD鍵盤宏文件
MCW Microsoft Word的Macintosh文檔
MDA Microsoft Access內抽入器；Microsoft Access 2.0版及其後續版本的工作組事件
MDB Microsoft Access資料庫
MDE Microsoft Access MDE文件
MDL 數字跟蹤器音樂模塊（MOD）文件；Quake模 塊文件
MDN Microsoft Access空資料庫模板
MDW Microsoft Access工作組文件
MDZ Microsoft Access向導模板文件
MED 音樂編輯器，OctaMED音樂模塊（MOD）文件
MER 電子表格/資料庫數據交換格式；FileMaker、Excel及其他軟體能識別
MET 表示管理器元文件
MFG Pro/ENGINEER製造文件
MGF 在材料與幾何學里的文件格式
MHTM，MHTML MHTML文檔（MIME）
MI 雜項
MIC Microsoft Image Composer文件
MID MIDI音樂
MIF Adobe FramMaker交換格式
MIFF 與機器無關格式文件
MIM，MIME，MME Internet郵件擴展格式的多用途文件，經常作為發送e-mail時在AOL里附件而創建的文件；在一個多區MIM文件里的文件能用WinZip或其他類似程序打開
MLI 3D Studio的材料庫格式文件
MMF Meal Master格式；一個處方類格式；Microsoft郵件文件
MMG 超過20/20表或集會數據文件
MMM Microsoft多媒體電影
MMP Mindmapor Mind Manager文件
MN2 Descent2任務文件
MND，MNI Mandelbort for Windows
MNG 多映像網路圖形
MNT,MNX Microsoft FoxPro菜單文件
MNU Visual dBASE菜單文件；Intertel Systems Interact菜單文件
MOD Fast Tracker、Star Trekker、Noise Tracker(等等)音樂模塊文件；Microsoft多計劃電子表格；Amiga/PC磁軌文件
MOV QuickTime for Windows電影
MP2 第二層MPEG音頻文件
MP3 第三層MPEG音頻文件
MPA MPEG相關文件，MIME「mpeg類型」
MPE，MPEG，MPG MPEG動畫文件
MPP Microsoft工程文件；CAD繪圖文件格式
MPR Microsoft FoxPro菜單（已編譯）
MRI MRI掃描文件
MSA 魔術陰影檔案
MSDL Manchester的場景描述語言
MSG Microsoft郵件消息
MSI Windows 安裝器包
MSN Microsoft網路文檔；Descent Mission文件
MSP Microsoft Paint（畫圖）點陣圖文件；Windows Installer路徑文件
MST Windows 安裝器傳輸文件
MTM Multi 跟蹤器音樂模塊（MOD）文件
MUL Ultima在線
MUS 音樂
MUS10 Mus10聲音
MVB Microsoft多媒體查看器文件
MWP Lotus WordPro 97 Smart Master文件

常用擴展名及含義（N開頭）

NAP NAP元文件
NCB Microsoft Developer Studio文件
NCD Norton改變目錄
NCF NetWare命令文件；Lotus Notes內部剪切板
NDO 3D 低多邊形建模器，Nendo
netCDF 網路公用數據表單
NFF 中性文件格式
NFT NetObject Fusion模板文件
NIL Norton游標庫文件（EasyIcons-兼容）
NIST NIST Sphere聲音
NLB Oracle 7數據
NLM NetWare可裝載模塊
NLS 用於本地化的國家語言支持文件（例如，Uniscape）
NLU Norton Live Update e-mail 觸發器文件
NOD NetObject Fusion文件
NSF Lotus Notes資料庫
NSO NetObject Fusion文檔文件 t多媒體查看器文件
MWP Lotus WordPro 97 Smart Master文件

NST Noise Tracker音樂模塊（MOD）文件
NS2 Lotus Notes資料庫（第二版）
NTF Lotus Notes資料庫模板
NTX CA-Clipper索引文件
NWC Noteworthy Composer歌曲文件
NWS Microsoft Outlook Express新聞消息（MIME RFC822）

常用擴展名及含義（O開頭）

O01 台風聲音文件
OBD Microsoft Office活頁夾
OBJ 對象文件
OBZ Microsoft Office活頁夾向導
OCX Microsoft對象鏈接與嵌入定製控制項
ODS Microsoft Outlook Express郵箱文件
OFF 3D 網狀物對象文件格式
OKT Oktalyzer音樂模塊（MOD）文件
OLB OLE對象庫
OLE OLE對象
OOGL 面向對象圖形庫
OPL 組織者編程語言源文件——Psion/Symbian
OPO OPL輸出可執行文件
OPT Microsoft Developer Studio文件
OPX OPL擴展DLL（動態鏈接庫）
ORA Oracle 7 配置文件
ORC Oracle 7腳本文件
ORG Lotus Organ

10. uni-app 入門到精通 （二）

18 年時候有幸接觸到 uniapp , 寫了一篇 《uni-app 入門到精通》 ，由於一些原因，該方案並沒有執行，該項目一系列文章也就沒有再寫下去，所以遭受到了許多人評論的吐槽，到如今公司項目的需求又要根據 uniapp 寫 H5 嵌入到 app 中，所以想根據項目實際開發分享一下，有興趣的夥伴可以參考和吐槽。

這一篇文章主要分享一下內容

uniapp 模板項目有兩種初始化方式

由於無法舍棄 VSCode ，我們採用 vue-cli 來初始化項目， HBuilderX 大家可以參照官方文檔

這種方式是可以通過 vue 腳手架命令指定模板，這個是 dcloudio 的官方提供模板

我們選擇默認模板即可，
成功後我們執行

打開瀏覽器地址，直接運行即可。

一般剛接觸前端的小夥伴可能會對 postcss 不太了解，這里簡單介紹一下，

當然 PostCSS 具體使用是需要引入一些插件的，例如常用的是 autoprefixer postcss-preset-env 等, 具體如何使用大家可以自行參考資料，畢竟這塊知識還是挺多的就不具體展開解釋了。

通常我們在寫移動端時候需要做的是頁面適配方案的確定， uni-app 支持的通用 css 單位包括 px、rpx ， 之前的 upx 方案已經被廢棄掉，官方解釋是目前市面上已經基本上支持了微信的 rpx 方案，所以 upx 中轉方案已經意義不大了，不過還可以繼續使用，不過已經不再推薦。

rpx 之初是由微信小程序提出一種方案，即根據寬度來進行適配以 750 寬屏幕為基準， 750rpx 恰好為屏幕寬度, uni-app 規定屏幕基準寬度 750rpx 。所以說如果你們的UI 設計以 750*1334 iphone 6/6s 為基準設計的話，你只需要將屏幕上 px 寫為 rpx 即可，不用做任何換算，如果不是的話，你就需要做如下換算：

uniapp 有自己一套路由管理機制，而未採用 vue-route 方案，個人認為這套方案還是比較成熟和好用的，以及可以滿足我們日常的需求:

保留當前頁面，跳轉到應用內的某個頁面，使用uni.navigateBack可以返回到原頁面。

2.uni.redirectTo(OBJECT)

關閉當前頁面，跳轉到應用內的某個頁面。

3.uni.reLaunch(OBJECT)
關閉所有頁面，打開到應用內的某個頁面。

注意： 如果調用了 uni.preloadPage(OBJECT)) 不會關閉，僅觸發生命周期 onHide

4.uni.switchTab(OBJECT)

跳轉到 tabBar 頁面，並關閉其他所有非 tabBar 頁面。

注意： 如果調用了 uni.preloadPage(OBJECT)不會關閉，僅觸發生命周期 onHide

5.uni.navigateBack(OBJECT)

關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages() 獲取當前的頁面棧，決定需要返回幾層。

5.uni.preloadPage(OBJECT)

預載入頁面，是一種性能優化技術。被預載的頁面，在打開時速度更快。

以上路由API 已經滿足我們的需求，當然進行路由跳轉的前提是我們需要在 pages.json 進行路由配置, 包括路由和具體的樣式配置

而進行具體路由跳轉我們需要如下，需要多加一個 /

需要特別注意的一點是, 利用瀏覽器 在 進行 移動H5頁面調試時候，會出現頁面刷新之後頁面棧會消失，此時navigateBack不能返回，如果一定要返回可以使用history.back()導航到瀏覽器的其他歷史記錄。

uniapp 提供網路請求的 api 是 uni.request ，具體支持的請求方法可以參考官網 method 有效值

不過我們通常不會直接使用，而是進過一系列的封裝以方便我們的使用，具體封裝介面使用會在隨根據頁面數據請求一並展示。