- 博客(8)
- 收藏
- 关注
原创 微信小程序组件生命周期和页面生命周期
一、组件的生命周期1.1 组件的生命周期指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。其中,最重要的生命周期是 created、attached、 detached ,包含一个组件实例生命流程的最主要时间点。created触发时机:组件实例刚刚被创建好时。此时,组件数据 this.data 就是在 Component 构造器中定义的数据 data 。 此时还不能调用 setData 。 通常情况下,这个生命周期只应该用于给组件 this 添加一些自定义
2022-05-31 19:52:30
407
原创 微信小程序开发入门(一)
一、安装微信开发者工具1.1 小程序开发的第一步,是去 微信公众平台 注册,申请一个 AppID,这是免费的。1.2 注册完成后在 开发管理-开发设置 可以获取Appid1.3 申请完成以后,你会得到一个 AppID(小程序编号) 和 AppSecret(小程序密钥),后面都会用到。然后,下载微信提供的小程序开发工具。这个工具是必需的,因为只有它才能运行和调试小程序源码。开发者工具支持 Windows 和 MacOS 两个平台。我装的是 Windows (64位)的版本,这个教程的内容
2022-05-27 19:51:07
864
原创 用节流处理下拉刷新获取新内容刷新多次的问题
在写这个项目时我发现在滚动事件中符合滚动条件的情况下,由于触发多次滚动条件会出现刷新多次的情况,我使用了节流的的方式解决了这个问题防抖具体操作如下(下列步骤,和代码内注释相对应,可以方便查看)在主体盒子的高度<=页面向下滚动的距离加屏幕高度的情况进行判断是否执行(在满足条件时新增数据)根据 this.ok(默认为true) 判断是否为1秒内第一次执行,如果为true执行下列代码将 this.ok 设为 fales,下次再触发scroll事件时判断不通过以此阻止代码多次执行执行新增数据代码
2022-05-25 17:00:37
459
原创 在vue2中使用动画库
一、在vue2中使用 animate.cs1.1 安装详情参考:使用文档使用npm进行安装npm install animate.css --save在vue-cli创建的main.js中导入import 'animate.css';1.2 使用1.2.1 设置class类使用动画效果将 animate__animate 类以及任何动画名添加到元素中,即可使用动画效果<h1 class="animate__animated animate__bounce">An anim
2022-05-09 20:22:11
1299
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人