![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
柿子镭
努力做一个勤勤恳恳的代码搬运工
展开
-
微信小程序——定义事件相关
1. 分类 1. 标准DOM事件 2. 自定义事件2. 标准DOM事件 1. 举例: click,input。。。 2. 事件名固定的,事件由浏览器触发3. 自定义事件 1). 绑定事件 (1). 事件名 (2). 事件的回调 (3). 订阅方: PubSub.subscribe(事件名,事件的回调) (4). 订阅方式接受数据的一方 2). 触发事件 (1). 事件名 (2). 提供事件...原创 2022-01-23 15:20:21 · 955 阅读 · 0 评论 -
微信小程序——事件委托
事件委托1. 什么是事件委托 将子元素的事件委托(绑定)给父元素2. 事件委托的好处 1). 减少绑定的次数 2). 后期新添加的元素也可以享用之前委托的事件3. 事件委托的原理 冒泡4. 触发事件的是谁 子元素5. 如何找到触发事件的对象 event.target6. currentTarget VS targetcurrentTarget是绑定事件处理函数的元素,target是实际被鼠标点击得到的元素 1). currentTarget要求...原创 2022-01-21 13:01:05 · 1713 阅读 · 1 评论 -
微信小程序——tabBar使用
如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。其中 list 接受一个数组,只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象,其属性值如下:实例:效果展示:...原创 2022-01-20 20:35:26 · 1174 阅读 · 0 评论 -
微信小程序——自定义组件
Component(Object object)创建自定义组件,接受一个Object类型的参数。在项目中新建一个文件用来存放组件 不传入数据时,使用默认值传入数据后,数据相对应改变Bug & Tip使用this.data可以获取内部数据和属性值;但直接修改它不会将变更应用到界面上,应使用setData修改。 生命周期函数无法在组件方法中通过this访问到。 属性名应避免以 data 开头,即不要命名成dataXyz这...原创 2022-01-20 13:55:38 · 442 阅读 · 0 评论 -
微信小程序——轮播图
列表渲染(wx:for)在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件默认数组的当前的下标变量名默认为index,数组当前项的变量名为item实例: 代码:...原创 2022-01-20 13:01:17 · 1159 阅读 · 0 评论 -
微信小程序——服务器接口
需要先下载node.js执行命令下载:npm install nodemon -g启动:npm start接口使用说明:1. 根目录下执行: npm start2. 服务器地址: http://localhost:30003. 示例: http://localhost:3000/banner接口列表1、banner轮播图说明:调用此接口,可获取banner(轮播图)数据接口地址:/banner请求方式:GET可选参数:type:资源类型,对应一..原创 2022-01-19 21:16:38 · 13403 阅读 · 0 评论 -
微信小程序——条件渲染
获取用户基本信息1. 用户未授权(首次登陆) button open-type=‘getUserInfo’2. 用户已经授权(再次登陆) wx.getUserInfo一、语法说明1. wx:if=’条件’2. wx:elif=’条件‘3. wx:else (1)wx:if在框架中,使用wx:if=""来判断是否需要渲染该代码块 也可以使用 wx:elif 和 wx:else 来添加一个else块二、 wx:if VS hidd...原创 2022-01-19 13:42:31 · 1378 阅读 · 0 评论 -
微信小程序——生命周期
1、onLoad(Object query)——监听页面加载(1)页面加载时触发。一个页面只会调用一次,可以在 onLoad 的参数中获取打开 当前页面路径中的参数。(2) 参数: 名称:query 类型:Object说明:打开当前页面路径中的参数2、onShow()——监听页面显示(1)页面显示/切入前台时触发(2)会执行多次3、 onReady()——监听页面初次渲染完成(1)页面初次渲染完成时触发。一个页面只会调用一次...原创 2022-01-19 12:44:32 · 201 阅读 · 0 评论 -
微信小程序——数据劫持代理
index.htmlindex.js// Vue数据劫持代理//模拟Vue中data选项let data = { username:'小镭', age:3}// 模拟组件的实例let _this={}// 利用object.defineProperty()for(let item in data){ console.log(item,data[item]); Object.defineProperty(_this,item,{ ...原创 2022-01-18 19:30:21 · 1890 阅读 · 0 评论 -
微信小程序——事件绑定
什么是事件事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如 id, dataset, touches。事件的使用方式在组件中绑定一个事件处理函数。事件分类事件分为冒泡事件和非冒泡事件:1、冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。2、非冒泡事件:当一个组件上的事件被触发后,该事件不会向父节点传递。表单事件和自定义事件通常是非冒泡原创 2022-01-19 11:57:07 · 3740 阅读 · 0 评论