Web 技术 vue

解决水平循环滚动几个难点

1.怎么循环滚动在子元素上添加循环动画,一直向左移动距离为-100%@keyframes animate { 100% { transform: translateX(-100%); } }子组件上绑定动画事件:动画重新播放时触发,animationiter...
Web 技术

私有npm库发版问题汇总

1.配置发包地址在要发布的自己包中的package.json增加:"publishConfig" : { //注意:这是发布包的地址,不是拉取包的地址 "registry" : "http://xxxxxxx...
Web js 技术

nodev16.17.0安装node-sass5.0版本失败的原因

切换node版本为v16.16.0即可安装成功
Web js 技术 vue

学习vue-jest文档

代码demo1、什么是单元测试单元测试允许你将独立单元的代码进行隔离测试,其目的是为开发者提供对代码的信心。通过编写细致且有意义的测试,你能够有信心在构建新特性或重构已有代码的同时,保持应用的功能和稳定。2、Vue单元测试要会什么?VueJestvue的测试环境搭建,创建项...
Web js 技术 vue

解决Jest测试框架进行异步测试失败的问题

在使用Jest进行异步测试的时候,使用axios访问Api时,在页面上其他地方可以使用的接口,在测试的时候会出现错误:AxiosError Network Error解决这个问题就是给Jset添加配置28版本后添加的属性testEnvironmentOptions : { ...
Web 技术 vue

element 自定义动态导航菜单折叠动画,文字不隐藏的bug

问题使用element导航菜单做侧边栏菜单,用递归组件实现路由菜单渲染,遇到两个问题折叠后文字不隐藏折叠动画会有延迟,补流程官网代码粘贴后发现官网的例子并没有这种情况,那就找问题根源;问题1度娘找到原因 element-ui 的<el-menu>标签本身希望里面...
Web js 技术

flex在自适应方法中出现错误的解决方法

父级为flex,子级使用自适应的方法,如eachrts的resize方法,会导致第一个item自适应出现问题item的样式应添加 min-width:0;属性保证内容不超出外层容器,为了平均分布 保证每个元素值是平均值
Web js 技术

jq动画

html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equi...
Web js 技术

threejs里光源和材质的关系

材质类型 功能MeshBasicMaterial 基础网格材质,不受光照影响的材质MeshLambertMaterial Lambert网格材质,与光照有反应,漫反射MeshPhongMaterial 高光Phong材质,与光照有反应MeshStan...