liangyk1005-CSDN博客

原创 js 数组字符串遗漏知识回顾

一、数组1.array.find()作用：找到数组中第一个符合条件的值返回值：某个元素的值回调函数规定了查找的条件2.array.findindex()作用：找到数组中第一个符合条件元素的下标返回值: 某个元素的下标回调函数规定了查找的条件3.array.reduceRight()和reduce(）类似，可以对数组元素进行累加（累减）但是reduce（)第一个元素开始，reduceRight()从最后一个元素开始4.for of和forEach()遍历数组的区别for of可以使用

2021-12-12 16:39:05 363

转载如何重置state中的数据

解决办法： https://www.imooc.com/wenda/detail/418330创建一个mutation，将state重新赋值为初始值 (可以在开始时深拷贝一个state对象)创建一个action，触发上面的mutation退出登录时调用这个action

2020-11-06 20:23:22 406

转载 js boolean类型转换

参考文章：https://www.cnblogs.com/canger/p/6374185.html在javascript中，if语句括号中的表达式返回值可以是任何类型，即：if(a)中的a可以是boolean、number、string、object、function、undefined中的任何类型，这便会涉及到不同类型和boolean类型的转换问题。如果a不是boolean类型，那么js解释器会自动调用Boolean()函数对a进行类型转换，Boolean()的返回值是一个boolean类型的变量。

2020-09-26 10:01:28 461

原创 css 简单的波浪加载的动画

<!DOCTYPE html><html> <head> <meta charset='uft-8'> <title>简单的波浪加载的动画</title> <style type="text/css"> *{ padding: 0; margin: 0; } html,body{ height: 100%; widt.

2020-07-01 15:55:05 617

原创 vue 在路由中使用动态绑定class，实现简单的标签导航效果

我们在使用路由切换页面时，有时可能需要实现和标签导航类似的效果。在页面切换时，会把当前路由的path存入 $route.path 中。我们可以根据 $route.path 的值，动态的给标签绑定class，从而实现标签导航的效果。<router-link to="/main/search/music“ replace><p :class=" $route.path == '/main/search/music' ? 'chosed':'' ">歌曲</p></

2020-06-15 21:24:32 1051

原创 vue 路由重定向

vuel 路由重定向。redirect 配置要写在对需要进行重定向的路由中，不能再新建一个相同path的路由去重定向，这样是没有效果的 { path: '/main/search', name:'mainSearch', component: mainSearch, //对path: '/main/search'重定向，redirect就要写在这个路由配置中 redirect: '/main/search/music', children:[

2020-06-15 14:54:38 854

原创 vue 通过refs和vuex，在一个组件中操作另一个组件的dom对象。（mounted中可以得到refs中的内容）

通过refs和vuex，在一个组件中操作另一个组件的dom对象当我们需要在组件中操作其他组件的dom时，我们可以把先用refs获取到dom对象，再存到vuex中，然后再组件中获取，这样就对其进行操作了。在组件a中获取，存到vuex中<div id="comments" ref="comments" >...</div> mounted () { this.$store.state.eventComment = this.$refs.comments },在

2020-06-15 08:34:03 2120 1

原创一个很简单的css加载的小动画

写的有点丑，效果就是几个点在那里转，常见的加载动画<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box1{ position: absolute; top: 50%; left: 50%; transform: translate

2020-06-13 16:32:12 155

原创 js 把后台传过来的时间戳转换成想要的时间

一种是使用date提供的方法，另一种是使用第三方库moment.js方法一：let val = 1591941383199dateformat(val) function dateformat(val) { let date = new Date(Number(val)) //这里是当时间为个位数时，给它加上引导0，不需要加0的格式的话可以直接获取，最后拼接起来就可以了 let month = date.getMonth() + 1 < 10 ? "0" + (date.g

2020-06-12 15:43:28 711

原创 vue使用v-for渲染数据，并把的数据作为参数，调用methods方法进行新的异步操作，获取新数据

问题通过ajax获取mv列表到数组中，然后通过v-for渲染到页面上。此时，想要通过每次渲染时得到mv的id作为参数，传入一个函数中进行新的异步操作，但是遇到了问题。<div class="card" v-for="(mv,index) in recommendMVs" :key="index"> <div id="mv"> <img :src="mv.picUrl" > <div id="info

2020-06-03 19:56:21 5388 4

原创安装vue-devtools，npm run build 报错

问题在github下载vue-devtools-dev包，使用npm install , npm run build。构建出错：Cannot find module ‘@vue-devtools/build-tools’百度了很久没能解决。最后安装 yarn 代替 npm 进行进行上述步骤，构建成功。

2020-05-20 22:37:40 1439 1

原创 css 简单的音频跳动的动画

vue组件<template><div id="app"> <div id="box"> <div></div> <div></div> <div></div> <div></div> </div></div></template><script

2020-05-19 17:03:15 2212

原创 :nth-child(n) 的使用

:nth-child(n) 选中父元素下的第n个子元素，n从1开始，元素类型没有限制可在前面指定要选中的标签类型，如 p:nth-child(n) ,注意这里的p不是父元素，而是子元素的标签类型可以指定父元素，如 #box p:nth-child(n) 选中box下的第n个p元素，这里的#box指的才是父元素注意区分哪个是指定子元素类型，哪个是指定父元素...

2020-05-19 16:39:33 1101

liangyk1005的博客