面试官：雅虎军规你知道多少？

我一时摸不着头脑，心想：“啥军规，干啥的，没听过呀！”

这是我前几年去面试的时候，面试官问的问题，事后我就专门查了一下，我去，这不就是前端优化么，说的那么高大上，直接说有哪些优化不行么，起码也不至于一个字我也回答不上来，避免有朋友和我一样的情况，今天和大家聊一聊雅虎军规。

△ 要点：

1 熟悉python的相关知识，锻炼自己的编程思维。

2 熟悉turtle的相关知识。

3 视觉享受。

介绍

KUTE.js是用于现代浏览器的JavaScript动画引擎，基于ES6 / ES7标准的现代JavaScript动画引擎，为Web开发人员，设计人员和动画师提供了最基本的功能，提供了易于使用的方法来设置高性能的跨浏览器动画。重点是代码质量高，灵活性强，性能高且体积小

Github

目前在Github上保持活跃和更新维护，截止目前stars数已经达到2k

本节课我们建立一个移动导航，如下图所示

首先添加这个button

 <button class="btn-mobile-nav">
          <ion-icon class="icon-mobile-nav" name="menu-outline"></ion-icon>
          <ion-icon class="icon-mobile-nav" name="close-outline"></ion-icon>
        </button>

1.判断是否登陆

• 解决已经登陆的状态下，再次访问登陆页时，直接跳转到后台中心页而无需再次登陆操作。打开

文颜支持自定义主题

到目前为止，「文颜」[1]内置了7套主题，除了一套“默认”主题外，其它主题都来源于众多作者的开源主题，在这里向各位作者表示感谢：

• Orange Heart - evgo2017[2]
• Rainbow - thezbm[3]

background-image和<img/>的区别

1. 是否占位

大家好，我是前端西瓜哥。今天带大家学习 img 元素和 background-image 属性的区别。

之前看到一篇推荐Magi这个搜索引擎的新闻，对于这个搜索引擎是否好用咱们不予置评，但是我在这个搜索引擎上面发现了一个好玩的前端功能。

如上图，将鼠标浮动到学习来源上时，会展示一堆指引线。

本博客的右侧文章目录也集成了这个功能，诸位可以玩一玩。

当时觉得这个功能很好玩，而且前端领域其实这种指引线还是有很多用处的，比如新手指引，功能指引，脑图之类的功能。

鉴于以后很可能需要用到，当时就调试了一下这个网站，发现使用了leader-line这个库。

以QLabel为例看看如何使用qss设置窗口的背景图片

1. 首先准备一张图片：

2. 设置背景设置background-image:

可以看到背景图片设置成功了，不过此时的背景图片是由设置的图片重复拼接而成的。

3. 去重复设置background-repeat为no-repeat: