
小程序
小鱼儿同学啦
记录过程,共同进步
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序bindtap和carchtap的区别
1. 事件事件是视图层到逻辑层的通讯方式。 事件是将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当触发该事件时,就会执行逻辑层中对应的事件处理函数。2. 如何使用事件将事件绑定到组件上面,bindtap和catchtap都属于点击事件,绑定了之后点击组件可以触发这个函数。 函数bindHandle会接收一个事件,事件里面存储了一些函数调用的上下文信息 <view id="box" data-item="item" bindtap="bindHandle">点击原创 2021-01-16 18:08:48 · 1485 阅读 · 0 评论 -
WePY页面中发起数据请求
1. 配置 promisify 启用 async 和 await默认使用 wepy-cli 创建的项目,不支持使用 ES7 的 async 和 await 来简化Promise API的调用,需要手动开启此功能,打开 src--> app.wpy,找到 constructor() 构造函数,在构造函数中代码的最后一行,添加 this.use('promisify')即可,示例代码如下:...原创 2020-02-13 20:55:07 · 524 阅读 · 0 评论 -
WePY 框架
1. 什么是 WePYWePY 是 腾讯官方出品的一个小程序快速开发框架,对原生小程序的开发模式进行了再次封装,更贴近于MVVM 架构模式,并支持 ES6 / 7 的一些新特性,同时语法风格更接近于Vue.js ,使用 WePY 框架能够提高小程序的开发效率2. WePY的优点WePY 相比于原生小程序开发,拥有众多的开发特性和优化方案,例如:开发风格更接近于 Vue.js ,支持...原创 2020-02-13 20:29:14 · 1778 阅读 · 0 评论 -
小程序中组件的生命周期
1. 组件的主要生命周期组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发,其中,最重要的生命周期是 created、attached、detached,包含一个组件实例生命流程的最主要时间点组件实例刚刚被创建好时,created 生命周期触发,此时还不能调用 setData,通常情况下,这个生命周期只应该用于给组件 this 添加一些自定...原创 2020-02-13 16:40:10 · 3856 阅读 · 1 评论 -
小程序中是否存在跨域限制
小程序中没有跨域限制在普通网站开发中,由于浏览器的同源策略限制,存在数据的跨域请求问题,从而衍生了JSONP和CORS两种主流的跨域问题解决方案,但是,小程序的内部运行机制与网页是不同的,小程序中的代码并不运行在浏览器中,因此小程序开发中,不存在数据的跨域请求限制问题...原创 2020-02-12 21:41:58 · 7763 阅读 · 3 评论 -
小程序的页面导航
页面导航就是页面之间的跳转,小程序中页面之间的导航有两种方式:声明式导航:通过点击 navigator 组件实现页面跳转的方式 编程式导航:通过调用小程序的 API 接口实现跳转的方式声明式导航1. 导航到非 tabBar 页面非 tabBar 页面指的就是没有被当做 tabBar 进行切换的页面示例代码如下:<navigator url="/pages/info/...原创 2020-02-12 21:12:10 · 617 阅读 · 0 评论 -
小程序中的转发事件
onShareAppMessage( object )监听用户点击页面内转发按钮( <button> 组件 open-type="share" ) 或 右上角菜单“转发”按钮的行为,并自定义转发内容,其中Object参数说明如下:参数 类型 说明 from String 转发事件来源。button:页面内转发按钮;menu:右上角转发菜单 tar...原创 2020-02-12 17:02:22 · 802 阅读 · 0 评论 -
小程序中启用下拉刷新的两种方式
小程序启用下拉刷新的两种方式:需要在 app.json 的 window 选项中或页面配置中开启 enablePullDownRefresh,但是,一般情况下,推荐在页面配置中为需要的页面单独开启下拉刷新行为 可以通过 wx.startPullDownRefresh() 触发下拉刷新,调用后触发下拉刷新页面,效果与用户手动下拉刷新一致,该方法是在页面中绑定一个点击下拉刷新的按钮,为其绑定点击...原创 2020-02-12 14:58:00 · 1865 阅读 · 0 评论 -
小程序中的wx:if 与 hidden 的对比
wx:if 与 hidden 均为条件渲染被 wx:if 控制的区域,框架有一个局部渲染的过程,会根据控制条件的改变,动态创建或销毁对应的UI结构 同时,wx:if 也是惰性的,如果在初始渲染条件为false,框架什么也不做,在条件第一次变成真的时候才开始局部渲染 相比之下,hidden就简单的多,组件始终都会被渲染,只是简单的控制显示与隐藏 总结:wx:if 有更高的切换消耗而 hid...原创 2020-02-12 13:49:50 · 429 阅读 · 0 评论 -
小程序中的事件传参
小程序中的事件传参在小程序中的事件传参比较特殊,不能在为组件绑定事件的同时,为事件处理函数传递参数例如:下面的代码不能正常的运行:因为小程序会把 bindtap 后指定的值,统一当做事件名称来处理<button type="primary" bindtap="btnHandle(123)">事件传参</button>通过data-* 自定义属性传参...原创 2020-02-11 21:54:58 · 556 阅读 · 0 评论 -
小程序中的生命周期函数
1. 生命周期函数 是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行2. 生命周期函数的作用 允许程序员在特定的生命周期时间点上,执行某些特定的操作,例如:页面刚加载的时候,在生命周期函数中自动发起数据请 求,获取当前页面的数据 注意: 小程序中的生命周期强调的是时间段,小程序中的生命周期函数强调的是时间点3. 生命周期函...原创 2020-02-11 20:23:17 · 5314 阅读 · 0 评论 -
小程序中的生命周期
生命周期( Life Cycle ) 是指一个对象从 创建 --> 运行 --> 销毁 的整个阶段,强调的是一个时间段我们可以把每个小程序运行的过程,也概括为生命周期:小程序的启动,表示生命周期的开始 小程序的关闭,表示生命周期的结束 中间小程序运行的过程,就是小程序的生命周期小程序中的生命周期有两种类型应用生命周期:特指小程序从启动 --> 运行 -->...原创 2020-02-11 18:43:10 · 314 阅读 · 0 评论 -
什么是rpx尺寸单位?
rpx ( responsive pixel)响应单位rpx是微信小程序独有的、解决屏幕自适应的尺寸单位 可以根据屏幕宽度进行自适应,不论大小屏幕,规定屏幕宽为750rpx 通过 rpx 设置元素和字体的大小,小程序在不同尺寸的屏幕下,可以实现自动适配rpx 和 px之间的换算在普通网页开发中,最常用的像素单位是px 在小程序开发中,推荐使用rpx这种响应式的像素单位进行开发 以...原创 2020-02-11 16:49:12 · 30785 阅读 · 5 评论 -
什么是wxss
小程序中的样式wxss( WeiXin Style Sheets ) 是一套样式语言,用来决定 WXML 的组件应该怎么显示 wxss 具有 css 大部分特性 wxss 对 css 进行了扩充以及修改,以适应微信小程序的开发 wxss 与 css 相比,wxss扩展的特性有: 尺寸单位 样式导入 wxss目前支持的选择器id选择器 标签选择器 类选择器 伪类选择...原创 2020-02-11 16:19:17 · 10884 阅读 · 0 评论 -
小程序页面和Vue组件的对比
Vue组件每个.vue组件,是由template 模板结构、script 行为逻辑、style 样式三个部分组成的 小程序页面每个小程序的页面,是由.wxml结构、.js逻辑、.json配置、.wxss样式表 这四个文件组成的小程序页面中每个组成部分的作用.wxml: 用来描述当前这个页面的结构,同时提供了类似于Vue中指令的语法 .js: 用来定义当前页面中用到的数据、交...原创 2020-02-11 15:25:43 · 746 阅读 · 0 评论