likaiqiang

vue、react、node、python

重新学习css之box-shadow

box-shadow本来想各个属性分开写逐个击破的,奈何语言表达能力有限,还是合一起好说一点。box-shadow总共有五个属性: 阴影方向 阴影x、y轴偏移量 阴影模糊半径 阴影扩散半径 阴影颜色 首先阴影的形状是元素边框的形状,而不是元素的形状。其次阴影的方向默认向外,长度从bord..


写给自己看的jest+enzyme测试教程

jestJest 是 FaceBook 用来测试 JavaScript 应用的一套测试框架(注意jest是框架)。可以用来测试react 安装jest局部安装npm install –save-dev jest 使用npm script或者npx jest来启动jest,jest会自动检索项目中..


学习css3之repeating-linear-gradient

background:linear-gradient(-45deg,black 0,black 25px,yellow 25px,yellow 75px) top left; 上面这条渐变我的本意是黑黄两种颜色循环出现,黑的高为25px,黄的高为50px。可实际结果呢 黄色会直接延伸到梯度..


学习css3之linear-gradient

渐变的基本语法linear-gradient([ [ [ | to [top | bottom] || [left | right] ],]? [, ]+); 梯度线在说渐变之前,先说一下什么是梯度线,渐变的梯度线方向决定了渐变的方向,梯度线永远过元素的中心点,0度梯度线相当于关键字to to..


学习css3之animation

animation的简介animation的官方解释 animation的组成一个完整animation动画由三部分组成:动画开始前(before)、动画进行中(being)、动画结束后(after)。 这个红色方块从左到右移动了100px,动画总时长1s(being),延时1s(befor..


因祸得福的一道promise面试题

面试题 function execute(tasks:Promise[]):Promise<any[]>{} 题目的本意是 execute函数的参数是个promise数组([promise1,promise2]),返回值是一个promise,这个promise成..


css中的层叠上下文元素与层叠顺序

什么是层叠上下文元素css世界里是有z轴的,页面上的元素在z轴上发生层叠所遵循的规则(谁覆盖谁)称之为层叠规则。 层叠规则的被作用者又分为普通元素与层叠上下文元素。普通元素就不说了,那么哪些元素属于层叠上下文元素? html根元素 z-index的值是数字的定位元素 其他css3元素 3.1..


手写一个MVVM

基本原理Object.definePropertyvue是通过数据劫持来实现模型到视图的更新,使用了ES5的Object.defineProperty,这个api无法shim,所以vue不支持IE8 function observe(data){ for(var key in dat..