<script type="text/javascript"> let promise=new Promise((resolve,reject)=>{ console.log('promise初始化状态：pending '); // 同步执行 setTimeout(()=>{ console.log ...
分类：
其他好文 时间：
2020-07-26 15:12:41
阅读次数：
77
CSS3动画 CSS3优点 浏览器可以对CSS3动画进行优化 浏览器使用与requestAnimationFrame 类似的机制，requestAnimationFrame 比起js中使用setTimeout、setInterval 优势在于requestAnimationFrame 会把每一帧中的 ...
分类：
Web程序 时间：
2020-07-26 01:23:42
阅读次数：
81
Toast(msg, duration) { duration = isNaN(duration) ? 3000 : duration; var m = document.createElement("div"); m.innerHTML = msg; m.style.cssText = "max- ...
分类：
其他好文 时间：
2020-07-24 16:36:02
阅读次数：
84
CSS帧动画 基础知识 通过定义一段动画中的关键点、关键状态来创建动画。@Keyframes相比transition对动画过程和细节有更强的控制。 过渡动画是两个状态间的变化，帧动画可以处理动画过程中不同时间的细节变化， 对过渡动画理解后再学习习帧动画会非常容易，也可以把帧动画理解为多个帧之间的过渡 ...
分类：
Web程序 时间：
2020-07-24 09:27:49
阅读次数：
102
function* bar() { const result = yield new Promise((resolve, reject) => { setTimeout(() => { resolve('Hello Generator'); }, 3000); }); console.log(res ...
分类：
其他好文 时间：
2020-07-23 23:26:40
阅读次数：
118
什么是属性前缀? 为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。例如： transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -we ...
分类：
Web程序 时间：
2020-07-23 01:51:35
阅读次数：
113
let setTimeout = (sec, num) => { // 初始当前时间 const now = new Date().getTime() let flag = true let count = 0 while (flag) { count++ // 再次运行时获取当前时间 const ...
分类：
编程语言 时间：
2020-07-23 01:43:39
阅读次数：
103
css3属性中关于制作动画的三个属性：Transform,Transition,Animation。 1、transform：描述了元素的静态样式，本身不会呈现动画效果，可以对元素进行 旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 div{ tra ...
分类：
Web程序 时间：
2020-07-22 23:36:58
阅读次数：
115
1、require引入 //require.jslet a = 0; const count = () => { ++a; console.log(a,'==require模块内部函数执行==') } setTimeout(function(){ ++a; console.log(a,'==requ ...
分类：
其他好文 时间：
2020-07-22 11:20:25
阅读次数：
103
Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。 那就new一个 var p = new Promise(function(resolve, reject){ //做一些异步操作 setTimeout(fu ...
分类：
其他好文 时间：
2020-07-21 22:52:13
阅读次数：
90
