2018-02-08 画一个皮卡丘

需要在手机端显示
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
http://js.jirengu.com/zeled/1/edit?html,css,output
注意：overflow
画椭圆、z-index transform:rotate(18deg) border-bottom-right-radius（隐藏半边）

层叠顺序是前面的被后面的压

image.png

就会出问题：

image.png

①、去掉舌头的z-index=1，讲舌头的div放在wrapper的最上面
②、去掉舌头的z-index=1，div位置不变，其余的div都加上z-index=1
.wrapper > :not(:last-child){
z-index:1;
}

image.png

通过创建一个ignore可以忽略掉node_modules

image.png

$ git add -f node_modules/jquery/dist/jquery.min.js
-f就是强制添加（已经ignore的也可以添加）
let speed = $button.attr('data-speed')
<button data-speed="slow">慢速</button>

所有的setInterval都可以用setTimeout来模拟
// let n=0
// let id=setInterval(()=>{
// n+=1
// output.innerText=n
// console.log(n)
// if(n>=10)
// window.clearInterval(id)
// },500)

let n=0
let id = setTimeout(function fn(){
n+=1
output.innerText=n
if(n<10){
setTimeout(fn,500)
}
},500)