咚咚租房微信小程序炸房子几天可以找到房子

在移动端随着手指不断向上滑動,当内容将要到达屏幕底部的时候页面会随之不断的加载后续内容,直到没有新内容为止(我们是有底线的-o-)我们称之为上拉加载,从技术角度来说也可以称之为触底加载

这种方式其实是PC端分页浏览的一个分页形式变种很多PC网页也会采用这种方式来进行内容分頁加载,以替代比较古老的1,2,3,4,5,6,7...分页(称之为有页码的分页这种分页方式其实在一些场景下仍然是非常有用的,特别是在后台管理系统页面Φ需要精确抵达某一数据页的场景)

另一种在移动端常见的操作,就是像在刷微博或微信朋友圈的时候我想看看有没有新的内容出现,就会在页面到顶的时候将页面从上往下拖拉(这个时候页顶通常会出现一个转动的菊花之类的),然后放开手指伴随着一声清脆的叮铃咚隆声,页面上呈现出了你朋友新鲜出炉的自拍照或鸡汤文

这种向下拖拉刷新的交互方式(简称下拉刷新),在移动端可以说是一種非常自然且方便的操作在现在的移动应用中被广泛采用。

好了上面简要介绍了一下我们今天要关注的两个交互方式,目的当然是要茬微信微信小程序炸房子中来实现它们其实,微信微信小程序炸房子提供的技术框架已经为我们做了很多事情让这两种交互实现起来變得相对很容易了。

下面我们就来一一讲解具体的代码实现

前面我们已经了解到下拉加载的本质是一个分页加载,每次触发加载下一页嘚条件是当前页面到达底部因此,我们可以整理出一个实现的基本思路:

  1. 初始页号为1向后端请求第一页数据(数据中包含数据总条数,及当前页的数据数组)返回后渲染该该页数据
  2. 监听页面是否被滚动到底部,是的话则递增页号(+1)并向后端请求该新页号的数据,返回結果后将该页数据添加到之前已加载的数据后面,并重新渲染

这个流程是不是很好理解感觉实现起来也不难,主要就是其中的“监听頁面是否被滚动到底部”如何来实现在Web页面开发中,我们会通过监听window.onscroll事件在该事件的处理方法中获取当前页的高度和滚动量,以此来計算判断页面是否已滚动到底而在微信微信小程序炸房子中,我们并不需要自己来计算微信小程序炸房子的Page已提供现成的监听用户上拉触底事件的处理函数:onReachBottom,它会在页面触底的时候自动触发(或在距离页底一定距离的时候触发可设置)。

那么按照上面的原理实现絀来的微信小程序炸房子代码将会是什么样子?假设我们的例子是一个加载文章列表的页面下面是article.js代码:

// 页面初次加载,请求第一页数據 // 下拉触底先判断是否有请求正在进行中 // 以及检查当前请求页数是不是小于数据总页数,如符合条件则发送请求 // 向后端请求指定页码嘚数据

从示例代码中看到,我们发送和处理返回数据的函数主要就是fetchArticleList了它分别在页面初始化onLoad时被调用一次,以及每次在上拉触底触发onReachBottom时被调用

再来说下拉刷新,在微信小程序炸房子里面实现起来可能比起上拉加载更简单一些呢只要在微信小程序炸房子的全局配置文件app.json嘚window部分或在每个Page的同名配置文件里,加入一个值为true的enablePullDownRefresh配置项并在需要处理下拉事件的Page代码中加入onPullDownRefresh函数,就能开始接收下拉事件并进行你洎己的处理逻辑了当处理完成后,记得一定要调用wx.stopPullDownRefresh来终止下拉刷新

我们仍然来根据上面的文章列表的例子,来实现下拉刷新:

然后在article.jsΦ进行如下改写:

// 页面初次加载请求第一页数据 // 下拉触底,先判断是否有请求正在进行中 // 以及检查当前请求页数是不是小于数据总页数如符合条件,则发送请求 // 处理完成后终止下拉刷新 // 向后端请求指定页码的数据

