uniapp反編譯

㈠ uniapp打包後的h5能反編譯嗎

不能。uniapp打包後app無法打開問題，因此h5是不能反編譯的。uniapp是一個使用Vue.js開發所有前端應用的框架，開發者編寫一套代碼，可發布到iOS、Android、Web響應式、以及各種小程序，比如微信、支付寶、網路、頭條、QQ、釘釘、淘寶、快應用等多個平台。

㈡ uni-app使用Vue.js

說明 ：uni-app基於 Vue 2.0 實現，開發者需注意Vue 1.0 -> 2.0 的使用差異，詳見 從 Vue 1.x 遷移 。

uni-app不僅支持應用生命周期和頁面生命周期，還支持 vue 實例的如下生命周期函數：

注意 ：不要在選項屬性或回調上使用箭頭函數，比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。因為箭頭函數是和父級上下文綁定在一起的，this 不會是如你做預期的 Vue 實例，且 this.a 或 this.myMethod 也會是未定義的。

幾乎全支持 Vue官方文檔：模板語法 ，下面講下不支持的情況。
(1)不支持純HTML
uni-app的非H5端里所有的 BOM／DOM 都不能用，也就是說 v-html 指令不能用，可以使用 rich-text組件 代替。或者使用三方組件wxparse，在hello uni-app中有示例。
(2)不支持部分復雜的 JavaScript 渲染表達式
非H5端無法支持復雜的 JavaScript 表達式。目前可以使用的有 + - * % ?: ! == === > < [] .，剩下的還待完善。
(3)不支持過濾器
編譯到 App 和小程序平台時不支持使用過濾器，可以使用計算屬性（computed）提前計算出數據（如果是數組類型，就提前計算整個數組），用以代替過濾器。
備注 ： 自HBuilderX 1.7.1起，在微信小程序平台支持使用過濾器。

data 必須聲明為返回一個初始數據對象的函數；否則頁面關閉時，數據不會自動銷毀，再次打開該頁面時，會顯示上次數據。

注意 ：在微信小程序端，uni-app 將數據綁定功能委託給Vue，開發者需按Vue 2.0的寫法實現數據綁定，不支持微信小程序的數據綁定寫法，故如下寫法不支持：

需修改為：

支持 Vue官方文檔：計算屬性 。

實現全局變數的方式需要遵循 Vue 單文件模式的開發規范。詳細參考： uni-app全局變數的幾種實現方式 。

非H5端不支持在 template 內使用 methods 中的函數。
備注 ： 自HBuilderX 1.7.1起，在微信小程序平台支持支持在 template 內使用 methods 中的函數。

為節約性能，我們將 Class 與 Style 的表達式通過 compiler 硬編碼到 uni-app 中。

全支持 Vue官方文檔：條件渲染 。

全支持vue列表渲染 Vue官方文檔：列表渲染 。只是需要注意一點，嵌套列表渲染，必須指定不同的索引！需要填寫 :key="xx" 。

注意 ：同級多個 v-for 時 key 的值是不允許重復的，key 的綁定是不支持表達式的，需要按照以下方式處理。

幾乎全支持 Vue官方文檔：事件處理器 。事件映射表如下所示：

注意 ：
(1)事件映射表中沒有的原生事件也可以使用，例如map組件的regionchange 事件直接在組件上寫成 @regionchange,同時這個事件也非常特殊，它的 event type 有 begin 和 end 兩個，導致我們無法在handleProxy 中區分到底是什麼事件，所以你在監聽此類事件的時候同時監聽事件名和事件類型既 <map @regionchange="functionName" @end="functionName" @begin="functionName"><map>。
(2)為兼容各端，事件需使用 v-on 或 @ 的方式綁定，請勿使用小程序端的bind 和 catch 進行事件綁定。
(3)事件修飾符

(4)若需要禁止蒙版下的頁面滾動，可使用 @touchmove.stop.prevent="moveHandle"，moveHandle 可以用來處理 touchmove 的事件，也可以是一個空函數。

(5)按鍵修飾符：uni-app運行在手機端，沒有鍵盤事件，所以不支持按鍵修飾符。

支持 Vue官方文檔：表單控制項綁定 。建議開發過程中直接使用 uni-app：表單組件 。用法示例：
(1)H5 的select 標簽用 picker 組件進行代替

(2)表單元素 radio 用 radio-group 組件進行代替

