首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

小程序展开全文

最近需要做一个展示部分文字然后展开全文的功能,要求如下: 1、最多显示三行,文末使用省略号表示 2、文字显示1行,2行及文字不满三行时不要显示展开全文按钮 解决方案: 最开始设置显示4行,查询节点获取文字高度...,如果是小于4行的高度,不显示展开,如果不是,设置显示3行,然后显示展开全文按钮。...所以只能开始显示4行,这样如果需要显示展开全文,页面基本不会抖动。。。...this.data.screenWidth = res.screenWidth }, }) this.setData({ text1: '我不是懒,我是享受不作为', text2: '小程序展开全文...未展开.png ? 已显示全部.png 没有做收起功能了,不过加上去很容易了。希望大家喜欢~~~

1.6K10

JavaScript 展开全文和收起全文

我们在浏览文章列表页的时候,往往只会看到一部分的摘要,在摘要下面会有一个展开全文的按钮,点开后就能看到完整内容,而原来的展开全文按钮此时变成了收齐全文的按钮,同样的,点击该按钮之后,又会回到之前显示部分摘要的状态...别让执念 毁掉了昨天 我爱过你 利落干脆 展开全文...毁掉了昨天 我爱过你 利落干脆 收起全文... 摘要和全文的内容是一样的,一般我们请求得到的数据不会分为摘要和全文两个部分,所以需要我们在前端进行处理,把全文的一部分作为摘要进行显示,在这里可以通过 CSS 进行显示的行数的控制...webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } 给按钮绑定 showdiv 函数和 hidediv 函数 // 展开全文

1.8K40
您找到你想要的搜索结果了吗?
是的
没有找到

全文搜索优化之路

搜索速度快 全文搜索使用SQLite FTS4 Extension,通过倒排索引提高搜索速度。 2....业务独立性 的核心业务是联系人和消息,而全文搜索无论是在建立索引、更新索引或者删除索引时,都需要处理大量数据,为了使得全文搜索不影响的核心业务,采用如下的存储架构: 独立DB、读写分离:全文搜索在整体架构上独立于主业务...搜索优化 ---- 全文搜索于2014年1月26日5.4版本上线,到2017年春节后的6.5.7版本,总体用户量从4亿增加到9亿,重度用户数量也大幅度增长,本地搜索的数据量也大幅度增长,造成了搜索速度不断下降...我们统计过,从5.4版本到6.5.7版本,全文搜索各个任务的平均搜索时间增长超过10倍,给全文搜索带来巨大挑战。...最后的SQL如下: 特殊优化——聊天记录搜索优化 全文搜索中有一个比较特殊的搜索任务,就是聊天记录。

1.5K20

全文搜索优化之路

搜索速度快 全文搜索使用SQLite FTS4 Extension,通过倒排索引提高搜索速度。 2....业务独立性 的核心业务是联系人和消息,而全文搜索无论是在建立索引、更新索引或者删除索引时,都需要处理大量数据,为了使得全文搜索不影响的核心业务,采用如下的存储架构: 独立DB、读写分离:全文搜索在整体架构上独立于主业务...搜索优化 全文搜索于2014年1月26日5.4版本上线,到2017年春节后的6.5.7版本,总体用户量从4亿增加到9亿,重度用户数量也大幅度增长,本地搜索的数据量也大幅度增长,造成了搜索速度不断下降...我们统计过,从5.4版本到6.5.7版本,全文搜索各个任务的平均搜索时间增长超过10倍,给全文搜索带来巨大挑战。...最后的SQL如下: 特殊优化——聊天记录搜索优化 全文搜索中有一个比较特殊的搜索任务,就是聊天记录。

8.8K42

iOS全文搜索技术优化

全文搜索技术主要应用在对大量文本内容进行搜索的场景。 终端涉及到大量文本搜索的业务场景主要包括联系人、聊天记录、收藏的搜索。...随着用户在信上积累的数据越来越多,提升底层搜索技术的需求也越来越迫切。在2021年,我们对iOS全文搜索技术进行了一次全面升级,本文主要介绍本次技术升级的工作经验。...综合考虑这些因素,我们选择SQLite FTS5作为iOS全文搜索的搜索引擎。...因为iOS以前是使用第二种表格式,而且的搜索业务已经稳定不会有大变化,我们现在更加追求搜索速度,所以我们还是继续使用第二种表格式来存储全文搜索的数据。...3.4 搜索性能优化数据 下面是各搜索业务优化前后的搜索耗时对比: 四、总结 目前iOS已经将这套新全文搜索技术方案全量应用到聊天记录、联系人和收藏的搜索业务中。

2.2K60

纯CSS实现点击展开全文功能

看标题大家不难猜到我今天要实现的功能,正如你打开我的博客文章(阅读原文链接可以看效果),在正文下面看到的按钮,点击展开全文。 本文简要的为大家介绍一下,方便理解掌握。...div> 点击展开全文... 当我点击“点击展开全文”时,也就点击了checkbox,也就改变了checkbox的状态为非选中状态了,根据两个状态来显示不同的CSS,从而实现了展开的功能。...CSS代码如下: /*阅读全文*/ #contTab{ display: none; } .content-more{ display: none; } #contTab:checked...总结 如果你的网站不需要兼容IE9以下的,可以使用我这个方案来实现展开全文的需求。当然label和checkbox结合起来还可以做更多好玩的事,下次有机会再跟你们细聊。

2.1K12

2019公开课张小龙演讲全文

刚刚说的只是最早的起源。后面就是一系列的经历,这里不会再往下展开。对自己来说,也特别的幸运或者觉得很庆幸,因为可以和这样一款产品一起从0到现在,看到它到了10亿日活的阶段。...,对于小程序和小游戏会有各式各样的举措,其实所有的举措都是围绕这一个点展开的。...在信里点开一个链接,自己的文章不会这么做,但是很多外部的文章看一点,就会多一个展开,你一不小心就点成了一个别的下载APP之类的东西。这些并不是帮助用户提高他的小,而是给他制造了一些障碍。...小程序的使命刚刚提到,是让创造价值的人获得回报,我们都是围绕这个点展开的。...我很开心看到企业的团队在这一块一直做很多的事情,包括怎么跟打通,现在信里面可以加到企业的好友。

38120

张小龙2019公开课演讲全文

关于的历史   说完一直以来坚持的设计原则,我想简单回顾一下的一些历史。   可能很多人都听过这个故事,当时我写了一封邮件给Pony,开启了这个项目。...我很庆幸,这么些年过去了,的原动力从来没有变过。 做最好的工具与停留时长   针对两个原动力我展开做一些解释,关于“做最好的工具”。   ...这种体验到现在还在延续,以致我们看到一些网页,还是会有一个点击展开更多。这个看起来是可以在短期获得更多用户的点击,但我并不认为它是一个好的产品。   ...我们的一切都是围绕着点展开。不能因为拥有流量,我们就要分发流量,要让小程序来体现这个流量价值,这跟我们自己的原动力是完全不一样的。   很多人看不懂为什么小程序要去中心化。...也没有焦虑,不必做个什么就说又焦虑了。所以不必把自己的焦虑投射到这里。   对我自己而言,我特别庆幸,也觉得特别幸运。

87510

全文搜索耗时降94%?我们用了这种方案

近期团队对 IOS 全文搜索技术进行了一次全面升级,本文将分享其选型与优化思路,详细解析全文搜索的应用数据库表格式、索引更新和搜索逻辑的优化细节。希望本文对你有帮助。...用户在信上积累的数据越来越多,提升底层搜索技术的需求也越来越迫切。在近几年,业务团队对 IOS 全文搜索技术进行了一次全面升级,本文主要介绍技术升级的工作经验。...综合考虑这些因素,我们选择 SQLite FTS5 作为 IOS 全文搜索的搜索引擎。...因为 IOS 以前是使用第二种表格式,而且的搜索业务已经稳定不会有大变化,我们现在更加追求搜索速度,所以使用第二种表格式来存储全文搜索的数据。...3.3.4 搜索性能优化数据 下面是各搜索业务优化前后的搜索耗时对比: 04 总结 目前 IOS 已经将这套新全文搜索技术方案全量应用到聊天记录、联系人和收藏的搜索业务中。

2.5K62

张小龙发布2018全新计划(内附演讲全文

怎么做一个最好的工具?关键是做好对或错的选择 回顾一下信到底是什么,的未来会是什么样的? 我之前我们说过是一个工具,到现在我还是这么认为,就是一个工具。...企业这里想要提的一点是,很多企业会提一个需求,我们怎么样通过企业接触到企业之外的客户,这些企业之外的客户目前都是在用?...这里就产生了一个需求,企业信里面的员工怎么样通过企业去直接跟的客户发消息?...我们最近正在做这样一个事情,就是让和企业之间的消息可以互通,也就是一个的用户加了一个企业的用户,但是在他看过来并不用区分的帐号到底是在信里,还是在企业信里,所以我们正在做这样一种消息的互通...,希望通过这一点能帮助企业员工,给他们更强的能力,使得他不必再用个人信号去添加一些微的顾客、客户,而是用企业就可以做这样一个事情,这是关于企业下一步的展望。

69570

张小龙发布2018全新计划(内附演讲全文

■ 怎么做一个最好的工具?关键是做好对或错的选择 回顾一下信到底是什么,的未来会是什么样的? 我之前我们说过是一个工具,到现在我还是这么认为,就是一个工具。...企业这里想要提的一点是,很多企业会提一个需求,我们怎么样通过企业接触到企业之外的客户,这些企业之外的客户目前都是在用?...这里就产生了一个需求,企业信里面的员工怎么样通过企业去直接跟的客户发消息?...我们最近正在做这样一个事情,就是让和企业之间的消息可以互通,也就是一个的用户加了一个企业的用户,但是在他看过来并不用区分的帐号到底是在信里,还是在企业信里,所以我们正在做这样一种消息的互通...,希望通过这一点能帮助企业员工,给他们更强的能力,使得他不必再用个人信号去添加一些微的顾客、客户,而是用企业就可以做这样一个事情,这是关于企业下一步的展望。

2.9K110
领券