![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
_仰望星空的你
这个作者很懒,什么都没留下…
展开
-
总结——微信小程序的项目(天使童装)
今天我们的项目(天使童装)已经完结,虽然没有官方的完整,但是自我感觉,我们团队是最棒的!!!项目效果总结:第一方面:总结怎么说呢,这是我这么长时间,唯一一次做的比较全的项目。虽然一小部分是我写的,但是已经很好了。在这个项目中我主要完成了分类的页面,其中也帮助团队的其他人解决问题,比如搜索,添加购物车,收藏等等第二方面:问题1、刚开始接触这个项目,我写的是分类页面。就是完成左侧的点击切换,然后右侧的数据会随着点击左侧的点击而切换。写这个页面的时候,它的点击切换没有问题,也可以拿到数据.原创 2020-08-15 20:05:25 · 3064 阅读 · 2 评论 -
微信小程序的常见的面试题(总结)
1、微信小程序有几个文件WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定义的一套组件WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式js逻辑处理,网络请求json小程序设置,如页面注册,页面标题及tabBar2、微信小程序怎样跟事件传值给 HTML 元素添加 data-*属性来传递我们需要的值,然后通过 e.currentTarget.datase原创 2020-08-14 23:16:39 · 17927 阅读 · 4 评论 -
微信小程序中父组件调用子组件的方法 —— 学习记录
今天在写项目的同时,遇到一个问题,就是子组件的一个方法,需要在父组件中使用。这个问题难倒我了,去网上查了查,才知道怎么解决。下面就是我的解决办法。第一步: 就是有一个子组件(自定义的组件):toast第二步: 在子组件中声明一个方法来控制toast的显示假如我要在登录界面引用toast,那如何调用自定义组件的方法控制toast显示?1、首先在登录的json页面引用这个子组件(即自定义组件)2、在登录的wxml页面中引入子组件(记住要设置id)3、在登录页的js页面的生命周期中获取组件.原创 2020-08-12 23:23:07 · 1316 阅读 · 0 评论 -
微信小程序讲解生命周期
什么是生命周期?一段代码从创建到销毁的过程,成为生命周期。(今天在写项目的时候,遇到几个生命周期,有点混了,所以今天单独拿出来整理一下,加深一下印象)一、微信小程序的生命周期分别有哪些?整体小程序的生命周期、小程序页面级别的生命周期二、整体小程序生命周期App({ //监听小程序初始化,只触发一次 onLaunch() {}, //小程序启动或切换到前台运行时触发 onShow(){}, //小程序切换到后台运行时触发 onHide(), })三、小程序页原创 2020-08-11 23:51:20 · 152 阅读 · 0 评论 -
微信小程序的注册和登录 ——学习记录
今天学习了微信小程序的登录注册,下面就是把我的思路以及做法写下来。前提:本案例是配合API工厂的后台接口实现的一、流程图(看一张流程图来了解怎么实现登录注册)二、效果视频二、代码实现第一步:首先是给页面加上一个弹出层,在弹出层上有一个点击允许的按钮和暂不登录的按钮。(注意,在这里我的弹出层是一个组件)组件:(文件夹名:xhy_user_dialog下有四个文件,分别是.wxss、.wxml、js、json)在.wxml文件<button type="primary" ope.原创 2020-08-11 23:38:14 · 3043 阅读 · 0 评论 -
解决小程序报错:wx:for Do not set same key \“NaN\“ in wx:key.
今天写项目的时候。忽然报了一个错,翻译之后才明白自己的错误原因。在使用wx:for的时候出现了Do not set same key \"NaN\" in wx:key.这样的错误。翻译并去网上查看资料,说是使用wx:key的原因试了一下,没用字面意思是不要设置同一个key,我去js里查看我的item,原来是这样写的,这种写法应该是把所有的user都set成了array[0].namethis.setData({ user:array[0].name})正确写法this.set.原创 2020-08-10 21:06:08 · 2361 阅读 · 0 评论 -
报错(in promise) MiniProgramError {“errMsg“:“navigateTo:fail can not navigateTo a tabbar page“}_解决方法
今天复习了微信小程序,练习路由跳转的时候,在操作的时候在控制台出现以下错误信息。如图所示:翻译过来的意思是:(承诺中)微程序错误{“errMsg”:“n”avigateTo:故障can未导航到选项卡页“}对象报错的原因:看过官方文档,才知道使用wx.navigateTo()这种路由跳转方式,需要保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 的页面。解决办法:只需在js文件的点击事件中,配置跳转的url地址与tabbar中的跳转地址不一样就行了。我就简单说一下我用wx..原创 2020-08-08 20:45:10 · 6813 阅读 · 0 评论 -
微信小程序_安装第三方的UI组件库(详细步骤)
微信小程序的UI组件库,在我了解的,有两种方式,一种是微信小程序的官方文档自带的小程序,另一种是vant的小程序的UI组件库。一、官方自带的小程序的安装步骤官方文档:https://developers.weixin.qq.com/miniprogram/dev/extended/weui/如图所示:这就是微信小程序的官方文档的UI组件库1.步骤第一步:(通常也是基于npm)注意:在这里,微信开发者的工具不具有这个npm 的包管理。因此需要我们在其他的地方,安装依赖。比如使用命令窗口来安装。原创 2020-08-07 19:46:34 · 5947 阅读 · 3 评论 -
微信小程序template模板与component自定义组件的区别和使用
前言:除了component,微信小程序中还有另一种组件化你的方式template模板,这两者之间的区别是,template主要是展示,方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑,可以看做一个独立的page页面。简单来说,如果只是展示,使用template就足够了,如果涉及到的业务逻辑交互比较多,那就最好使用component组件了。一. template模板:1. 模板创建:建议单独创建template目录,在template目录中创建管理模板文件。由于模板只有wx原创 2020-08-06 18:26:52 · 1800 阅读 · 1 评论 -
微信小程序——获取数据_遇到的报错_解决方案(适合新手看)
今天刚开始使用微信小程序,使用微信小程序请求数据的时候,我遇到的小的bug,在这里分享一下,希望可以帮助每个新手。1、就是在后台添加一个域名接口(在这里我以豆瓣官网为例)先看代码:(这是完整的案例,可以拿到数据的)//这是小程序的一个生命周期,就是在进入这个页面的时候,就会请求一次数据 onLoad: function () { this.getGoods(); }, //获取数据 getGoods() { //url地址 let url = "https://a原创 2020-08-06 00:38:10 · 3014 阅读 · 0 评论 -
微信小程序setData报错TypeError: Cannot read property ‘setData‘ of undefined的解决方案
今天写案例的时候,在onLoad函数中用this.setData重置了一个数值,然后就一直报错,结果如下:问题的原因:无法找到setData这个定义,因为setData中是onLoad函数中的方法中的子节点,无法使用this解决方案这个时候需要在方法的开始部分定义var that = this,然后用that.setData来重置,这样就解决了这个问题了。如下图:...原创 2020-08-05 20:04:23 · 14190 阅读 · 4 评论 -
微信小程序的支付流程 —— 总结
今天来说说,微信小程序的支付流程是怎么的?首先,就是先了解一下小程序的应用场景主要就是以下几个方面:1、线下支付2、公众号支付3、小程序支付4、pc网站支付5、手机app支付6、企业内部使用微信资金流动不同场景下的支付措施注意:在这里JSAPI就相当于是微信内部的一个支付方式,他在第三方App,比如说安卓的或者iOS的应用,要坐微信支付只可以通过App来支付。注意点:在苹果手机端的音频视频不能再iOS端上使用,会收到微信的限制。建议用公众号和H5的方式实现,因.原创 2020-09-21 21:38:07 · 12312 阅读 · 0 评论