51dev.com IT技术开发者社区

51dev.com 技术开发者社区

css购物车(抛物线)运动

css购物车(抛物线)运动

抛物线动画的原理,就是用两个元素,子元素会继承父元素的运动,将父元素在横向运动,子元素在纵向运动,子元素会形成一种双向运动。而父元素在横向上是匀速运动,子元素在纵向上是变速运动,可以使用贝塞尔曲线来定义运动,二者合成,就能出现一个曲线运动。具体的曲线,跟选择的贝塞尔函数有关,调整好,就可以形成抛物线...

css动画常用属性总结

css动画常用属性总结

transition过渡动画,有4个属性:(1)transition-property:属性名称(2)transition-duration:间隔时间(3)transition-timing-function:动画曲线(4)transition-delay:延迟animation关键帧动画,有7个属...

js位运算符的应用

js位运算符的应用

x|0,x>>0,~~x这3种运算符都可以取整1.取整,正数取地板值Math.foor,负数取天花板值Math.ceil2.非数字转为0,null和undefined转换为0x>>>01.取整,正数取地板值,负数无用2.非数字转为0,null和undefined转换为0...

Promise的串行,并行,并发

Promise的串行,并行,并发

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"&...

js大数相加和大数相乘

js大数相加和大数相乘

1. 大数相加functionaddBigNum(a,b){varres='',loc=0;a=a.split('');b=b.split('');while(a.length||b.length||loc){//~~把字符串转换为数字,用~~而不用parseInt,是因为~~可以将und...

ES6模块和commonjs模块的区别

ES6模块和commonjs模块的区别

1.commonjs模块输出的是值的浅拷贝,ES6模块输出的是值的引用(也就是说,cmmonjs模块输出后被改变,其他引用模块不会改变,而ES6模块会改变)2.commonjs模块是运行时加载,而ES6模块是编译时输出接口,之所以webpack的tree-shaking只能作用于ES6模块,就是因为...

爬楼梯问题

爬楼梯问题

1.爬楼梯问题问题:(https://leetcode-cn.com/problems/climbing-stairs/solution/pa-lou-ti-by-leetcode/)假设你正在爬楼梯,需要n阶你才能到达楼顶。每次你可以爬1或2个台阶,你有多少种不同的方法可以爬到楼顶呢?分析:动态规...

koa-compose源码分析

koa-compose源码分析

koa-compose是koa中间件的核心部分, 控制着中间件的执行流程, 造就了经典的洋葱模型。module.exports=compose​functioncompose(middleware){//首先是参数类型检查,不符合就抛错//middleware必须是数组if(!A...

面试题收集

面试题收集

1.实现一个add方法add(1)(2,3)(4).value()//输出:10分析:对柯里化函数进行改造原curry函数functioncurry(f,...args1){constinner=(...args2)=>{constargs=[...args1,...args2];return...

express和koa的区别

express和koa的区别

1.语法区别experss异步使用回调koa1异步使用generator+yeildkoa2异步使用await/async2.中间件区别koa采用洋葱模型,进行顺序执行,出去反向执行,支持context传递数据express本身无洋葱模型,需要引入插件,不支持contextexpress的中间件中执...

object.assign拷贝prototype实现多继承

object.assign拷贝prototype实现多继承

1.单继承//Shape-父类(superclass)functionShape(){this.x=0;this.y=0;}//Rectangle-子类(subclass)functionRectangle(){//借用父类构造函数Shape.call(this);}//子类续承父类Rectangl...

前端性能5个角度

前端性能5个角度

1.用performance分析前端页面性能从这张经典的图里,我们可以大致看到一个网页从url输入到主要资源加载完成的主要过程:获取url->重定向->服务端缓存->DNS查询->建链->文档传输->**文档资源解析和处理**->主要资源加载完成。传统的前端...

砝码分盐问题

砝码分盐问题

题目:有7g,2g砝码各一个,天平一只,如何只用这些物品三次将140g的盐分成50g,90g各一份?分析:天平本身可以平均分配盐,做平均分,无需砝码。砝码和盐配合,可以得到新的盐重。解法1:不用砝码,将140g盐用天平分成70g+70g不用砝码,将70g盐用天平分成35g+35g用天平将一份35g盐...

exports和module.exports的区别

exports和module.exports的区别

nodejs中,模块的导出有两种方式//方式1exports.[functionname]=[functionname]//方式2moudle.exports=[functionname]exports的对module.exports的引用,所以两种导出方式相同。但是如下的方式不行:exports=...

webpack的ProgressPlugin

webpack的ProgressPlugin

webpack的支持多种hook,每次编译,各个hook阶段都会执行一次。ProgressPlugin可以监控各个hook执行的进度percentage,输出各个hook的名称和描述。percentage:anumberbetween0and1indicatingthecompletionperce...