我的创作纪念日（分享两个微信小程序小知识）

机缘

1. 不知不觉距离我发表第 1 篇技术博客已经过去整整一年了。
2. 回想当初发第一篇博客的心情，主要是想记录日常学习到的知识以及分享实战中的经验。
3. 当然也希望能够通过文章与更多大佬进行技术交流。

---

收获

1. 虽然目前分享的文章不多，但是也收获了一些评论与点赞收藏，这个证明我的分享是有意义的是可以帮助到别人的。
2. 很遗憾，目前还没有结实到可以并肩作战的领域同行。
3. 以前总是习惯用手写笔记，对于技术记录分享来说这种方式有很多不足。通过分享文章，现在已经逐步习惯用md记录笔记了，这个应该是写博客的最大的收获。

---

日常

1. 工作之余会整理一下已有的学习笔记，有些实用的文章会分享给大家。
2. 坚持不断学习新知识！！！
3. 创作使我有动力！

---

成就

最近在写微信小程序，趁这个机会分享一些遇到的问题及解决方案。

把超出范围的文字省略隐藏

可以在对应text所属的view中设置如下CSS

超出一行隐藏

.cell-title {
  overflow: hidden; /* 超出一行文字自动隐藏 */
  text-overflow: ellipsis; /*文字隐藏后添加省略号*/
  white-space: nowrap; /*强制不换行*/
  color: red; /* 省略号颜色 */
}

超出多行隐藏

.cell-title {
  overflow: hidden; /*超出隐藏*/
  text-overflow: ellipsis; /*超出显示为省略号*/
  display: -webkit-box; /*设置为弹性盒子*/
  -webkit-line-clamp: 2; /*几行后超出隐藏*/
  -webkit-box-orient: vertical; /* 从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）*/
  
  word-break:break-all; /*强制英文单纯自动换行*/
}

弹出层 禁止页面滚动的方法

场景描述

在使用van-popup弹出层时，当底部页面是可滑动的，在弹出层上仍然能被滑动底层页面

解决方案

给弹出层的捕捉滑动事件绑定一个空方法

<van-popup show="{{ show }}" catchtouchmove="blank">

  <view class="xxx">
	 <!-- ... -->
  </view>

</van-popup>

---

憧憬

持续学习，持续输出，希望未来可以成为厉害的博主哈哈哈。