搜索的时候记录用户搜索历史，开始为了开发方便固定了每个搜索项的宽度，每行固定展示几项，类似下图：但这样虽然开发简单但用户体验肯定不好，如果搜索项比较短的话显示尚且完整，若搜索内容略长，就完全看不出自己之前搜索的是什么。现在要将其改为自适应长度，搜索项最多占用一行，超出一行部分省略，一般情况也不会超出一行。然后当按钮所占行数超过两行则自动隐藏超出部分，显示折叠按钮，可以点开或者折叠超出部分。难点在于

text-align: justify;text-align-last: justify;

vue项目中遇到需要监听页面某个元素距顶部距离实现吸顶效果，正常的window.addEventListener('scroll', this.handleScroll)完全失效，经过一段时间的探索发现这个事件在子组件中会遇到问题。可以用元素上的 @scroll事件来监听滚动，但有一点要注意，scroll的元素需要确认 设置overflow-y:scroll；height:100%的样式。下面附实

最近遇到一个新的需求，页面展示物流信息中需要自动抓取字符串里的电话号码，添加高亮样式并点击调用拨打电话，下面对这个功能的实现做下整理，希望能帮到需要这个功能的小伙伴们实现功能前大概是这个样子现在要做的是抓取这段文本里的所有手机号码并添加样式本次项目的环境是基于vue，不过对于其他框架的项目依然适用，接下来附代码：selectPhoneNumber(str) {var regx = /(1[3|4|

对于一些在多个页面都会用到的方法和功能可以写在mixins中，之后每次用到只要简单的引入mixin文件到用到的页面即可实现复用。mixin文件的定义与正常vue组件的定义完全一致，都有 created,mounted…等钩子函数，以及data,methods方法用来声明当前用到的数据和方法使用时在需要的页面通过 mixins属性引入export default {mixins: [mixin, t

官方文档写的简单：Element 接口的scrollIntoView()方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。语法：element.scrollIntoView(); // 等同于element.scrollIntoView(true)element.scrollIntoView(alignToTop);// Boolean型参数element.scro

官方文档写的简单：Element 接口的scrollIntoView()方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。语法：element.scrollIntoView(); // 等同于element.scrollIntoView(true)element.scrollIntoView(alignToTop);// Boolean型参数element.scro