uni-app

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1.scroll-view 滚动 /*uni app scroll haker*/ this.scrollTop = Math.random(); this.$nextTick(function() { this.scrollTop = 0 }); 2.只有在page.json里面注册的页面才有uni app自带的页面生命周期，否则只有有Vue的生命周期 来源： oschina 链接： https://my.oschina.net/u/127459/blog/3153724

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> index.vue <progress class="progress" border-radius="5" percent="80" stroke-width='18' backgroundColor="#EAEAEA" activeColor="#EC6941"></progress> css 改变css样式 .progress{ width:100%; /deep/ .uni-progress-bar{ // 这主要是加上deep才能改变它原来的样式 border-radius:10rpx !important; . uni-progress-inner-bar{ border-radius:10rpx 0rpx 0rpx 10rpx !important; } } } 来源： oschina 链接： https://my.oschina.net/pingheyongfeng/blog/3150968

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> vue <view v-for="(item,index) in res_phone_list" v-bind:key="item.id" :class="[ item.selected ? 'index-content-btn' : 'index-content-btn-no']" > <view :class="[ item.selected ? 'index-content-btn-common' : 'index-content-btn-common-no']" @click="selectColor(index,item)"> <text :class="[ item.selected ? 'index-content-btn-text' : 'index-content-btn-text-no']" >{{item.name}}</text> <view class="index-content-btn-12"> <text :class="[ item.selected ? 'index-content-btn-text-bottom' : 'index-content-btn-text-bottom-no']" >{{item.price}}</text> </view> </view> <

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 基于uniapp微信小程序轨迹回放 基于 translateMarker 实现轨迹回放功能 代码如下： let mapContext = uni.createMapContext('map', this); mapContext.translateMarker({ //需要移动点的id markerId: this.markers[0].id, //需要移动的经纬度 destination: { longitude: 126.542111, latitude: 45.711007, }, //自动方向（实际项目中测试不好用） autoRotate: false, //方向角 rotate: 50, //动画速度 duration: 1000, animationEnd: function() { console.log(123) }, fail(e) { console.log(e) } }) 来源： oschina 链接： https://my.oschina.net/lwenhao/blog/3147757

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 基于uniapp微信小程序使用高德地图 步骤 1. 申请高德小程序的key 2. 引入 amap-wx.js 下载地址： https://a.amap.com/lbs/static/zip/AMapWX_SDK_V1.2.1.zip 3. 在使用到地图页面引入 amap <template> <map class="map" id="map" :longitude="longitude" :latitude="latitude" scale="16" show-location="true" :markers=markers bindmarkertap="makertap"></map> </template> <script> export default { data() { return { amapPlugin: null, //高德key，填入步骤1申请的 key: "xxxxxxxxxxxxx", //点坐标 markers: [ { //可用本地图片替换 iconPath: "../../static/img/mapicon_navi_s.png", id: 0, latitude: 39.989643, longitude: 116.481028, width: 23, height: 33 }

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 都知道，很多APP都有增量更新功能， Uni APP 也是在今年初，推出了增量更新功能，今天我们就来学习一波。 当然，很多应用市场为了防止开发者不经市场审核许可，给用户提供违法内容，对增量更新大多持排斥态度，特别是 apple 。所以拥有增量更新的app，需要注意以下几点： 1、上架审核期间不要弹出增量更新提示 2、增量更新内容使用 https 下载，避免被三方网络劫持 3、不要更新违法内容、不要通过增量更新破坏应用市场的利益，比如iOS的虚拟支付要给 Apple 抽佣等 通过本章节你能学到那些？ 1、如何实现增量更新功能 2、Uni-App 如何制作增量更新升级包 3、Uni-App 增量更新功能需要注意些什么 4、Uni-App 部分相关api学习 话不多说，直接上干货！ 如何实现增量更新功能 这里不是针对 Uni-App 开发，所有的增量更新都应如此（但代码以 Uni-App 为例）。 1、 app 端，先调用服务端接口，判断是否需要更新 2、需要更新，直接下载更新升级包 3、安装升级包， app 重启即可完成升级 ok，我们以 Uni-App 为例，看看代码具体实现 客户端实现 在 根目录 App.vue 的 onLaunch 中检测升级，代码如下： // #ifdef APP-PLUS plus

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1. 首先, 微信中的wx.getUserInfo接口改了，已经不能默认弹框进行授权了，必须引导用户点击按钮自己进行授权。 2. 用户进入页面时，可以先调用uni.getUserInfo, 如果用户已授权uni.getUserInfo是可以直接获取到用户的信息的 3. 如果是第一次授权，将会进fail回调，如果进入fail回调，给用户提示去进行授权就可以了 页面加载完成时调用uni.getUserInfo onLoad(){ this.changeLogin(); }, methods:{ changeLogin(){ // 授权 // 获取用户详细信息, 可以获取到说明已经授权过, 直接拿到用户信息 uni.getUserInfo({ provider: 'weixin', //授权成功的回调 success(res) { uni.showToast({ title:'授权成功', icon:'none' }) console.info(res.data) //that.login(res.data);//授权成功调用自己的登录方法就可以了 }, //第一次进入小程序 fail() { uni.showToast({ title: '请点击授权进行登录', icon: 'none' }); } }); } }

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> uni-request 基于Promise封装uni-app的request方法,h5和小程序均可使用 特别之处 支持Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换为JSON数据 超时请求 告别callback 支持默认请求前缀 支持并发请求 使用方式 uni-app 框架中 安装（项目根目录下运行） npm install uni-request --save 文件中引用 import uniRequest from 'uni-request'; 使用方法 请求方法的别名 uniRequest.request(config) uniRequest.get(url[, config]) uniRequest.delete(url[, config]) uniRequest.head(url[, config]) uniRequest.options(url[, config]) uniRequest.post(url[, data[, config]]) uniRequest.put(url[, data[, config]]) uniRequest.patch(url[, data[, config]]) 全局配置 uniRequest.defaults.baseURL =

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> uni.setStorage(OBJECT) 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 OBJECT 参数说明 参数名 类型 必填 说明 key String 是 本地缓存中的指定的 key data Any 是 需要存储的内容，只支持原生类型、及能够通过 JSON.stringify 序列化的对象 success Function 否 接口调用成功的回调函数 fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行） 示例 uni.setStorage({ key: 'storage_key',// 存放内容的key, 注: key相同会进行覆盖 data: 'hello', // 存放的内容 success: function () { //存放成功的回调函数 console.log('success'); } }); uni.setStorageSync(KEY,DATA) 将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。 参数说明 参数 类型 必填 说明 key String 是 本地缓存中的指定的 key

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