微信小程序
微信小程序开发
weixin_43787178
这个作者很懒,什么都没留下…
展开
-
微信小程序 移动端触碰区域一如何构造良好的用户体验 的探讨
在移动端,有时候我们用手指点击一个按钮,必须手指完完全全的放到按钮的边界内点击才可以触碰;很是麻烦,所以为了提高用户的体验,有时候触碰区域通常比我们实际的按钮要大一点。(这点不同于网页开发,因为在网页中鼠标的点击是非常精确的,而移动端由于手指等因素,往往没那么灵活)以一个点击切换的按钮为例进行讲解:功能的点击黑色的按钮。增加触碰区域的2种方法:1.设计师在切图的时候,尽量把图片切的大一点,...原创 2020-03-01 19:24:54 · 273 阅读 · 0 评论 -
微信小程序 在components的properties属性中,用observer监听并用setData修改其值 容易造成死循环
首先这是个大坑,大坑,,,,,, 坑首先看看官方对observer函数的解释:另外官方也提示了这个BUG:简单的讲就是当observer监听部分properties。先上示例BUG代码:当properties中的index变化时,会触发observer监听函数,进而会执行其中的数据更新this.setData函数,index数值更新;这样又触发observer,又执行this.s...原创 2020-02-28 23:40:08 · 7719 阅读 · 2 评论 -
微信小程序 code.startsWith is not a function;
调试下,发现是number,所以后面的引用会报错,得把他转换成string原创 2020-02-21 22:27:12 · 1965 阅读 · 0 评论 -
微信小程序 display: flex 与inline-flex的区别以及应用
讲到这个得从wxss的鼻祖css说起了。一般会将html元素分为两种,即块级元素和行内元素。一.块级元素:block element每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素;说白了就是:就是一个四方块,可以放在页面上任何地方;好像一个段落,如果不另...原创 2020-02-20 23:09:56 · 1972 阅读 · 0 评论 -
微信小程序 绝对路径和相对路径
相对路径:相对的是他的同级文件,常用../表示返回倒退到上一级文件。红色的表示倒退到pages同级目录,绿色的表示倒退到根目录。绝对路径:从项目的根目录开始寻找文件,/代表项目的根目录。...原创 2020-02-20 18:25:02 · 5270 阅读 · 0 评论 -
微信小程序 使用flex-wrap换行后怎样消除间距
先说个题外话:今天在学习中发现微信小程序对flex属性做出了变化,就是传统的设置好flex属性和主轴后,元素默认靠齐四边对其(取决于主轴的设定);但在小程序中小程序会自动默认垂直居中了。正式开始了:每个块的高度设置为100px,height:100px;使用flex-wrap :wrap;换行后,发现1,2的距离相等。**为什么会这样呢?**这就是flex-wrap的机制,平分剩下高度,居中...原创 2020-02-20 17:31:21 · 3128 阅读 · 2 评论 -
微信小程序 我对页面生命周期的理解
这是官方的解释,起初不懂,实际踩了几个坑之后来看,豁然开朗。左边的是页面生命周期,右边的是应用生命周期;应用生命周期影响页面生命周期。是不是有点懵呢,没事先拆看。借鉴了某位同学的:http://www.wxapp-union.com/portal.php?mod=view一.几个重要函数理解首先要理解下这几个函数,因为整个周期都围绕这几个函数展开。onLoad(Object query...原创 2020-02-18 21:59:38 · 621 阅读 · 0 评论 -
微信小程序中 冒泡非冒泡事件的应用解析,target和currentTarget 属性的区别等
target和currentTarget在冒泡事件机制用应用的最多,那么要怎么区分他们呢? 首先必须清楚几个概念:[小程序官方文档解析:](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html#%E4%BA%8B%E4%BB%B6%E8%AF%A6%E8%A7%A3)https://deve...原创 2020-02-14 13:16:41 · 357 阅读 · 0 评论 -
微信小程序 does not have a method " XXX" to handle event "tap".
搞了半天,才发现多了一行空格,导致报错去掉就好了。原创 2020-02-14 13:05:46 · 13571 阅读 · 0 评论 -
微信小程序怎样跨js文件传递数据
问题描述:需要用到另外一个js文件中的数据解决方法:1.在app.js中设置全局的变量;这样做也不是不行,有点违背自己的初衷,不适合。2.通过URL传参 。场景描述:跳转到另外一个网页,另外一个网页列表渲染要根据前一个网页的参数来决定。相关代码:wx.navigateTo({ url: "post-detail/post-detail?id=" + postId })解析:post-...原创 2020-02-13 18:07:14 · 3176 阅读 · 0 评论 -
微信小程序如何实现 点击一张图片即可切换另一张图片
点击照片实现切换;点击前:点击后:两种方法:1.原创 2020-02-12 21:44:41 · 15837 阅读 · 4 评论 -
js同步异步的区别
例如:小明去餐馆排队点餐,前台服务员将小明的菜单告诉厨师进行制作,此时小明后面排队的人就一直等着,直到厨师制作完成,把饭菜送到小明手里后离开,后面的人才能继续点餐;这就是同步处理;但是,如果前台服务员将小明的菜单告诉厨师后,服务员发给小明一个好牌去旁边等待,后面的人继续点餐,厨师将小明的饭菜做好后,随时呼唤小明就餐;这就是异步处理服务器的不同做法,就代表着 Ajax 的同步或异步处理;小明就是...转载 2020-02-12 12:44:01 · 420 阅读 · 0 评论 -
微信小程序中 使用require方法加载js模块儿文件,export暴露接口 其中有CommonJS ES6两种标准
1.暴露接口:将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块通过 module.exports对外暴露接口。module.exports={ postList:local_datebase }2.调用接口:在需要使用这些模块的文件中,使用 require 将公共代码引入。var postsDate=require('../../date/posts-date.js'...原创 2020-02-08 23:25:39 · 3179 阅读 · 0 评论 -
微信小程序跳转API的理解 wx.redirectTo(Object object) wx.navigateTo(Object object)
跳转API:1.wx.redirectTo(Object object) 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。执行生命周期函数Unload,卸载了就不能返回。页面的左上角没有返回箭头。2.wx.navigateTo(Object object)关闭当前页面,返回上一页面或多级页面。执行生命周期函数onHide,隐藏了就可以返回。页面的左上角自带...原创 2020-02-08 23:23:56 · 1134 阅读 · 0 评论 -
微信小程序的事件处理机制—捕捉与回调
处理事件机制:1.产生事件:eg: tap 触发条件:手指触摸后马上离开;2.捕捉事件:放在要点击的组件中,当用户点击该组件的时候会在该页对应的Page中找到相应的事件处理函数 bind:事件类型 =“事件处理函数”(也可以省略“:”)eg:bind:tap="tapname"3.回调函数:在相应的Page定义中写上相应的事件处理函数,参数的event;Page({ tapNam...原创 2020-02-08 23:18:57 · 1262 阅读 · 0 评论 -
event.currentTarget.dataset.postId的理解(小程序中实现点击同一个模板template,跳转到相应的页面中关键的一点)
实现功能:微信小程序中同一个模板template,每点击不同对象,跳转到相应的页面上。问题:怎样区分我到底点击的是哪个对象?方法:给每个对象设置id,检索id跳转。1.对象设置id:2.捕捉事件:<view bind:tap="onPostTap" date-postId="{{item.postId}}"> <template is="postItem" dat...原创 2020-02-08 23:16:10 · 2745 阅读 · 0 评论 -
微信小程序template的理解,特别是data="{{...item}}"中"..."的理解
WXML:1.定义:<template name="TemplateName">2.调用:a.导入模板:<import src="..." /> 注意“/”b.引用:<template is="TemplateName" data="{{...item}}"/>数据绑定的方式"..."的解析:如果是对象数组,前面需要加上**…**,如果不是...原创 2020-02-08 20:26:34 · 1141 阅读 · 0 评论