摘要：雪碧图的使用场景静态图片，不随用户信息的变化而变化。使用使用雪碧图之前，我们需要知道雪碧图中各个图标的位置。以上面的雪碧图为例实际雪碧图中各个小图片的起始位置和上面的展示图不同用一个来阐述它的使用方法。 CSS雪碧图，即CSS Sprite，也有人叫它CSS精灵图，是一种图像拼合技术。该方法是将多个小图标和背景图像合并到一张图片上，然后利用CSS的背景定位来显示需要显示的图片部分。 s...
摘要：实现原理红色的个左浮动，左右为，父容器左右为，这样相当于是把父容器拉长了，因此就达到了两端对齐的效果。的栅格系统就是这么干的，要求我们的父容器需要为，而的左右就为。 两端对齐效果 showImg(https://segmentfault.com/img/bVbgswx?w=1303&h=523); 如上图中红色的9个div它们中间有间距，而最左边和最右边是没有间距的，这种布局如果使用c...
摘要：为使浏览器载入大量模块时不会造成内存占用过高，浏览器应能使被移除后的模块能被完全释放。浏览器应使模块运行在独立空间中，以保证模块自身错误时不至于导致整个应用停止工作。 IOING 在做些什么？ IOING 在你的代码和浏览器之间架设了一个中间解释层，该解释层提供了一套新的语法来填补浏览器所不具备的能力。 SPA 开发痛点 开发一个 SPA 应用的痛点是不同模块页面的状态保存，当从一个页...
摘要：最近在实现一个显示颜色数值的动画效果时，尝试使用了书写模式及来实现文字的竖直方向的排列，并借助的过渡来实现动画效果。书写模式控制行内字符的旋转此时，效果如图然后我们将外层容器设置为，再添加一点即可实现数字的滚动效果。 最近在实现一个显示RGB颜色数值的动画效果时，尝试使用了writing-mode(书写模式)及 text-orientation来实现文字的竖直方向的排列，并借助CSS的...
摘要：那其实这个问题还可以换个问法实现一个函数，输入一个数字能返回斐波那契数列的第个值。文章预告更多的前端面试分享我都会第一时间更新在我的公众号闰土大叔里面，欢迎关注 面试攒经验，lets go！ 值此高考来临之际，闲不住的我又双叒叕出发去面试攒经验了，去了公司交待一番流程后，面试官甩给了我一张A4纸，上面写着一道js算法笔试题（一开始我并不知道这是在考察js算法），上面写着1、1、2、3、...
