页面间的通信在各种项目中都是很常见的功能，在小程序中如何在不同页面中使用组件间通信，
其实很简单，懒得看我叨叨的可以直接查看 🔗 官方的DEMO

小程序的插槽用法和 Vue 的 slot 几乎一模一样，现在组件内需要的地方加入插槽（<slot>）节点就行了。也可以直接查看小程序提供的 🔗 代码片段

<!-- 组件模板 P.S. 设置语言类型为html是因为wxml没有高亮 -->
<view class="wrapper">
  <view>这里是组件的内部节点</view>
  <slot></slot>
</view>

<!-- 引用组件的页面模板 -->
<view>
  <component-tag-name>
    <!-- 这部分内容将被放置在组件 <slot> 的位置上 -->
    <view>这里是插入到组件slot中的内容</view>
  </component-tag-name>
</view>

是不是很简单，需要使用到具名插槽的话，只需要在组件的 options 中开启 多slot支持 multipleSlots 就可以了。

早些时候有看到过一个 纯CSS轮播图 的文章，当时有研究过实现，大概是利用了 hash (锚标记) 和 scroll-snap 来实现的，但是具体实现已经回忆不起来了。

正好现在分享群组里边暂时没有主题了，就想着可以当成一个常驻的补位小环节，大家一起浏览 CodePen 之类的社区找一个大家都感兴趣的 Demo 来研究。
在分享前还是需要自己重新研究一遍的，不然在讲述的时候出错可太 “甜蜜的” 尴尬了。

之前在一篇 帖子 中看到了一个名词 【阻断权重传递】，进而去了解一下这个名词。

阅读相关资料的过程中，收集了3个 no 开头的关键词(noopener、noreferrer 和 nofollow)，并且作为相似内容整理成这篇笔记。

太长不看版：

• noopener: 使用target="_blank"所打开的页面，将无法获取 window.opener 对象。
• noreferrer: 使打开的页面无法获取 document.referrer 信息。
• nofollow: 表明对该链接不认可，不传递权重。

如果有兴趣可以接着看下去

在写 上一篇文章 的时，文章开头有一张示例图，为了节省空间，我用的图片一般都不会很大，并且那张图只是Google出来的，没有调整就直接放上来了。

在列表页看着图片居左就很难受，想要把它居中放置，但是不想用 HTML 的方式来写，就突然想起来早前有看到过 肉大的一篇分享，是通过 CSS 的 属性选择器 来实现的，就想着自己也可以整理一下，然后放到博客的主题当中使用，以后图片排版就会方便很多。