随笔分类 -  uni-app

uni-app:使用HBuilder导入插件uni-popup
摘要:1、首先点击使用HBuilderX导入插件 插件市场网址:https://ext.dcloud.net.cn/ 点击前端组件 通用组件,搜索框中输入uni-popup 点击uni-popup 点击“下载插件并导入HBuilderX”, 跳转到HBuilderX 选择需要引入插件的那个项目 选择项目后 阅读全文
posted @ 2023-09-13 15:30 周文豪 阅读(1749) 评论(0) 推荐(0) 编辑
uni-app:创建uni-app项目和运行项目
摘要:创建项目: 文件 新建 项目 uni-app 项目名称:uniapp-test,修改目录:D:/work/HBuilderProjects,选择默认模板 点击创建 manifest.json 微信小程序配置 输入APPId,勾选ES6转ES5 运行项目: 1、运行在网页上: 运行 运行到浏览器 Ch 阅读全文
posted @ 2023-09-07 17:31 周文豪 阅读(621) 评论(0) 推荐(0) 编辑
uni-app的页面的生命周期:onLoad、onShow、onReady
摘要:onLoad:页面加载了,在onLoad中发送请求是比较合适的,即页面一加载就发送请求获取数据。 onShow:页面显示了,会触发多次,只要页面隐藏,然后再显示出来都会触发。这里会重复触发,如果你重复发送请求不合适。 onReady:页面初次渲染完成了,但是渲染完成了,你才发送请求获取数据,就太慢了 阅读全文
posted @ 2021-11-27 17:09 周文豪 阅读(2667) 评论(0) 推荐(0) 编辑
uni-app:mescroll-body组件
摘要:mescroll的uni版本, 提供<mescroll-body>和<mescroll-uni>两个组件, 其中<mescroll-body>支持配置成系统自带的下拉组件 总结:从1.2.1版本开始,绝大部分情况应优先考虑使用 mescroll-body 因为支持原生组件,且性能好,只有当需要局部区 阅读全文
posted @ 2021-03-27 10:33 周文豪 阅读(9452) 评论(0) 推荐(0) 编辑
uni-app:uCharts的使用步骤
摘要:为何不用Echarts 相比Echarts及F2的复杂的设置,本插件几乎等于傻瓜式的配置。 Echarts在跨端使用更复杂,本插件只需要简单的两个<canvas>标签轻松区别搞定,代码整洁易维护。 Echarts在IOS端图表显示错位,只能引用网页解决。 本插件打包后的体积相比Echarts小很多很 阅读全文
posted @ 2021-03-26 10:29 周文豪 阅读(16417) 评论(1) 推荐(0) 编辑
uni-app:应用的生命周期与页面的生命周期与组件的生命周期
摘要:生命周期的概念:一个对象从创建、运行、销毁的整个过程被成为生命周期。 应用的生命周期 应用的生命周期函数必须在app.vue。 页面的生命周期 如何来区分页面和组件:知道组件是引用的、页面是跳转的(需要在pages.json中配置路径)就完了 uni-app 支持如下页面生命周期函数: 组件的生命周 阅读全文
posted @ 2021-03-16 10:43 周文豪 阅读(1984) 评论(0) 推荐(0) 编辑
uni-app:本地缓存
摘要:有时需要将数据临时存储到本地缓存,而不是存储到数据库, 1、uni.setStorage 将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。 <template> <view> <button type="primary" @click="setStor 阅读全文
posted @ 2021-03-15 14:47 周文豪 阅读(4265) 评论(0) 推荐(0) 编辑
uni-app:将页面的过滤变为全局过滤器
摘要:页面中的过滤器: filters: { formatDate(date){ const ndate = new Date(date) const year = ndate.getFullYear() const month = ndate.getMonth().toString().padStart 阅读全文
posted @ 2021-03-12 14:43 周文豪 阅读(986) 评论(0) 推荐(0) 编辑
uni-app:text文本组件是行内元素,如何让标题居中显示?
摘要:text 组件的属性 注意: text 组件相当于行内标签、在同一行显示 除了文本节点以外的其他节点都无法长按选中 行内元素与块级元素区别: 1.行内元素与块级元素可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:blo 阅读全文
posted @ 2021-03-12 14:18 周文豪 阅读(13678) 评论(0) 推荐(1) 编辑
uni-app封装请求方法
摘要:uni.request本身已经是基于promise了,也可以用async/await,为啥还要进行封装呢? 1、封装成一个方法后,以后想要发送请求就直接调用这个方法,这样所有的请求都走这个方法,就可以对所有的请求做一个拦截, 2、另外,接口的域名不管要使用多少次都是一样的,难以维护, 异步处理的封装 阅读全文
posted @ 2021-03-08 20:58 周文豪 阅读(2765) 评论(0) 推荐(0) 编辑