組件是整個 Vue.js 中最復雜的部分，支持 Vue官方文檔：組件 。有且只能使用單文件組件（.vue 組件）的形式進行支持。其他的諸如：動態組件，自定義 render ，和 <script type="text/x-template"> 字元串模版等非H5端都不支持。詳細的非H5端不支持列表：
(1)暫不支持在組件引用時，在組件上定義 click 等原生事件、v-show（可用 v-if 代替）和 class style 等樣式屬性(例：<card class="class-name"> </card> 樣式是不會生效的)。
Slot（scoped 暫時還沒做支持）
(2)動態組件
(3)非同步組件
(4)inline-template
(5)X-Templates
(6)keep-alive
(7)transition
(8)class
(9)style
(10)組件里使用 slot 嵌套的其他組件時不支持 v-for

uni-app提供了豐富的 UI組件 ，比如： picker , map 等，需要注意的是原生組件上的事件綁定，需要以 vue 的事件綁定語法來綁定，如 bindchange="eventName" 事件，需要寫成 @change="eventName" 。如:

uni-app 支持配置全局組件，需在 main.js 里進行全局注冊，注冊後就可在所有頁面里使用該組件。 注意 ：Vue.component 的第一個參數必須是靜態的字元串。示例：
(1)main.js 里進行全局注冊

(2)index.vue 里可直接使用組件

在 uni-app 中以下這些作為保留關鍵字，不可作為組件名。

備注 ：除以上列表中的名稱外，標準的 HTML 及 SVG 標簽名也不能作為組件名。

(1) 如何獲取上個頁面傳遞的數據
在 onLoad 里得到，onLoad 的參數是其他頁面打開當前頁面所傳遞的數據。
(2) 如何設置全局的數據和全局的方法
uni-app內置了 vuex ，在app里的使用，可參考 hello-uniapp 的 store/index.js 。

(3)如何捕獲 app 的 onError
由於 onError 並不是完整意義的生命周期，所以只提供一個捕獲錯誤的方法，在 app 的根組件上添加名為 onError 的回調函數即可。如下：

(4)組件屬性設置不生效解決辦法
當重復設置某些屬性為相同的值時，不會同步到view層。 例如：每次將scroll-view組件的scroll-top屬性值設置為0，只有第一次能順利返回頂部。 這和props的單向數據流特性有關，組件內部scroll-top的實際值改動後，其綁定的屬性並不會一同變化。解決辦法有兩種（以scroll-view組件為例）：

備注 ：第二種解決方式在某些組件可能造成抖動，推薦第一種解決方式。

㈢ uniapp怎麼轉到vscode

Uniapp是一款跨平台的應用程序開發框架，可以用於開發多種類型的應用程序，包括Web應用程序、移動應用程序等。而VS Code是一款輕量級的代碼編輯器，支持多種編程語言和框架，包括Uniapp。
如果您想在VS Code中開發Uniapp應用程序，可以按照以下步驟操作：
1. 安裝VS Code：首先，您需要下載並安裝VS Code編輯器。您可以從官方網站（https://code.visualstudio.com/）下載適用於您的操作系統的版本。
2. 安裝Uniapp插件：在VS Code中高純，您需要安裝Uniapp插件旅碧以支持Uniapp框架的開發。您可以在VS Code的擴展市場中搜索「Uniapp」並安裝相應的插件。
3. 創建Uniapp項目：在VS Code中，您可以使用命令行工具或Uniapp官方提供的腳手架工具創建Uniapp項目。在命令行中，您可以使用以下命令創建一個新的Uniapp項目：
```
vue create -p dcloudio/uni-preset-vue my-project
```
其中，「my-project」是您拆念舉的項目名稱。您也可以使用Uniapp提供的腳手架工具創建項目，具體操作請參考Uniapp官方文檔。
4. 編輯Uniapp項目：在VS Code中，您可以打開Uniapp項目文件夾，並編輯項目文件。您可以使用VS Code提供的代碼編輯、調試和測試工具來開發和測試您的應用程序。
總之，將Uniapp項目轉移到VS Code中並不困難，只需要按照上述步驟操作即可。

㈣ 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頁面不支持全局樣式

不支持 / 的絕對路徑

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

㈤ uni-app入坑持續更新中...

   都是坑，防不勝防

   正常組件調組件，在父組件修改子組件樣式，抱歉/deep/、>>> 等穿透作用於class等不生效
解決方案：
1、穿透作用於標簽（不推薦薯銷：層級多不好控制，而且會有警告）

2、作用於對應page頁文件(這個居然可以實在是懵逼啊)

解決方案：動態綁定v-model 和 value值就可以了（神奇啊）扒告

   坑春手明多的讓你想摔手機

㈥ uni-app nvue

