uniapp入门遇到的问题记录 在uniapp中从外部import less文件的话,首先需要在 工具>插件安装 中安装支持less语法的插件,然后在.vue文件中引入  @import url('./xxx.less'); style标签中需要注明 lang="less" 注意:分号一定要写,要不然会报错 报错信息是 Module build failed (from ./node_modules/less-loader/dist/cjs.js): ::21.980 @impo

https://my.oschina.net/u/2428630/blog/3004860 uni-app框架中 安装(项目根目录下运行) npm install uni-request --save 文件中引用 import uniRequest from 'uni-request'; 使用方法 请求方法的别名 uniRequest.request(config) uniRequest.get(url[, config]) uniRequest.delete(url[, config]) un

export default { doRequest(method, url, data) { // 如果data为空 if (!data) var data = [] var arr = [] arr.push(data) //我司项目需要验证state和openid,我登录后存在本地 var state = uni.getStorageSync('state'); var openid = uni.getStorageSync('openid'); arr[0].state = state;

话不多少先上图, 大家可以看到图片中红色区域是头部区域,黄色区域则是我们要滑动的区域. 大家可以在uni-app官网上看到swiper高度是默认100%,而swiper-item则是要有固定宽高的,要的效果是什么呢? 1.点击tab可以切换黄色区域视图 2.滑动黄色区域改变视图,支持横向滑动以及纵向滑动 我的思路:因为swiper是要固定高度的,它并不会因为内容而自动撑开,那么我的想法呢就是,1.给swiper一个父元素,父元素设置自适应高度,也就是黄色区域的高度,然后动态赋值给swiper,

一.实战 HBuilderX:在微信小程序中运行页面,需要设置->安全 开启微信小程序服务端口,HBuilder工具->设置->配置程序路径 网络请求.模板语法.打开页面.页面传参 列表  api:  https://unidemo.dcloud.net.cn/api/news - 返回数据格式 - id 新闻id 如: 72980 - title 标题 - created_at 创建时间 - author_avatar 图标 详情  地址: https://unidemo.dcloud

1 基本介绍 uni-app 是一个基于 Vue.js 的跨端开发框架,一套代码可以发布到 App.小程序.Web 等不同平台 腾讯云开发平台 Cloudbase 提供的 @cloudbase/js-sdk 可以让开发者在 Web 端(例如 PC Web 页面.微信公众平台 H5 等)使用 JavaScript 访问 Cloudbase 服务和资源. 但是 @cloudbase/js-sdk 只支持 Web(浏览器环境)的开发,不兼容其他类 Web 平台(比如小程序).因为这些平台在网络请求.本

当HBuilderX中提供的能力无法满足App功能需求,需要通过使用Andorid/iOS原生开发实现时,可使用App离线SDK开发原生插件来扩展原生能力. 如使用Uniapp开发直播功能时,需要调用腾讯的直播SDK,腾讯直播SDK未提供Uniapp的调用方法,按照Uniapp提供的开发文档,将原生SDK封装为Uniapp可以调用的原生插件后即可使用Uni-app使用原生SDK. 开发原生插件需要具备一定的安卓/IOS原生开发功底,对于前端人员来说自己开发原生插件有一定的难度,智密科技已经为客户

[1]从Uniapp插件市场试用插件 当HBuilderX中提供的能力无法满足App功能需求,需要通过使用Andorid/iOS原生开发实现时,可使用App离线SDK开发原生插件来扩展原生能力. 如使用Uniapp开发直播功能时,需要调用腾讯的直播SDK,腾讯直播SDK未提供Uniapp的调用方法,按照Uniapp提供的开发文档,将原生SDK封装为Uniapp可以调用的原生插件后即可使用Uniapp使用原生SDK. 开发原生插件需要具备一定的安卓/IOS原生开发功底,对于前端人员来说,Uniap

最近使用uni.app 进行app的开发  页面搭完之后,发现不会调接口,今天学习了下 各个程序运行时,都会发起网络请求,网络相关的API在使用之前都会在使用前配置域名白名单 首先   现在中间件上一个promise封装uni-app的request方法,定义一个基础地址,然后可以在API中链接地址的时候进行一个拼接,基础地址就是大家公用的一个地址,然后可以用不同的api router去拼接这个基础地址,在通过获取方法method,请求的参数data去访问不同服务器地址里面的内容,发起网络请求成

使用通用websocket连接asp.net core signalr 一.背景介绍 signalr的功能很强大,可以为我们实现websocket服务端节省不少的时间.但是可能由于不同的环境,我们在对接前端的时候总会很麻烦.虽然微软为我们提供了前端的包,但是总有一些不能用的地方. 首先我们要知道 signalr在进行websocket 连接的时候都做了什么 1.首先请求接口获取connectionId 这个我们待会要用到 我们用post请求 http://localhost:5000/chatH

getUser(e) { wx.getUserProfile({ desc: '用户完善会员资料', success: res => { let userInfo = res.userInfo; uni.showLoading({ title: '登录中' }); wx.login({ //成功放回 success: (res) => { let code = res.code console.log(code); wx.request({ url: `https://api.weixin.q

JAVA学习总结    2 第一天    2 1:计算机概述(了解)    2 (1)计算机    2 (2)计算机硬件    2 (3)计算机软件    2 (4)软件开发(理解)    2 (5)语言    2 (6)人机交换    2 2:键盘功能键的认识和快捷键(掌握)    2 (1)功能键的认识    2 (2)快捷键    3 3:常见的DOS命令(掌握)    3 (1)常见的如下    3 (2)其他的几个(了解)    3 4:Java语言概述(了解)    4 (1)Jav

1.获取上个页面 var pages = getCurrentPages();//当前页 var beforePage = pages[pages.length - 2];//上个页面 2.在当前页调上个页面方法 beforePage.submitAct() 但是,在uni-app中是适配多端的,beforePage.submitAct()只在h5中有效,在app端和微信小程序端都会报错 not a function: 在h5和app中实现当前页调上个页面方法 beforePage.$vm.su

h5端的uni-app项目 需求:uni-app h5端跳转到底部导航栏的时候使用方法uni.switchTab跳转刷新页面更新数据 百度的方法如下: uni.switchTab({ url: '/pages/index/main', success: function (e) { var page = getCurrentPages().pop(); console.log('page',page) if (page == undefined || page == null) return;

简单封装一下 uni-app 的请求,因为项目中只用 post 请求,所以只封装了 post 和 all 方法. 更新,新增 spread 方法 2019-11-22 10:37:21 global.http = { timer: null, beenLoginPage: false, post: (url, data, loading) => { if (loading) { uni.showLoading({ mask: true }) } return new Promise((resol

uni-app使用使用Node+Koa2开发的后端程序接收上传的文件 通过gitbook浏览此随笔 通过其它客户端上传(h5,小程序等),接收方法一致 使用koa接收时,我们需安装一个中间件koa-body 安装所需中间件 npm install --save koa-body 配置koa-body //...code const Koa = require('koa'); const koaBody = require("koa-body"); const app = new Koa

Android端真机调试访问本地接口数据时报错:request:fail abort 报错代码 onLoad: function(e) { uni.request({ url: 'http://localhost:8088/api/Gift', method: 'GET', data: {}, success: (res) => { this.GiftInfo = res.data; }, fail: (fa) => { console.log(fa); } }) } 本地接口访问没有问题:

之前在接触uniapp做小程序项目时候,因为不太熟悉,遇到了不少尴尬的时刻,请求方法的封装算是灵魂啊有木有,今天看到有人问题,就把我自己写的发出来让大家参考一下吧. 请求方法的封装我一般用的是promise+axios,因为uniapp有自己规定的请求方式,只好结合着来了.话不多说,直奔主题. export const baseUrl = '您的域名' function getHeaders () { let token = getToken() let header = { "token&qu

全局变量和全局方法是软件开发中常用的技术点! 实现方式大致分为: 1.vuex实现,值变动灵活 2.建立js文件,页面内引用 3.挂载vue实例后使用 4.小程序中的globalData 5.本地存储 这里简单讲解下uni-app中挂载到vue实例的全局属性和方法: 在Main.js中创建: Vue.prototype.$httpUrl = "https://xxx/"; //获取图片路径 Vue.prototype.getImgSrc = function(src){ var img

在做uni-app开发的过程中,我们最头疼可能不是开发的过程中的逻辑,而是最后要做的三端兼容测试和修改,在我开发的项目中,这一步都是最头疼和令人头秃的过程,这里总结一些个人开发遇到的问题,希望对大家有所帮助. 三端头部高度兼容 描述:在开发中,原生的标题往往不能满足我们的开发要求,我们需要自己写一个自定义的导航栏来使用,那么这就涉及一个问题,app和小程序的头部是有一段自填充高度的,原生的标题会自己填充出来,而我们自定义的导航栏需要自己设置,这里提供给大家一种思路,代码如下. <template

开发了一年的uni-app,在这里总结一些uni-app开发中的问题,提供几个解决方法,分享给大家: 问题描述:一个主页面,需要联通一到两个子页面,子页面传值到主页面,主页面更新 问题难点: 首先我们需要一个逻辑模型(这里随便画了一个) 通过这个模型,我们可以看到一个问题,子页面的内容怎么传回主页面,怎么让这个传回的方式更安全有效,这也是这个问题的难点,我总结了三种解决方法,在这里分享给大家: 第一种:url传值 顾名思义,就是利用页面的url方法来传值,具体操作逻辑如下: 主页面:用onloa