NPM依赖包版本号~和^和*的区别

2021-05-25 13:08:13

~ 会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0

^ 会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0

* 这意味着安装最新版本的依赖包

推荐使用~，只会修复版本的bug，比较稳定

使用^ ，有的小版本更新后会引入新的问题导致项目不稳定，

比如：之前的weex老项目安装依赖后页面无法显示，修改依赖版本后才正常

使用*，同样有上述问题

2020-05-07 13:21:25

JS中获取 DOM 元素的绝对位置实例详解
在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如本文左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。

2020-05-07 13:28:23

querySelector获得兄弟DOM元素父级DOM元素子级DOM元素
js定位大全获取节点的兄弟，父级，子级元素含robot实例

2020-05-07 13:42:13

场景切换的集合移动，旋转，淡入淡出等
两个场景（即两个div视图）切换的时候，如果想添加个过渡动画，除了可以使用js来实现，还可以通过CSS3的animation属性来实现。（注意：Internet Explorer 9 以及更早的版本不支持 animation 属性。）

2020-05-07 13:43:02

css模拟开关按钮
之前我们为大家分享过很多款各式各样的CSS3开关切换按钮，很多还是非常富有创意的，比如这里的多组超具创意的CSS3开关切换按钮和纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画，它模拟了电灯的开关，并且在开和关之间切换时按钮的背景会有不同的变化，看起来非常不错。