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>标签本身希望里面...
技术 vue

vue使用threejs创建贴图

// 添加贴图 let texture = new THREE.TextureLoader().load( require('../../../public/static/img/tietu.jpg') ...
Web 技术 vue

vue scope的用法和添加全局样式

用法  scope是实现组件的私有化,不对全局造成样式污染,表示当前style属性只属于当前模块。scope的渲染规则给HTML的DOM节点加一个不重复data属性(形如:data-v-2311c06a)来表示他的唯一性在每句css选择器的末尾(编译后的...
Web 技术 vue

Vuex数据状态持久化-vuex-persistedstate插件

vuex可以进行全局的状态管理,但刷新后刷新后数据会消失,有的时候需要做到持久化,比如token,我们可以结合本地存储做到数据状态持久化,但是太麻烦每次都要操作,利用vuex-persistedstate插件可以简单许多1.安装npm install vuex-persis...
Web 技术 vue

vue单页面中 home页面跳转到其他页面 但记住其他的路由

home.js里 通过判断this.$route.nam的值来实现该功能 mounted() { // 进入首页 默认加载上传页面 如果在其他页面刷新 路由还是其他页面 let name = this.$route.name === '...
Web 技术 vue

hxy-music部署方式

前端用的是vue3+element+axiso 后端用的网易云接口,引用该博主提供的程序https://neteasecloudmusicapi.vercel.app/#/一.linux下载node1.下载从官网获得最新版本下载链接,使用wget命令下载压缩包。​​​wge...
Web 技术 vue

vue挂载全局方法和过滤器 ,自定义指令

main.js文件里过滤器import commonFilter from './assets/js/filter/commonFilter'; // 公共filter Object.keys(commonFilter).forEach(key => Vue.filt...