摘要：
在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 阅读全文
摘要：
一、Promise是什么？Promise是JS中进行异步操作的新的解决方案(旧的方案是回调函数的形式，回调函数里嵌套函数)从语法上来说，Promise是一个构造函数。从功能上来说，用Promise的实例封装异步操作并获取结果。 二、为什么要用Promise？在旧的回调函数的形式中，当后一个异步请求的 阅读全文
摘要：
react中通过jsx的语法方式，将html标签和js语法联系在一起，而css的编写方式，没有明确的指定编写方式，目前就有很多不同方法，每个方式各有其优缺点，我们一起来看看常用的定义方式有哪些。 最基础也是最简单的方式就是如html当中编写样式一样，直接内联使用，区别在于jsx中内联使用样式需要用小 阅读全文
摘要：
在react中，通常都是使用单页面应用(SPA)，即整个页面只有一个html，然后通过不同的url地址进行组件的匹配和切换。 我们看到的url地址可能会有两种形式，一种是 localhost:3000/home，一种是 localhost:3000/#/home，两种地址的区别在于有无#，有#的是根 阅读全文