![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app学习与理解
文章平均质量分 60
不解清风
这个作者很懒,什么都没留下…
展开
-
完美解决safari、微信浏览器下拉回弹效果、包含微信小程序 webview 套H5页面下拉效果。
如题,解决微信小程序、公众号 下拉回弹橡皮筋效果, 屏蔽掉 “此网页由XXXXX提供”;原创 2023-06-06 16:54:08 · 646 阅读 · 1 评论 -
微信公众号推送消息模板(抖音挺火的推送消息给女朋友)
因为不会后台,我这边全部都由前端的方式去做了,项目框架选择的是 uniapp ,不会的话可以去我的专栏去学习一下还是比较容易上手的。 注册完成后可以看到上面的界面,在里面去拿到我们的 appID 、 appsecret 这个拿到以后,我们就可以开始干活了,先看一下成品的样子 这里是JS 部分 html部分因为我看到大家都是后台去写的,没有服务器... 我这个也就没发布,想完成定时推送的话,在前端项目里面加个定时器,定时24小时调用一次获token 跟 发送消息方法就可以了,我这边是把获取t原创 2022-08-25 15:28:36 · 3437 阅读 · 4 评论 -
uni-app 微信小程序中使用微信开发者工具生成“骨架屏”,skeleton
废话不多说直接上效果效果展示结束了接下来告诉大家怎么去使用这个呢,其实我们微信开发者工具已经给我们提供了自动生成骨架屏的功能了:在编辑器-模拟器-右下角(‘...’) 点击之后呢我们就可以看到生成骨架屏的按钮了点击以后他会告诉我们对应的提示点击确定在对应的文件夹下方就生成了我们对应页面的骨架屏文件了。接下来我们怎么在uni-app 中使用他呢?第一步哈,随便我们找个位置新建一下我们骨架屏的组件文件夹,这里我们在uni-app 文件目录中创建 :commo...原创 2021-11-08 11:02:35 · 3112 阅读 · 3 评论 -
uni-ui的使用(十二)
uni-ui的使用1、进入Grid宫格组件2、使用HBuilderX导入该组件3、导入该组件import uniGrid from "@/components/uni-grid/uni-grid.vue"import uniGridItem from "@/components/uni-grid-item/uni-grid-item.vue"4、注册组件com...原创 2020-03-17 00:49:28 · 5836 阅读 · 0 评论 -
uni-app中组件的创建与通信(十一)
目录组件创建组件的生命周期函数组件的通讯在uni-app中,可以通过创建一个后缀名为vue的文件,即创建一个组件成功,其他组件可以将该组件通过impot的方式导入,在通过components进行注册即可组件创建创建login组件,在component中创建login目录,然后新建login.vue文件<template> <view> 这是...原创 2020-03-17 00:48:41 · 906 阅读 · 0 评论 -
uni-app中的导航跳转(十)
目录利用navigator进行跳转利用编程式导航进行跳转利用navigateTo进行导航跳转通过switchTab跳转到tabbar页面通过redirectTo进行跳转导航跳转传递参数利用navigator进行跳转跳转到普通页面<navigator url="/pages/about/about" hover-class="navigator-hov...原创 2020-03-16 10:52:56 · 5358 阅读 · 0 评论 -
uni-app中条件注释实现跨段兼容(九)
条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。写法:以 #ifdef 加平台标识 开头,以 #endif 结尾。值 平台 参考文档 APP-PLUS 5+App HTML5+ 规范 H5 H5 MP-WEIXIN 微信小程序 微信小程序 MP-ALIPAY 支付宝小程...原创 2020-03-16 10:35:12 · 2579 阅读 · 5 评论 -
uni-app中上传图片、预览图片(八)
上传图片uni.chooseImage方法从本地相册选择图片或使用相机拍照。代码示例:<template> <view> <button @click="chooseImg" type="primary">上传图片</button> <view> <image v-for="item in imgA...原创 2020-03-16 10:31:43 · 2163 阅读 · 2 评论 -
uni-app中使用session进行数据缓存(七)
目录uni.setStorageuni.setStorageSyncuni.getStorageuni.getStorageSyncuni.removeStorageuni.removeStorageSync uni.setStorage 将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。代码演示:...原创 2020-03-16 10:27:41 · 11393 阅读 · 0 评论 -
uni-app的网络请求(六)
在uni中可以调用uni.request方法进行请求网络请求需要注意的是:在小程序中网络相关的 API 在使用前需要配置域名白名单。参数名 类型 必填 默认值 说明 平台差异说明 url String 是 开发者服务器接口地址 data Object/String/ArrayBuffer 否 ...原创 2020-03-16 10:20:20 · 1756 阅读 · 0 评论 -
uni-app的下拉刷新、上滑加载(五)
目录下拉刷新监听下拉刷新关闭下拉刷新上拉加载 下拉刷新 在uni-app中有两种方式开启下拉刷新 需要在 pages.json 里,找到的当前页面的pages节点,并在 style 选项中开启 enablePullDownRefresh 通过调用uni.startPullDownRefresh方法来开启下拉刷新 通过配置文件开启<tem...原创 2020-03-16 10:14:17 · 2486 阅读 · 0 评论 -
uni-app的生命周期(四)
生命周期的概念:一个对象从创建、运行、销毁的整个过程被成为生命周期。生命周期函数:在生命周期中每个阶段会伴随着每一个函数的触发,这些函数被称为生命周期函数uni-app 支持如下应用生命周期函数:函数名 说明 onLaunch 当uni-app 初始化完成时触发(全局只触发一次) onShow 当 uni-app 启动,或从后台进入前台显示 onHide...原创 2020-03-16 10:02:47 · 301 阅读 · 0 评论 -
uni-app数据绑定与事件绑定(三)
目录插值表达式的使用v-bind动态绑定属性v-for的使用uni-app中的事件绑定在页面中需要定义数据,和我们前的vue一摸一样,直接在data中定义数据即可export default { data () { return { msg: 'hello-uni' } }} 插值表达式的使用 利用插值表达式渲染基本数据...原创 2020-03-16 09:58:48 · 7359 阅读 · 0 评论 -
uni-app基础学习-组件的基本使用(二)
uni-app提供了丰富的基础组件给开发者,开发者可以像搭积木一样,组合各种组件拼接称自己的应用uni-app中的组件,就像 HTML 中的 div 、p、span 等标签的作用一样,用于搭建页面的基础结构 text文本组局的使用 属性 类型 默认值 必填 说明 selectable boolean false 否 文本是否可选 ...原创 2020-03-16 09:35:27 · 2910 阅读 · 0 评论 -
uni-app基础学习与理解(一)
首先在学习uni-app之前,确保我们的电脑上已经安装HBuilderX,与微信开发者工具为了大家快速了解学习这个框架我们这里就不放过多的演示图片了,大家按照提供的方法或API进行操作即可这里要说一下uni-app这个框架是便于开发者一端开发多段使用的,就像官方文档里解释的一样(uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Andro...原创 2020-03-16 08:52:25 · 2975 阅读 · 0 评论