![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
前端技术栈
看面试题 【web前端面试小助手】 小程序
展开
-
【uniapp】十分钟带你封装uniapp的api请求
最近刚好接了个私活,顺便把之前做到的项目中没有写出来的功能点单独拿出来写一篇吧!其实在我的uniapp专栏里面写了不少关于云开发的知识点,本篇文章就不涉及云开发了,纯粹的封装请求。由于uniapp的请求方式和小程序类似的,很多人会觉得我为啥不直接用方法去请求呢!!这个方法确实很简单,每个页面都可以单独写请求方式,但是如果有重复的接口请求呢?如果后期要改某一个地方的接口请求呢?这样就会给我们带来不小的工作量,可能改完一个地方,另外一个地方就忘了。原创 2023-07-27 17:32:12 · 1873 阅读 · 0 评论 -
前端解析支付宝返回form表单,自动跳转支付
pc端 前端对接支付宝支付-前端获取支付宝返回的form 表单以及submit提交表单,自动跳转支付页面扫码支付返回的form数据大概如下,(可能会有差别)前端实例代码:项目中用到了微信扫码,支付宝扫码支付。前端调取支付宝接口(后台进行了封装,没有直接调取支付宝接口)。调用接口返回数据中,会有一串form表单字符串返回,前端需要做的就是把这串form 表单字符串通过appendchild 方法添加到当前页面中,并且执行这个表单的submit() 方法,表单提交以后,会自动跳转到支付宝扫码支付页面原创 2022-04-19 22:17:29 · 5485 阅读 · 7 评论 -
在uniapp中监听globalData中的值变化
小程序里怎么去监听app.js里的globalData数据变化呢1、先再app.vue 中定义一个全局数据对象globalData,再对象里定义好相应的属性与属性值globalData:{ count:0},methods:{ watch:function(method,istr){ var obj=this.globalData console.log(obj) Object.defineProperty(obj,istr,{ configurable:true原创 2021-08-11 10:14:48 · 5939 阅读 · 0 评论 -
研发实时公交车的小程序,查公交用自己的
微信搜索 出行实时公交扫码体验 出行实时公交1、首页做了收藏路线和附近路线2、公交详情查看公交到达时间,进站语音提醒,方向切换和收藏功能3、主菜单功能如下图有乘车码和路线规划,地铁线路图等4、地球仪是一个3d模型, 可以放大缩小,查看地球每个地方5、前端面试题库是一款非常不错的面试题库里面包含有面试题分类, 企业面试题. 面试题宝典、面试技巧等1000多条热门面试题...原创 2021-08-05 18:45:40 · 1983 阅读 · 9 评论 -
uniapp 中调用企业微信 wx.config is not a function 和 wx.agentconfig is not a function
在unipp中调用 企业微信wx.config 和wx.agentconfig一直没有调通开始是直接下载<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script><script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js" type="text/javascript"></sc.原创 2021-07-30 16:04:10 · 4322 阅读 · 9 评论 -
uniapp 小程序接入友盟 ,自定义事件携带参数
1、下载友盟的包npm install umtrack-wx --save2.配置在根目录新建 track.js 和uma.js 文件track.js 文件/** * 全局事件统计, * 通过重写Component,实现监听onShow勾子函数,通过统一重写onShow函数 * 用来统计哪个租户打开过哪个些页面 */import uma from 'umtrack-wx';import Vue from 'vue'var track = (function(){ // var原创 2021-06-07 15:15:46 · 1601 阅读 · 3 评论 -
如何在uni-app中使用vuex
在uni-app中内置了vuex,我们只需要引用就行了首先在根目录下创建store目录在里面创建index.js;import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { hasLogin: false, userInfo: {} }, mutations: { login(state, provider) { state.hasLogi原创 2020-10-28 10:47:50 · 6409 阅读 · 0 评论 -
在uni-app 小程序 input IOS无法自动聚焦bug
input 或者textarea在android端设置focus自动聚焦正常,但是在IOS上面就聚焦失败有大佬说因为IOS需要主动点击才能聚焦,后来观察到,其实键盘已经弹出了,因为能获取到键盘的高度,所以不是没有聚焦到,只是先后顺序问题。所以尝试设置延时操作问题解决如下:setTimeout(() => { this.inputFocus = true;}, 100)这里延时不需要太长,自己把控。**开发了发前端面试题小程序非常实用 喜欢的可以扫码收藏**...原创 2020-09-30 15:17:39 · 1881 阅读 · 4 评论 -
uni-app底部输入框被软键盘部分挡住的解决方案
解决方案在输入框加上class=“uni-input” 和cursor-spacing=“0”<input class="uni-input" cursor-spacing="0"/>cursor-spacing 设置的值越大 距离键盘越远获取前端面试题小程序原创 2020-09-03 11:47:53 · 2922 阅读 · 2 评论 -
关于uniapp回到顶部-支持小程序与H5 + 图片压缩
** 大图片压缩**HTML滚动条<scroll-view class="wrap" scroll-y='true' :scroll-top="scrollTop" @scroll="scroll" scroll-with-animation='true'>...</scroll-view>返回顶部按钮<view class="to-top" @clic...原创 2020-03-20 11:03:25 · 286 阅读 · 0 评论 -
子组件调用父组件的方法并传递数据
$emit 子组件<template> <button @click="emitEvent">点击我</button></template><script> export default { data() { return { msg: "我是子组件中的数据" } },...原创 2019-11-23 18:10:36 · 694 阅读 · 0 评论 -
uni-app 全局变量实现的4种方式
一、公用模块定义一个专用的模块,用来组织和管理这些全局的变量,在需要的页面引入。注意:这种方式只支持多个vue页面或多个nvue页面之间公用,vue和nvue之间不公用。示例如下:在 uni-app 项目根目录下创建 common 目录,然后在 common 目录下新建 base.js 用于定义公用的方法。const websiteUrl = 'http://www.javanx.cn'...原创 2019-10-25 09:52:30 · 6178 阅读 · 1 评论