UNIAPP
名称正在更新……
学会保持一颗童真的心!
展开
-
uniapp中引入js配置信息至接口js中或非全局函数调用
conf.jsvar conf={"apiurl":"http://www.bai.com", "base_url":"/api", 'userapi':{ 'indexapi':'index/index', 'getnews':'index/news' }}export default conf//module.exports = conf;api.jsimport conf from './conf.js'function p1(i){ retur原创 2021-07-14 09:51:13 · 790 阅读 · 0 评论 -
uniapp利用腾讯地图接口获取当前定位城市及计算两经纬度的实际距离
一、注册腾讯地图申请开发者密钥(key):申请密钥 开通webserviceAPI服务:控制台 ->key管理-> 设置(使用该功能的key)-> 勾选webserviceAPI -> 保存 (小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需要具备相应的权限) 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.2二、导入SDK下载后解压,将里面的 qqmap-wx-jssdk.js 文件拷贝到项..原创 2020-10-24 13:58:02 · 2583 阅读 · 6 评论 -
uniapp export 封装函数或api方法及调用
api/index.js//对象var myobj = { 'id': 1, 'fun': function() { return "fun"; }, 'name': 'myObj', 'fun1': function() { return "fun1"; } }//函数 function abc(){ return "abc";}fu.原创 2020-10-21 14:16:33 · 3082 阅读 · 0 评论 -
uni-app+workman之如何使用Websocket
uni-app框架websocket测试发现:【APP端无法同时开多个websocket----这个问题等待解决!!!H5端没问题】测试发现问题所在:uni.connectSocket(OBJECT)创建出来的对象socketTask在浏览器中是一个实例对象【支持同时创建多个实例】而在APP却是一个单实例【所有新建的url的websocket都指向最后一个创建的实例】总的来说,还是可以使用,在APP中尽可能把数据一起打包发过来【只开通一个websocket,一个用户在同一个页面下开通一个w...原创 2020-10-20 17:08:29 · 1035 阅读 · 1 评论 -
uniapp之微信小程序开发教程记录
微信小程序开发教程目录正篇1 目前遇到的坑2 如何合理使用WebSocket3 根据主题色动态修改svg的颜色番外微信小程序开发之路——地图调用,你得注意的几个坑“一人一程”系列——【约球online】小程序技术选型及架构设计写在开头20190729暑期的开始,也是微信小程序开发之旅的开端。所谓的坑1. main.js你最好别瞎改当我们在HBuilder X中新建一个uniapp项目时,默认的main.js长这样:import Vue from 'vue'import Ap原创 2020-06-24 08:53:08 · 1131 阅读 · 0 评论 -
uniapp之微信小程序开发教程及如何合理使用WebSocket
一、背景上一篇集中写了一些坑,接下来的教程主要针对具体问题进行探讨。本章主讲uniapp微信小程序如何使用websocket,具体包括应该在哪里连接服务器、在哪里监听消息等等。本人目前正在开发的“不做鸽王”小程序由于用到了Websocket,对这方面的问题研究的比较多,在此分享以下我的经验,希望可以为遇到同样问题尚未解决的人提供解决思路。二、WebSocket接口有哪些?由于小程序和uniapp的接口基本一致,只是wx->uni,这里直接介绍uniapp中ws相关的接口。小程序推荐使用so原创 2020-06-24 08:50:17 · 2886 阅读 · 2 评论 -
VUE父子组件方法及属性互相传递
一、父传子1、父传子-属性传递 //父组件index.vue<template><view><childs :childData="childData"></childs></view></template><script> import childs from '../../components/child/child'; export default {data() { retu原创 2020-06-10 10:26:10 · 401 阅读 · 0 评论 -
Vue或uniapp中:Prop传值(父to子),this.$emit(子to父),this.$refs 父调用子组件方法
通过Prop向子组件传递数据第一步父组件App.vue中<template> <div id="app"> <Users :users="users"></Users> </div></template><script>import Users from './components/Users'export default { name: 'App', data: funct原创 2020-05-27 14:10:49 · 3744 阅读 · 0 评论