可以看到,我们增加了一个onPullDownRefresh函数并在里面调用了fetchArticleList去请求苐一页的数据并且fetchArticleList函数也稍稍做了一下改动,加了一个参数override用于重置articles数据,而不是像上拉加载时那样一直在原有数据后面进行添加

叧外,下拉刷新的事件也可以通过调用APIwx.startPullDownRefresh触发效果与用户手动下拉刷新一致。

上面介绍的上拉加载和下拉刷新都是针对整个Page的。如果你需要局部的相应功能你可以尝试使用<scroll-view>做容器,并通过它的bindscrolltoupperbindscrolltolower来监听内容到顶或到底的事件模拟实现出上拉加载和下拉刷新功能。

PConline资讯】据统计目前国内的注冊企业数量已达4000万家,但法律从业人员仅有39万人能够常年聘请法律顾问的企业也仅有67.3万家。这意味着大部分企业都得不到健全的法律服務

对此,9月17日京东正式推出全新的法律机器人——“法咚咚”。“法咚咚”是一款基于京东自研的语音识别技术结合京东长期积累嘚专业知识库,运用人工智能算法搭建的法律咨询问答平台

它具有智能推荐、法律检索辅助、知识拓展等功能。界面操作很简单用户呮需打开“法咚咚”微信微信小程序炸房子,用文字或者语音输入问题答案在几秒钟就能弹出。

京东集团首席人力资源官兼法律总顾问隆雨表示法咚咚的发布可以看作京东法务的一个里程碑,进入驱动型法务阶段一方面,这款产品希望能解决京东自己的日常事务性法律问题另一方面希望能够为社会提供更好的技术产品。

据京东集团AI研究院常务副院长、深度学习和语音与语言实验室主任何晓冬介绍茬打造“法咚咚”时,京东的法律团队梳理了大量的法律知识技术团队对输出的知识进行了分析和联系,然后一起绘制了一个独特、科學的法律知识图谱基于这张图谱,再结合最新的AI技术这款实用的法律机器人得以落地。这也是AI加速器首期开营以来首款与生态公司合莋的落地产品

本文由百家号作者上传并发布,百家号仅提供信息发布平台文章仅代表作者个人观点,不代表百度立场未经作者许可,不得转载

    据统计目前国内的注册企业数量已达4000万家,但法律从业人员仅有39万人能够常年聘请法律顾问的企业也仅有67.3万家。这意味着大部分企业都得不到健全的法律服务

    对此,9月17日京东正式推出全新的法律机器人——“法咚咚”。“法咚咚”是一款基于京东自研的语音识别技术结合京东长期积累的专业知識库,运用人工智能算法搭建的法律咨询问答平台它具有智能推荐、法律检索辅助、知识拓展等功能。

    此外“法咚咚”界面操作很简單,用户只需打开“法咚咚”用文字或者语音输入问题,答案在几秒钟就能弹出

    京东集团首席人力资源官兼法律总顾问隆雨表示,法咚咚的发布可以看作京东法务的一个里程碑进入驱动型法务阶段。一方面这款产品希望能解决京东自己的日常事务性法律问题,另一方面希望能够为社会提供更好的技术产品

    据京东集团AI研究院常务副院长、深度学习和语音与语言实验室主任何晓冬介绍,在打造“法咚咚”时京东的法律团队梳理了大量的法律知识,技术团队对输出的知识进行了分析和联系然后一起绘制了一个独特、科学的法律知识圖谱。基于这张图谱再结合最新的AI技术,这款实用的法律机器人得以落地这也是AI加速器首期开营以来首款与生态公司合作的落地产品。

    【有客多】是花儿绽放上市品牌旗下的,制作过程无需代码,可视化拖拽即可,提供海量行业,一键生成,诚招

我要回帖

更多关于 微信小程序炸房子 的文章

 

随机推荐