
小程序
文章平均质量分 58
halo1416
一个迷茫的前端攻城狮
展开
-
uni-app 界面TabBar中间大图标设置的两种方法
最近写基于uni-app写app项目的时候,底部导航栏 中间有一个固定的大图标,并且没有激活状态。这里记录下实现方案。// 监听底部tabbar 中间按钮“党组织”,跳转对应的页面});})该方法跳转后是进入二级页面,底部导航栏会消失,顶部会有返回按钮。适应于新增类型的页面。原创 2024-11-21 13:38:46 · 1942 阅读 · 0 评论 -
小程序与 H5 的交互
最近又在写小程序,不过是基于原生写的;里面有很多内容是嵌入的H5端的页面。原创 2024-11-12 21:37:17 · 421 阅读 · 0 评论 -
uni-app小程序使用DCloud(插件市场)流程
这种大型组件库都有官方文档可参考,但一些团队或个人发布的小型插件没有文档,只有下载、导入按钮。是uni-app官方插件市场,里面有官方、团队、个人发布的众多插件,包括。在插件右侧点击下载即可,但注意:最好选择支持uni_modules的插件。文章仅为本人学习过程的一个记录,仅供参考,如有问题,欢迎指出!为示例记录怎么引入插件并使用。原创 2023-10-18 10:35:08 · 4063 阅读 · 1 评论 -
uni-app自定义v-model失效问题
但在实际开发中,我们可能更多的基于这一个逻辑去实现自定义的model。中定义model的时候用value和input,不能自定义更改。文章仅为本人学习过程的一个记录,仅供参考,如有问题,欢迎指出!小程序中这样自定义是不会生效的。原创 2023-05-19 11:58:08 · 3066 阅读 · 0 评论 -
uni-app中的路由传参以及页面返回刷新
一、前言现在的应用,不是是web端还是小程序端,页面之间的跳转使用路由传参的方式还是非常多的。那么有以下问题:小程序中的路由传参是怎么样的呢?页面之中又是怎么接收参数的呢?页面中哪些生命周期中可以接收到路由参数?二、页面的生命周期首先,我们先看一下uni-app中常见的页面生命周期有哪些:uni-app中,我们最常用的生命包括onLoad、onShow、onHide、onUnload等;当然,有时候我们也会搭配Vue的生命周期,如created、mounted、beforeDestro原创 2021-03-01 14:10:15 · 2323 阅读 · 0 评论 -
小程序配置启动模式,打开指定页面
一、前言在小程序开发过程中,并且写一个新的页面时,往往想要每次打开都是这个页面,好进行调试。特别是在这个层级较深的时候,特别有用。(不要操作很久才能进入这个页面)二、配置pages.json里的condition参数"condition": { //模式配置,仅开发期间生效 "current": 0, //当前激活的模式(list 的索引项) "list": [ // 可以同时配置多个页面 { "name": "test"原创 2021-03-01 10:37:26 · 3496 阅读 · 0 评论 -
H5网页跳转到非调用H5的小程序页面
一、需求描述这两天遇到一个需求,用uni-app开发了一个小程序(小程序-A)与H5端(**H5-A **)共用的功能。这个功能需要在另外的一个小程序(小程序-B)通过webview的方式调用并且还有一个H5(H5-B)也需要通过 iframe 或者 location.href 的方式去调用显示二、需要解决的问题需求里面有这样的需求,这个页面里面有两个按钮,按钮一点击后跳转到对应端的首页,即 小程序-A 点击跳转 小程序-A 的首页;H5-A 点击跳转 H5-A 的首页;小程序-B 点击跳转原创 2021-02-25 11:49:35 · 490 阅读 · 0 评论 -
微信小程序打包报错:TypeError: Cannot read property ‘mark’ of undefined
1. 报错原因使用uni-app技术栈完成了一个小程序开发,开发模式没有任何报错。在打包提交后用开发者工具打开时报错如下:报错原因:使用了ES7异步网络请求方法:async awaitasync onShow(){ await this.getList()}2. 解决方法在微信开发者工具的详情 =》本地设置 =》打开“增强编译” 即可此时,再次运行小程序,报错没有了!解决文章仅为本人学习过程的一个记录,仅供参考,如有问题,欢迎指出!...原创 2021-01-20 14:20:03 · 789 阅读 · 1 评论 -
微信开发流程总结(基于微信平台)
一、openid 和 unionid 是什么?openid:微信小程序的唯一标识码,就想人的身份证号码一样,能在同一主体公众号下面确定小程序unionid:unionid 和 openid 在本质上面是没有任何区别的。但如果在同一主体公众号下面有多个小程序的时候,openid是不一样的,但unionid永远是一样的,可以用来判断是否为同一个公众号。二、怎么获取openid首先,想要...原创 2020-04-18 12:05:49 · 1681 阅读 · 0 评论 -
mpvue框架开发流程总结(基本配置和一些问题)
1. 创建项目在命令行中进入到想要创建项目的目录 开发文档# 1. 先检查下 Node.js 是否安装成功$ node -vv8.9.0$ npm -v5.6.0# 2. 由于众所周知的原因,可以考虑切换源为 taobao 源$ npm set registry https://registry.npm.taobao.org/# 3. 全局安装 vue-cli# 一般是...原创 2020-04-18 12:03:08 · 775 阅读 · 0 评论 -
flyio 在微信小程序中的二次封装
flyio 是什么? 一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。可以让您在多个端上尽可能大限度的实现代码复用。flyio 的平台支持? 目前Fly.js支持的平台包括:Node.js、微信小程序、Weex、React Native、Quick App和浏览器,这些平台的 JavaScrip...原创 2020-02-20 15:00:57 · 1621 阅读 · 0 评论 -
mpvue小程序的开发总结
开发技术栈:mpvue + Vant Weapp + 小程序1. 小程序组件的生命周期 因为使用了mpvue的原因,小程序组件不仅有vue的生命周期函数,并且还还同时拥有小程序的生命周期函数(和vue的生命周期函数同级) 小程序的生命周期函数包括: onLoad () :页面加载时触发。一个页面只会调用一次 ...原创 2018-11-23 13:47:40 · 301 阅读 · 0 评论 -
mpvue小程序中图片根据自身宽高做自适应
需求:小程序因为自身上传包大小的限制(每个包2M,使用分包总共可以上传8M),所以小程序的静态资源主要是放在服务器端(主要是图片资源)。但是从服务器获取图片时有可能出现下面一种情况:返回的是图片的url地址,但并没有图片自身的宽高 ==>> 导致结果:无法根据图片的宽高和屏幕宽度,计算得出图片的高度,从而给图片做自适应。计算高度的方法:图片自身宽度 / 图片自身高度 = 屏...原创 2018-11-19 22:42:03 · 1925 阅读 · 0 评论 -
初探小程序之mpvue 以及 iView Weapp 的使用
前言:mpvue —— 美团开源的小程序开发框架。自开源依赖获得了大量star并一跃成为了小程序开发的新宠。如果说wepy是类vue开发,那mpvue是无限接近vue开发。mpvue:继承自vue.js,其技术规范和语法特点与 vue.js 保持一致。名称由来:mp:mini program 的缩写 mpvue:Vue.js in mini program...原创 2018-09-30 15:18:08 · 2957 阅读 · 0 评论 -
小程序采坑记 mpvue + Vant Weapp
最新在做一个小程序项目,框架使用的是:mpvue + Vant Weapp;其余还用的技术栈:vue.js、微信小程序、网络库flyio等。mpvue是美团开源的微信小程序框架,由于无限接近vue开发而受到大量关注;Vant Weapp UI库是轻量、可靠的小程序 UI 组件库,是 有赞团队 开源的一套基于 Vue 2.0 的 Mobile 组件库; 一、总结一些遇到的问题1....原创 2018-10-18 17:43:25 · 6621 阅读 · 3 评论