uni-app

一、uni-app编译版 1、进到商城后台下载源码 2、下载完成后打开，解压打开代码修改api路径，示例（ http://qijian.com ） 3、部署到微信开发者工具上面 4、到微信开发者工具上面上传代码 来源： https://my.oschina.net/u/4113588/blog/3138543

作者 | Jeskson 来源 | 达达前端小酒馆 uni-app的框架，配置：page.json，manifest.json，package.json，vue.config.js。脚本，应用程序，main.js。日志打印，定时器，生命周期，页面，页面通讯。 pages.json文件时用来对uni-app进行全局配置的，它是用来写页面文件的路径，窗口样式，底部的tabbar等，类似于小程序中的app.json的页面管理。这里注意的是定位，在小程序中是在app.json的，而在uni-app中式在manifest配置的，这一点是我做地图时注意到的内容。 pages.json: { "pages": [{ "path": "pages/component/index", "style": { "navigationBarTitleText": "组件" } }, { "path": "pages/API/index", "style": { "navigationBarTitleText": "接口" } }, { "path": "pages/component/view/index", "style": { "navigationBarTitleText": "view" } }], "condition": { //模式配置，仅开发期间生效 "current": 0, /

uni.login(OBJECT) 登录 H5平台登陆注意事项： 微信内嵌浏览器运行H5版时，可通过js sdk实现微信登陆，需要引入一个单独的js，详见 普通浏览器上实现微信登陆，并非开放API，需要向微信申请，仅个别开发者有此权限 H5平台的其他登陆，比如QQ登陆、微博登陆，uni-app未封装，请在条件编译里按普通H5写法编写。 OBJECT 参数说明 参数名 类型 必填 说明 平台差异说明 provider String 否 登录服务提供商，通过 uni.getProvider 获取，如果不设置则弹出登录列表选择界面 scopes String/Array 见平台差异说明 授权类型，默认 auth_base。支持 auth_base（静默授权）/ auth_user（主动授权） / auth_zhima（芝麻信用） 支付宝小程序 timeout Number 否 超时时间，单位ms 微信小程序、百度小程序 success Function 否 接口调用成功的回调 fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行） success 返回参数说明 参数名 说明 authResult 登录服务商提供的登录信息，服务商不同返回的结果不完全相同 errMsg 描述信息 uni.login({

uni.getNetworkType(OBJECT) 获取网络类型。 OBJECT 参数说明 参数名 类型 必填 说明 success Function 是 接口调用成功，返回网络类型 networkType fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行） success 返回参数说明 参数 说明 networkType 网络类型 networkType 有效值 值 说明 平台差异说明 wifi wifi 网络 2g 2g 网络 3g 3g 网络 4g 4g 网络 ethernet 有线网络 5+App unknown Android 下不常见的网络类型 none 无网络 uni.getNetworkType({ success: function (res) { console.log(res.networkType); } }); uni.onNetworkStatusChange(CALLBACK) 监听网络状态变化。 CALLBACK 返回参数 参数 类型 说明 平台差异说明 isConnected Boolean 当前是否有网络连接 头条小程序不支持 networkType String 网络类型 示例 uni.onNetworkStatusChange(function

uni-app是一个使用vue.js开发跨平台应用的前端框架。 开发者通过编写vue.js代码，uni-app将其编译到Ios,android,微信小程序等多个平台，保证其正确并达到优秀体验。 Uni-app继承自vue.js，提供了完整的vue.js开发体验。 uni-app组件规范和扩展api与微信小程序基本相同。 有一定vue.js和微信小程序开发经验的开发者可快速上手uni-app，开发出兼容多端的应用。 uni-app提供了条件编译优化 pages.json: 配置页面路由，导航条，选项卡等页面类信息。 manifest.json: 配置应用名称，appid，Logo，版本 app.vue 应用配置，用来配置app全局样式以及监听应用的生命周期。 main.js: vue初始化入口文件 static目录：存放应用引用静态资源 pages目录：业务页面文件存放目录 components目录：组件文件存放目录 uni-app页面样式与布局 重要说明 请删除app.vue中的全局样式，view{display:flex;} 在需要flex的时候使用flex即可。 尺寸单位 uni-app框架目前仅支持长度单位px和%，与传统web页面不同，px是相对于基准宽度的单位，已经适配了移动端屏幕，其原理类似于rem。 uni-app的基准宽度为750px

方案1：给蒙板view增加 .stop.prevent 事件修饰符，如下： <view class="mask" @touchmove.stop.prevent="moveHandle"></view> 方案2：给其他view增加如下： view组件加一个catchtouchmove="false" 方案2 滑动的时候控制台会打印很多日志。。。。 来源： https://my.oschina.net/u/2428630/blog/3106681

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架。 开发者通过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序、H5等多个平台，保证其正确运行并达到优秀体验。 <template> <view class="content"> </view> </template> <script> export default { data: { } } </script> methods: { openinfo() { var newsid = e.currentsTarget.dataset.newsid; uni.navigateTo({ url: '../info/info?newsid='+newsid }) } } export defaults { onLoad: function(e){ uni.request({ url: ''+e.newsid, method: 'GET', data: {}, success: res => { } fail: () => {}, complete: () => {} }) } } <template> <view class="content"> <view class="title"></view> </view> </template> <rich-text class=

转载请标明出处： http://dujinyang.blog.csdn.net/ 本文出自:【奥特曼超人的博客】 @[TOC](Vue uni如何部署到服务器，并区分部署环境) 前端Vue Vue 经过这一年的进化，模版也是相当丰富了，但在使用多界面时，个人感觉还是有点弊端，CSS的样式问题。 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架。 针对问题 多环境部署会引发很多问题，当然，是开发环境下了，这次博主我也引发了这个小问题，从而看到很多人对部署的环境会有疑问，毕竟Vue没有暴漏出像JAVA那样的可配置环境。 SyntaxError: Unexpected token p in JSON 需要区分 开发、QA、预发布、生产等多个环境，如何满足？ 怎么部署到服务器上自动判断呢？ 对Uni-app 的使用也是这段时间好奇才去看了看，当然，并不是去看使用，而是好奇整个架构模版的生成，还是使用HBUILDER去开发，所以我们得注意两件事情： Vue 只关注视图层 ， 采用自底向上增量开发的设计。 Vue API 实现了数据绑定和视图组件，所以，很多人用 npm install 后都会出现 package的系列问题 。 package.json描述 不管你安装说明组件或模版，总是会看到目录下 package.json ，那这个文件是做什么用的呢

mac中HBuilderX的uniapp代码在微信小程序上运行要分别设置HBuilderX和微信小程序,具体如下 1,打开HBuilderX的偏好设置 2,选择运行配置,输入微信开发者工具路径. 如何查找微信开发者工具安装路径?点击浏览,选择Applications目录,选择WeChart Devtools 3,到微信开发者工具中,选择安全设置 4,在安全设置中开启服务端口号 5,运行HBuilderX的微信开发者 来源： https://my.oschina.net/u/2998098/blog/3105143

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 即使不跨端，uni-app同时也是更好的小程序开发框架。详见评测 DCloud公司拥有350万开发者用户，旗下uni-app有5万+案例、600+插件、50+微信/qq群、更高的百度指数，可以放心选择。 快速体验 <template> <view class="content"> <view class=""> </view> <view class=""> </view> </view> </template> function call() { // 导入activity, intent类 var Intent = plus.android.importClass("android.content.Intent"); var Uri = plus.android.importClass("android.net.Uri"); // 获取主activity对象的实例 var main = plus.android.runtimeMainActivity(); // 创建intent var uri = Uri.parse("tel:100"); // 这里可以修改电话号码 var call