2018年的圣诞节，让素有IT娱乐圈称谓的前端圈着实又热闹了一把。事件起因是蚂蚁金服的开源项目Ant Design 框架（react-ui）的开发者别出心裁地在button组件上埋下了一个在圣诞节当天触发的“彩蛋”。

Flex布局使得一个框体内部的排版更为便捷，比如栅格排版，自适应分配长宽，垂直居中等，原来可能需要很多样式配合来完成，使用flex，就变得更native了。

上一篇文章主要整理了一下js引擎是如何工作的，这篇文章主要整理js的事件循环Event loop，以及异步编程的原理

背景：marquee标签在有些浏览器兼容性不好，就手动用原生js实现了下。横着滚动效果链接描述 {代码…} 竖着滚动效果链接描述 {代码…}

总结出了两种方法，这里由于我使用的是svg，其他元素同理。下面先说性能最好的一个方法，先创建所有的text元素，然后统一append到准备好的容器里。代码如下：

git pull –rebase origin master //强制把远程库的代码跟新到当前分支上面

在HTTP协议中有可能存在信息窃听或身份伪装等安全问题。使用HTTPS通信机制可以有效地防止这些问题。本文我们就了解一下HTTPS。文章首发地址为我的GitHub博客，敬请关注！

通过对 Vue2.0 源码阅读，想写一写自己的理解，能力有限故从尤大佬2016.4.11第一次提交开始读，准备陆续写： 模版字符串转AST语法树 AST语法树转render函数 Vue双向绑定原理 Vue虚拟dom比较原理 其中包含自己的理…

很多博客都会提到PPK所讲的三个viewport，有的讲的比较复杂，看的云里雾里，我这里也大概介绍一下，三个viewport主要是相对于移动端而言的。

其中bts是按钮组，因为开始打算写个暂停，后面放弃了，bt是按钮，bg是游戏界面（大小最好为10,15，20的倍数，比较容易计算游戏内方块的）,其中bg（游戏界面背景）是才用relative定位，蛇与食物采用用absolute定位。