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识别的代码，将你的糅合进去