元气少女冰

摘要： adblock plus是一款可以屏蔽广告以及任何你想屏蔽元素的软件，屏蔽之后的效果如下图所示，abp自动屏蔽广告，还可以自行添加屏蔽内容，右上角红色的ABP标识就是该软件 下载地址： https://downloads.adblockplus.org/devbuilds/adblockplusch 阅读全文

摘要： 雪碧图是把各种小图标集合在一起的png图片，通过background-position来展示雪碧图中不同位置的小图标，比如以下图片，在项目中要用到的小图标很多，如果每一个图标都作为一个png或者jpg图片，这样会增加非常多的网络请求，所以把很多小图片组合在一起是一个很不错的选择。 ​ 在用backg 阅读全文

摘要： 在css3提供的新选择器之前，选择一个元素需要借助id或者class，css3新增的选择器可以更灵活的去选择需要的元素，那css3提供了哪些好用的选择器呢？ 首先就是属性选择器，我们可以通过属性选择器在同样的标签/类中选择出具有相同属性的元素，不用额外再添加class或者id比如需要选择出input 阅读全文

摘要： 在React中通过react-transition-group使用过渡、动画，首先要有CSS3中的过渡和动画的相关知识储备，可以参考 过渡和2D变换、动画和3d变换。 我们自己通过css设置过渡、动画，需要给不同的class添加变化属性，比如位移、缩放大小或者旋转角度，再通过切换类名来达到动画的效果 阅读全文

摘要： 一、什么是重排和重绘要说清重排(reflow)和重绘(repaint)，首先要理解排列和绘制，浏览器渲染页面时，在获取完html、css资源之后，会大致经过以下步骤。(1) html生成html树(2) css形成css规则(3) 两者形成一个渲染树(4) 去文档当中找寻各自的布局位置 排列(5) 阅读全文

摘要： 上一篇文章总结了过渡和2D变化，这一篇来总结一下动画和3D变换，动画可用的场景也很多，比如在加载的页面的时候，可以放置一个gif图，也可以自定义小动画来缓解用户等待的焦虑感，比如以下三个小圆圈转圈圈的动画。 想要完成一个动画的效果，首先要知道定义的语法 使用animation来实现动画，@keyfr 阅读全文

摘要： css3中有很多非常好用的特性，今天来总结一下与动画相关，包括过渡、2D变换。 首先来介绍一下过渡，过渡是在进行变化的时候进行的一个缓冲，如果没有过渡，当变更了元素的位置、大小的数据时，会一瞬间完成变化，增加了过渡之后，变化的过程会展现出来。比如以下gif，我们想要在鼠标移入盒子的时候，将盒子的宽和 阅读全文

摘要： 1、为什么需要浏览器缓存？当我们访问同一个页面时，请求资源、数据都是需要一定的耗时，如果可以将一些资源缓存下来，那么从第二次访问开始，就可以减少加载时间，提高用户体验，也能减轻服务器的压力 2、有哪些缓存？浏览器缓存分为强缓存和协商缓存，当存在缓存时，客户端第一次向服务器请求数据时，客户端会缓存到内 阅读全文

摘要： axios对ajax请求进行了封装，并且使用promise的链式调用使得网络请求的代码逻辑更为清晰，同时支持async和await的编写方式使代码看起来像同步，更加方便于理解和阅读。axios这个库的体积也不大，先在项目里进行安装，npm i axios --save，然后引入就可以直接使用。 im 阅读全文

摘要： 一、Promise的常用APIpromise的这些方法执行完成都会返回一个新的promise，promise的状态由执行的结果决定。 (1) new Promise()中的excutor函数 new Promise((resolve, reject)=>{ // 根据处理的内容来返回成功或者失败 r 阅读全文