Ayase-252's wonderland

Vue中父组件到子组件的通信主要由子组件的props属性实现。但是在一些情况下，父组件无法直接向子组件的props传值。比如子组件通过父组件的slot进入父组件，父组件根本不知道子组件是谁，更不用说用子组件的props了。这时应该怎么办呢？Vue在2.2.0版本引入了provide与inject，正好适合处理这一情况。

日历布局，顾名思义，就是像日历一样的布局。。长的大概像下面（来自ElementUI）：

看到行数和列数都固定的这种布局，首先会想到的就是使用表格去做。但是作为前端，要学会不走寻常路。我们会在本文中尝试使用强大的CSS Flex实现这种布局。

原型链是JavaScript中的一个核心特性，会在前端面试中经常问道。原型链原理十分简单，但是在面试题里看起来似乎不是那么简单。通过一些不常有的操作，原型链的面试题很容易就可以将人陷入一个迷宫之中无法脱出。只有掌握原型链的基本原理的勇士才能够找出通往出口的道路。

但是正如我说的，原型链的原理是简单的。本文会通过三个步骤，来看这些面试题是怎么将简单的原型链弄复杂的。

在Web开发中，Scroll事件是一个很重要的事件。通过Scroll事件，我们可以通过一些方式获知视口在页面的位置。知道这个信息可以帮助我们判断很多东西，如用户即将浏览到页面底部，是不是该调用API加载一些新的内容等等。

在实际运用中，scroll事件常常带来很多迷惑。最近在开发练手的博客项目时就遇到了一个问题，在Vue中的组件绑定scroll事件，事件处理函数似乎不会触发。这个问题好像困扰过很多人，谷歌Vue 滚动事件失效能发现很多相关内容。比如说这一个问题，可以一个个去试他们给出的解决方案，总会发现几个有用的。但是作为开发者，知其然还要知其所以然。那么，本文就来探究一下这个scroll事件的背后到底有什么不为人知的东西。

上一篇文章，我们介绍了有关HTTPS的一些密码学的基础，介绍了对称加密、非对称加密算法以及Diffie Hellman密钥交换协议等。这一篇文章，我们会介绍如何建立一个HTTPS连接，更准确的说，如何通过SSL/TLS协议建立起安全的连接。

大家一定在浏览器地址栏的前面见到过一把小锁。

这把小锁代表着我们与服务器之间的通信是安全的。而安全背后的保障就是HTTPS(HyperText Transfer Protocol Secure)。本系列文章将会从密码学背景开始，尝试去弄懂HTTPS背后的原理。（其实发现一篇文章的写太长了，才分P的，www）

前几天面试的时候被问到这样一个问题：

如何使用纯CSS Flex实现骰子五点。不能使用position: absolute等绝对定位技巧。实现五点的元素，如div处于同一个嵌套层级。

没答上来，凉了。我真是CSS苦手啊。。。昨晚突然一想，这个好像有解的样子。于是实现了一波。

昨天睡觉前刷到一道面试题，这个问题萦绕在我的脑海里，使得我失眠到凌晨3点。题干很简单： [] == ![]的结果是什么？

所以我们今天来介绍一下问题的主角——相等操作符==，看完今天的文章，也许技术上没有什么提升，因为这玩意坑太多在开发中是极力避免使用的。但是这是一个很好的JavaScript式的问题。即如何在混乱中走出一条秩序的道路。

最近在实现文章列表懒加载的时候，遇到了监听组件内的scroll事件失效的情况。这个时候就有点诡异。其实问题在于scroll事件到底发生在什么地方。

毫无意外地，头条的第四轮笔试看起来又GG了，这次没做出来的问题有3个，分别是（1）字符串的前缀表示、（2）三色小球组合、（3）幸运数字问题。