0%

日历布局,顾名思义,就是像日历一样的布局。。长的大概像下面(来自ElementUI):

calender layout

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

阅读全文 »

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

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

阅读全文 »

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

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

阅读全文 »

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

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

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

阅读全文 »

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

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

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

阅读全文 »

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

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

阅读全文 »

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

阅读全文 »

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

阅读全文 »