08 2020 档案
摘要：总结：主要在于 steps(12,end)函数，12代表整个动画切成多少段 （类似flash时间轴） end会跳过所有动画的最后一个关键帧跑到循环的第二动画个开头；start的话会跳过第一个关键帧，直接跑第二个关键帧开始执行（每次动画最后执行的关键帧到第二个循环的头一个关键帧这个过渡就是它们偷吃跳掉
阅读全文
摘要：总结：1.transform-style: preserve-3d; 要写在3d动画的父级上否则不会生效； 2.每个面在做变换时更换他们的基点再变换 3.正方体转动时以它的中心转 得把基点设置为x轴y轴z轴的中心 <!DOCTYPE html> <html lang="en"> <head> <me
阅读全文
摘要：元素垂直水平居中方案 已知高宽 1.position=absolute,lrtb=0,margin=auto,包含块一定的是容器。（绝对定位盒模型的特性） left+right+w+p+m = 包含块的宽度 top+bottom+h+p+m = 包含块的高度 2.position=absolute,
阅读全文
摘要：a.过渡只关系元素的初始状态和结束状态，没有方法可以获取元素在过渡中每一帧的状态 b.元素在初次渲染还没有结束的时候，是没有办法触发过渡的 c.在绝大部分变换样式的切换时，变换组合的个数或位置不一样时，是没有办法触发过渡的 1.过渡 transition-property 指定过渡动画的属性（并不是
阅读全文
摘要：transform英 [trænsˈfɔːm] 美 [trænsˈfɔːrm] v.使改变形态;使改变外观(或性质);使改观第三人称单数： transforms现在分词： transforming过去式： transformed过去分词： transformed rotate英 [rəʊˈteɪt]
阅读全文
摘要：总结：不指定标签类型时，:nth-type-of(2)会选中所有类型标签的第二个。如所有p标签的第二个 所有span标签的第二个 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <
阅读全文
摘要：! 问题 ! 1.css的全称是什么？ 2.样式表的组成 3.浏览器读取编译css的顺序？ 1.Cascading style sheets 2.样式表的组成 规则 选择器+声明块 声明 CSS合法的属性名+属性值 3.浏览器渲染样式表的顺序 从右往左 !--css声明的优先级--! 选择器的特殊性
阅读全文
摘要：总结：为所有被选中的 input 元素直接兄弟元素span设置背景色： input:checked +span{ background-color: pink; } 小点：点击label就会触发input控件，所以可以把label设置溢出隐藏把input藏起来，内部再设置span标签绝对定位填充 <
阅读全文
摘要：总结：包裹文本的标签必须为块元素，不能靠内容撑开 因为溢出隐藏（总得有个边界触发溢出😀） 使用： white-space: nowrap; /*设置不换行*/ overflow: hidden; /*设置溢出隐藏*/ text-overflow:ellipsis; /*文本隐藏触发事件：设置省略号
阅读全文
摘要：ES6模块 引入外部js文件，设置type为module，他们的作用域不会有任何交集， 需要交流数据使用 export导出 import 导入 可以利用解构赋值减少导出导入次数 页面运行模块化文件先运行
阅读全文
摘要：1.entries 英 [ˈɛntriz] 美 [ˈɛntriz] n.进入(指行动);进入(指权利等);参与，加入(指权利、机会)entry的复数 2.iterator 【计】迭代器，迭代程序 3.proxy 英 [ˈprɒksi] 美 [ˈprɑːksi] n.代理权;代表权;代理人;受托人;代
阅读全文
摘要：//总结 Proxy传入两个参数第一个是一个对象实例 一个是对象（里面定义get set方法）使用时proxy的实例加.调用，这会触发第二个对象实参里的get方法 get有两个参数 get(target,attr) target是这个proxy的实例 也就是本身thisattr是实例调用.之后的属性
阅读全文
摘要：for of 就是利用数组本身自带的生成器来迭代 【Symbol.iterator】函数里面是for in for（let [key,value]of arr） 【key，value】是解构赋值 把枚举的键值对赋值 .map()是枚举数组 let arr=[1,2,6,4,5]; arr=arr.e
阅读全文
摘要：转载出处 https://www.jianshu.com/p/b4fd76c61dc9 await后面接一个会return new promise的函数并执行它 await只能放在async函数里 使用async和await获取成功的结果 function 摇色子(){ return new Pro
阅读全文
摘要：const promise1 = Promise.resolve(3);const promise2 = 42;const promise3 = new Promise((resolve, reject) => { setTimeout(resolve, 100, 'foo');}); Promis
阅读全文
摘要：<script type="text/javascript"> let p1 = new Promise(function(resolve,reject){ setTimeout(function(){ resolve("450毫秒后执行") },450) }); let p2 = new Prom
阅读全文
摘要：//这是promise 为成功状态window.onload=function () { let p1=new Promise(function (resolve,reject) { let arr={name:'make'}; resolve(arr); }); p1.then((data)=>{
阅读全文
摘要：window.onload=function () { let arr=[1,2,3,4,5,6,7,4]; function *fn(arr) { for(let i=0;i<arr.length;i++){ yield arr[i]; } } let result=fn(arr); // con
阅读全文
浙公网安备 33010602011771号