- 博客(9)
- 收藏
- 关注
原创 数组常用方法
总结一些数组常用方法push向数组后添加元素,返回值为数组的length。会改变原数组let arr = [1, 2, 3]let res = arr.push(4)console.log(res) // 4pop删除数组尾部的元素,返回值为删除的元素。会改变原数组let arr = [1, 2, 3]let res = arr.pop()console.log(res) // 3shift删除数组的头部,返回值为删除的元素。会改变原数组unshift向数组头部添加
2022-01-25 19:49:23 770
原创 字符串常用方法(含部分ES6新增)
检索字符串时候包含特定序列indexOf 该方法是字符串中最常用的,一般使用在判断情况下:查找字符串首次出现的位置,如果找到则返回该字符串的下标值,下标从0开始查找,找不到返回-1.indexOf(“searchValue”, fromIndex)searchValue是要查找的字符串;fromIndex是选填项,表示从那个下标值开始查找例如:let str = 'hello world'console.log(str.indexOf('w')) //6console.log(str.in
2022-01-19 10:20:22 944
原创 整理vuex
mutationmutation用于变更store中的数据1、只能通过mutation变更store数据,不可以直接操作store中的数据。this.$store.state.count++ //不允许这种操作2、通过mutation这种方式,可以集中监控所有数据的变化想要改变count的值,可以:const store = new Vuex.store({ state: { count: 0 }, // 只有mutations中定义的函数,才有权利修改state中的数据 muta
2022-01-16 17:41:38 352
原创 computed和watch
computed1、什么是computed?computed是计算属性。类似于方法,但和方法不同2、computed的原理是什么?当依赖项不变化时不会进行重新的执行,只有变化时才会再次执行计算属性的结果会被缓存,除非依赖的响应式 property 变化才会重新计算。注意,如果某个依赖 (比如非响应式 property) 在该实例范畴之外,则计算属性是不会被更新的。3、为什么有computed?<div>{{message.split('').reverse().join('')}}
2022-01-14 10:38:01 605
原创 elementUI中form表单验证
表单的验证在日常还挺常用的,第一次上手遇见一些问题,记录一下啊想要实现类似功能,首先<template> <el-form label-width="120" :rules="rules" //必备 校验规则 :model="form" //必备 数据源 :ref="form" //必备 需要验证的表单元素节点 inline> <el-form-item label="入组成功奖金"> &l
2022-01-13 11:09:49 922 1
原创 去除element-UI表格鼠标悬停背景颜色
element-Ui中内置很多样式,鼠标悬停背景颜色为白色(肉眼觉得是白色),有时候不太合适界面主题背景色,就需要更改默认的悬停背景颜色,作为笔记记录一下。PS:借助了其他大佬的解决方式,感谢分享。.er-table >>> tbody tr:hover > td { background-color: rgba(15,197,243,1)!important; color: #000;}...
2021-06-02 14:34:14 3372 7
原创 vue项目引用Echart报错error:Initialize failed: invalid dom.
Vue项目中引入Echarts组件时报错:“Error:Initialize failed:invalid dom.”找了一圈大佬的博客,发现我根本没有到达那个层次,我遇到的问题竟然是我没有正确引用,我裂开了,前端小白成长血泪史,废话不多说,写篇文章,记录一下。主要是没有理解Echarts组件的引用方法,下面是我的解决方法<div id="a" style="height:80vh;width:100%" ref="b"></div>有两种方式,一种ref的方式let m
2021-05-28 10:53:56 28054 8
原创 vue项目中引用Echart组件
1、先安装echarts包先安装淘宝镜像npm install -g cnpm --registry=http://registry.npm.taobao.org再安装echartscnpm install echarts --save2、全局引入(在main.js中引入)Import echarts from 'echarts'Vue.prototype.$echarts = echarts或import * as echarts from 'echarts'
2021-05-23 17:35:05 211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人