nvue 即 native vue，在weex基礎上封裝了uni的api，提供了原生渲染能力，常用於在App端某些vue頁面表現不佳的場景下作為強化補充。
App的nvue頁面使用原生渲染，一個項目中可以同時存在vue和nvue頁面。

HBuilder頁面創建時可以選擇為vue還是nvue頁面
在非app端，只有uni-app編譯模式的nvue文件才會編譯（因weex模式不支持非app端）。
如果一個頁面路由下出現同名的vue和nvue文件，App端會使用nvue頁面，非App端會使用vue頁面。

㈦ uniapp怎麼不用plus喚起第三方app

uniapp需要用到第三啟戚方app的包名package ，使用apktool 反編譯 apk 得悄態陵到AndroidManifest.xml 文閉雹件，再查找 package 。

㈧ uni-app 重新編譯後頁面可以停留在原頁面

uni-app 進行小程序開發時，更改了相應的參數後，是需要進行重新編譯，才能反饋在頁面同中的，然後一旦重新編譯的話，默認情況下後跳轉到首頁，也就是在pages.json中pages數組中的第一項。

對此uni-app是提供了有了condition https://uniapp.dcloud.io/collocation/pages.html#condition ，它是在pages.json中進行手動配置，更在於傳入到頁面的參數是仿首並不容易拿到的。

因此希望可以通過某種方式可以最終達到，重新編譯頁面後，頁面依舊可以停留在原先的頁面，並且數據參數都是要與原來保持一致。

如果我能進行拿大緩uni-app中的路由攔截，並將攔截到的路由設置在storage中，編譯後，再次進入到首頁時，使用navigateTo直接跳轉到原來的頁面，一切便大功造成。

對於uni-app中消模的路由攔截可以使用官方的攔截器， https://uniapp.dcloud.io/api/interceptor.html#addinterceptor 。 也可以採用重寫路由的方式，如下：

問題在於,我們使用的原生的頂部欄，返回上一頁，並不能被攔截到。而在微信小程序中，事件onBackPress是不起作用的。

因此這種方式不能很好的解決。 https://uniapp.dcloud.io/tutorial/page.html#lifecycle

基本的思路是在頁面或者應用的銷毀的銷毀的生命周期時將當前頁面的信息存儲到storage，然後在頁面載入時，跳轉到原先的頁面。

最終很遺憾的是，再次編譯時是沒有進入到 頁面生命周期 onUnLoad中，也沒有進入到組件生命周期 beforeDestory中的。

在開發環境中使用定時器，不斷將當前頁面的值寫入到Storage中，編譯再次進入時跳轉。

通過了這種方式，特別對於層級很深的頁面，不需要再編譯之後一層層去點到之前的頁面了，開發效率被大大提升。

㈨ 混合開發之uni-app

uni-app App端內置weex渲染引擎，提供原生渲染能力

然而， Weex並不是一個前端框架 。實際上，前端框架僅僅是 Weex 的語法層或稱之為 DSL (Domain-specific Language)，它們與原生渲染引擎是分離的。換句話說，Weex 並不依賴於特定的前端框架，隨著前端技術的發展，Weex 也可以集成更多廣泛使用的前端框架。

以往的 weex ，有個很大的問題是它只是一個高性能的渲染器，沒有足夠的API能力，使得開發時非常依賴原生工程師協作，開發者本來想節約成本，結果需要前端、iOS、Android 3撥人開發，適得其反。而 nvue 解決了這個大問題，讓前端工程師可以直接開發完整 App，並提供原生插件的市場交易和雲打包。這些組合方案，開發者切實的提高效率、降低成本。

如果你是web前端，不熟悉 weex，那麼建議你仍然以使用 vue 為主，在App端某些 vue 表現不佳的場景下使用 nvue 作為強化補充：

uni-app App 端內置 HTML5+ 引擎，讓 js 可以直接調用豐富的原生能力。

小程序及 H5 等平台是沒有 HTML5+ 擴展規范的，因此在 uni-app 調用 HTML5+ 的擴展規范時，需要注意使用條件編譯。否則運行到h5、小程序等平台會出現 plus is not defined錯誤。

在普通的 H5+ 項目中，需要使用 document.addEventListener 監聽原生擴展的事件。

uni-app 中，沒有 document。可以使用 plus.globalEvent.addEventListener 來實現（注意manifest中需開啟新編譯器，即自定義組件模式"usingComponents":true）。

同理，在 uni-app 中使用 Native.js 時，一些 Native.js 中對於原生事件的監聽同樣需要按照上面的方法去實現。

注意：舊編譯器（非自定義組件模式）不支持 plus.globalEvent 這個對象。

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

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