uni-app
uni-app相关的
笑道三千
我今年两岁半了,学编程还来不来得及????
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
获取元素的位置信息的方法
一,boundingClientRect获取元素与视口距离boundingClientRect 方法返回的是调用该方法的元素的TextRectangle对象,该对象具有top、left、right、bottom四个属性,分别代表该元素上、左、右、下四条边界相对于浏览器窗口左上角(注意,不是文档区域的左上角)的偏移像素值1,DOMobj.getBoundingClientRect().top //获取该元素到屏幕顶部的距离二,window.innerHeight 获取屏幕的高度2,window.原创 2020-12-28 15:31:21 · 2139 阅读 · 0 评论 -
uni.request在接口状态码403等还是走success
一,现象uni.request在接口状态码403等还是走success,按道理应该走fail的。二,原因看了官网,这个success是指:“收到开发者服务器成功返回的回调函数”,也就是说,无论后端返回的状态码是啥,只要是后台有返回,就代表接口请求成功了,就会走这个success。所以,正常使用这个uni.request的时候,需要手动地去根据后台的状态码,来判断是resolve还是reject。可以简略地这样写一下(实际上大型点的项目,这个错误地处理应该单独弄个模块文件来管理,这里只是说明这个问原创 2021-10-13 10:31:14 · 2446 阅读 · 0 评论 -
uniapp某个页面高度占满写法
一,效果二,实现过程三,相关代码<view class="myBox" :style="{height:screenHeight+'px'}" > </view>this.screenHeight = uni.getSystemInfoSync().windowHeight原创 2021-09-03 15:44:30 · 6074 阅读 · 3 评论 -
时间排序处理在微信小程序和真机调试没问题,发布体验版后未执行
一,现象做了个优惠券功能,需要对优惠券进行金额和时间排序,但是微信开发者工具和真机调试都没问题。一发布体验版,就只剩下金额排序生效了,时间排序的程序看起来压根就没有执行。二,原因ios手机的时间处理格式得是2021/08/26 23:59:59类型的。而后端返回的时间格式是2021-08-26 23:59:59,在ios中识别不了,所以出现了这种问题。解决办法就是直接手动把时间格式改成2021-08-26 23:59:59可以识别的格式即可三,我的解决availableListforShow()原创 2021-08-26 09:40:30 · 560 阅读 · 0 评论 -
css3动画的使用
一,实现的效果二,具体的代码<template> <view class="shiciBox" > <img class="yulu_image" src="http://api.btstu.cn/sjbz/?lx=meizi"> <template v-for="(item,index) in xiaoshuoList" > <XiaoshuoItem :itemConetnt="item.content" :key="inde原创 2021-08-22 00:22:09 · 202 阅读 · 0 评论 -
uniapp实现点击回到顶部
一,实现的效果二,实现的方法<image src="../../static/icons/gotop.png" mode="" @click="backtop" ></image>// 点击返回顶部按钮 跳回顶部 backtop() { uni.pageScrollTo({ scrollTop: 0 }); }官网地址:https://uniapp.dcloud.io/api/ui/scroll?id=pagescrollto.原创 2021-08-22 00:19:20 · 3901 阅读 · 0 评论 -
实现滑动到中间变大的效果
一,实现的效果二,实现的原理然后加上transition: 1s;的效果,就可以啦~三,具体的相关代码html:<!-- 微博热搜模块 --><scroll-view class="weibo_hot" scroll-y @scroll="handleScroll" show-scrollbar="false"> <view class="header_item"></view> <view :class="['weibo_box'原创 2021-08-20 15:56:56 · 735 阅读 · 0 评论 -
uniapp动态修改元素节点样式
一,通过style属性绑定来修改第一步:肯定是需要获取元素节点在uniApp项目中没有windouw对象,所以通过document不能直接获取dom节点,vue的refs只对自定义组件有效,对uniapp中的标签不生效。查看uniapp官网有一个uni.createSelectorQuery() API;可以通过这个属性获取标签的样式,在通过动态绑定样式来修改;html:<button type="default" @click="handleFont">点击增大字体</butt原创 2021-08-19 23:58:41 · 16762 阅读 · 5 评论 -
uniapp实现滑动导航
一,效果二,实现代码<template> <view class="content"> <!-- 导航区域 --> <scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="0" enable-flex="true"> <view :class="['scroll-view-item_H',currentTab==index?'a原创 2021-07-29 17:44:05 · 911 阅读 · 0 评论 -
TypeError: Cannot read property ‘forceUpdate‘ of undefined
微信小程序中报这个错一,原因缺少appId需要在这里填写:原创 2021-06-14 01:31:26 · 2027 阅读 · 0 评论 -
微信小程序跳转微信小程序实现免登录
一,基本过程要实现的方式是甲小程序跳转乙小程序,并且乙小程序免登录。具体的实现跳转过程,这篇博客已经讲得很详细了:https://blog.csdn.net/weixin_42349568/article/details/116937196二,基本免登录的流程三,代码细节1,跳转到指定页面后发起第一个请求(有session的话,说明已经登陆)var obj = { session_3rd: that.session_3rd, sid: that.sid,}var res = await原创 2021-05-24 17:47:54 · 8380 阅读 · 0 评论 -
微信小程序跳转微信小程序的实现
一,实现方法其实就是使用这个api:wx.navigateToMiniProgram(Object object)这个api对应的参数,官网写得非常清除了。为了方便描述,本文是甲小程序跳转到乙小程序二,甲小程序跳转并传参参数的传递,我是直接写在路径后面的。所以,直接写我上文中的部分即可。三,乙小程序接收参数四,测试甲小程序开发者工具目前不支持小程序直接跳转到小程序:当你在开发者工具中看到这样子,就说明甲小程序这一侧完成了:五,测试乙小程序然后点击编译即可。六,体验版测原创 2021-05-17 16:33:59 · 1905 阅读 · 0 评论 -
uniapp中获取元素页面信息的方法
uni.createSelectorQuery()返回一个 SelectorQuery 对象实例。可以在这个实例上使用 select 等方法选择节点,并使用 boundingClientRect 等方法选择需要查询的信息。需要注意的是:使用 uni.createSelectorQuery() 需要在生命周期 mounted 后进行调用。一,selectorQuery.select(selector)在当前页面下选择第一个匹配选择器 selector 的节点,返回一个 NodesRef 对象实例,可以原创 2020-12-28 16:37:21 · 17650 阅读 · 0 评论 -
express在本地起一个简单服务器可能会用到的(本文用的uniapp做例子)
一,起一个服务器,并接收请求第一步:安装expressnpm install express//备注一,每次修改服务端代码,需要重启服务器,也就是把这个js重新node运行一下才会生效const express=require('express')//调用express方法创建网站服务器const app=express()const bodyParser=require('body-parser')//没有调用next方法,直接拦截所有客户端请求// app.use((req,res,原创 2020-12-24 00:46:01 · 411 阅读 · 0 评论 -
uniapp实例笔记
一,页面tab导航二,轮播图的实现接口地址:https://www.fastmock.site/mock/88bbb3bb8d6ea3dc8f09431a61ce2e50/mymock_test/api/getswiper2这是我使用fastmock模拟的接口地址。这里的代码有两个注意的地方:原创 2020-12-19 17:07:58 · 1872 阅读 · 0 评论 -
uni-app在小程序开发者工具:TypeError: Cannot read property ‘forceUpdate‘ of undefined
原因是在HBulider X中没有配置APPID原创 2020-12-09 23:17:11 · 10411 阅读 · 5 评论 -
一夜上手uni-app
需要接手一个uni-app项目,目前只会vue和小程序,只能熬夜苦学一晚!一,uni-app的产品特性1,支持条件编译-可以实现多端开发的基础唯一的缺点是需要写很多套代码,然后通过条件判断是在哪一端,就使用哪一端的对应代码!二,快速入门1,新建项目2,项目结构三,开发者最常用的是page文件夹下的页面开发1,页面的结构单个页面遵循vue的单页面开发规范,也就是和vue差不多一样的。2,dom结构html标签而其中的html标签,和小程序的差不多,把它理解成uni-ap原创 2020-12-09 00:24:35 · 407 阅读 · 0 评论
分享