勇康博客网
演示站：YK琳琅天下 更多作品 主题更新日志（22/09/10）更新日志v1.1.4（2022-09-10）文章列表页新增多图配置v1.1.3（2022-09-09）新增404页面及公益404开关新增评论框动画特效v1.1.2（2022-09-07）新增文章点赞功能新增评论表情包设置v1.1.1（2022-09-06）新增文章点赞功能主题功能概述1、全局自动化昼夜模式2、自定义移动端pajx底部悬浮快捷导航3、文章阅读模式4、文章侧边悬浮
小程序实战（十一）：小程序bindtap传参
前言上一篇我们讲了小程序实战(十)：小程序缓存，有兴趣的小伙伴可以点击链接查看。这一节讲小程序bindtap传参剖析文章列表页跳文章详情页的时候，我发现了一个问题，bindtap绑定的事件不能直接写：bindtap=jumpToArticle(item.id);这样写不行，会报错：VM2760:1 Component "pages/index/index" does not have a method&nb
小程序实战（十）：小程序缓存
上一篇我们讲了【小程序实现下拉刷新】，有兴趣的小伙伴可以移步至（。。。。）查看。这一节我们讲讲【小程序缓存】。小程序的缓存是个很重要的东西。小程序的缓存最大上限是10MB左右。10MB，好大的空间……这么大的空间，利用的时候，你就需要考虑一下了，不能啥都往里存，因为一不小心，就满了……但是吧，合理的利用这个玩意，这个玩意是真好用。我后期是打算在小程序中加上即时聊天这个功能。目前现阶段，只是接入了腾讯AI智能闲聊的接口。关于聊天的部分，后期的教程中会写到。先说缓存：用户每次和机器人的聊天记录，我把
小程序实战（九）：小程序实现下拉刷新
上一篇我们讲了配置【小程序实现上拉分页】，有兴趣的小伙伴可以移步至（。。。。。。）查看。这一节我们讲【小程序实现下拉刷新】。下拉刷新这个玩意吧，很有用，但是在我博客关联的小程序中，用处不大，也是，我那个小程序一共也没有几个页……我这里还是用在首页，上拉分页，下拉刷新重载分页。我就是这么做的。下拉刷新和上拉分页还是有区别的。下拉刷新需要在index.json中添加属性：上一篇我们讲了配置【小程序实现上拉分页】，有兴趣的小伙伴可以移步至小程序实现上拉分页查看。这一节我们讲【小程序实现下拉刷新】。下拉
小程序实战（八）：小程序实现上拉分页
上一篇我们讲了【小程序的时间轴组件】，有兴趣的小伙伴可以移步至小程序的时间轴组件查看。这一节我们讲【小程序实现上拉分页】文章列表需要做分页了一般APP或者手机端一般给我们提供的都是，上拉分页，但是vant小程序版的组件是为我们提供了类似于PC网页那样的页码分页。但是吧，我就不太想用web网站那样做一串数字页码那样了，这是反人类的设计。使用上拉进行分页。小程序为我们提供了上拉加载事件：onPullDownRefresh/** * 页面相关事件处理函
小程序实战（七）：小程序时间轴组件
上一篇我们讲了【小程序获取用户信息】，有兴趣的小伙伴可以移步至（。。。。）查看。这一节我们讲讲【小程序的时间轴组件】。我这里的标题是小程序的时间组件，其实我这里是将他写成了一个页面，当然，如果你有需求，将其做成一个自定义组件也可以~这玩意其实没有什么技术难点就是一个小页面，我这里就不赘述了。直接上代码：Remark.wxml：<view class="listview-container margin_bottom">
小程序实战（六）：小程序获取用户信息
上一篇我们讲了【小程序的登入、注册】，有兴趣的小伙伴可以移步至小程序(五)：小程序登录、注册查看。这一节我们讲讲【小程序获取用户信息】。小程序获取用户信息这部分其实不难，但是，他有点麻烦。最开始，在小程序的app.js中的onlaunch中判断如果当前登录用户，数据库中没有用户信息，则直接调用wx.getUserInfo，弹窗获取用户信息。但是小程序改版之后，不支持这种调用方式，官方给出的demo是使用一个button按钮来调起wx.getUserInfo这个方法来获取用户信息。用习惯了弹窗的我
小程序实战（五）：小程序登录、注册
上一篇我们讲了小程序的生命周期，有兴趣的小伙伴可以移步至小程序（四）：小程序生命周期查看，今天我们讲讲小程序的登入注册。小程序理论上和VUE是差不多的，我在做VUE的登录注册的时候，用户信息使用服务器端的session存了一份，还使用前端的缓存存了一份。小程序这边我可能不需要这么麻烦，只用小程序的缓存将用户信息存一份大概就可以了。我这里大概是这样实现。首先，在你创建小程序的时候，示例就会告诉你小程序的登录是在app.js的onlaunch中实现的，在小程序的生命周期中，我们了解onlaunch全
小程序实战（四）：小程序生命周期
上一篇我们讲了配置tabbar及自定义tabbar样式，有兴趣的小伙伴可以移步至小程序（三）：配置tabbar及自定义tabbar样式查看。这一节我们讲讲小程序的生命周期。如果有编程经验的小伙伴对生命周期这个概念应该不陌生，所谓生命周期就是一个程序从出生到销毁的过程。小程序的生命周期说白了就是指程序从创建、到开始、暂停、唤起、停止、卸载的过程。今天我们将从以下三个角度剖析一下小程序的生命周期。（1）：应用生命周期（2）：页面生命周期（3）：应用生命周期影响页面生命周期一：应用生命周期放一张从网上
小程序实战（三）：配置tabbar及自定义tabbar样式
关于tabbar部分，官方文档是有明确的说明的，当然，我这里是不存在把官方文档给你复制一遍的情况。我大概把我再看官方文档过程中遇到的坑，大概复述一下。一：配置tabbar这个主要是使用小程序自带的tabbar，在项目根目录下的app.json中配置，这个简单配置一下就可以了。这里放一下我的app.json配置：{ "pages": [ "pages/index/index",
小程序实战（二）：使用npm安装weui
前言作为一个不专业的前端，在开发前端的时候我喜欢用一些UI库。HTML页面一般习惯用bootstarp，layui等。VUE项目一般习惯用iview，elementui等。小程序自然也不例外，我这里使用的是官方推荐的weui组件库，但是如何将其引入项目，这是一个很值得深思的问题。最终我还是选择了VUE一样的管理方式，使用npm。Vue的脚手架默认就是支持npm的。但是小程序需要你手动安装。当然，这部分官方文档是有介绍的，想看官方文档的同学，请移步《npm支持》写这篇博客的原因就是，官方文档我看不
