熠慕-CSDN博客

原创 splice、slice区别，及跳出各种循环的区别

splice截取数组1、传1个值，相当于删除该下标之后所以数据2、传2个值，删除该下标位置开始，删除多少个元素3、传3个或3个以上，插入多个指定元素slice截取数组1、传2个值，开始下标和结束下标2、当为负数时从右往左3、不修改原数组map、forEach无法跳出循环some、every 返回false跳出循环for、while运行更高效 break跳出循环 continue跳出本次循环...

2022-06-24 18:16:39 151 1

原创 react-router-dom v6简单使用

react-router-dom一、引入 import { BrowserRouter,Routes,Route } from 'react-router-dom';<BrowserRouter> <Routes> <Route path='/foo' element={Foo} /> <Route path='/bar' element={Bar} /> </Routes></Br

2022-04-02 10:18:39 913 1

blob浏览器兼容问题问题： blob格式在不同浏览器下载有差异 this.axios({ url: window.API_HOST + '/camp/exportAccountBook', method: 'post', data: params, responseType: 'blob' }).then(res => { const link = document.createElement('a') let

2022-03-15 18:08:32 3577 3

原创解决图片src动态拼接不显示问题

调用自定义方法<div class="item_box" v-for="(item,index) in homeData" :key="index">  <img :src="bindImg(item.imgUrl)" class="item_img"/> <!-

2021-12-04 15:37:13 601

原创 el-table 排序自定义后端排序

<el-table stripe :data="tableData" border style="width: 100%" :default-sort = "{prop: 'date', order: 'descending'}" @sort-change='sortthiscolumn' :header-cell-style="{'t

2021-11-05 18:10:42 584

原创 [Vue warn]: You may have an infinite update loop in a component render function.

报错问题解决[Vue warn]: You may have an infinite update loop in a component render function.因为渲染组件的时候，去改变了data里面的数据，data里面的数据变化又会调用render函数，从新渲染组件，这样就造成了死循环。数组循环中修改了data中的值，把data中的pointColor去掉，或者用其他方法代替。...

2021-11-02 10:24:19 1425 1

原创 redux的基本使用

redux的基本使用1、新建store/index.jsimport { createStore } from 'redux'let reducer = (state,action)=>{ let NewState = JSON.parse(JSON.stringify(state)) // 进行深拷贝 Switch(){ case "LISI_ADD": return NewState default:

2021-08-28 20:58:49 75

原创 react-redux provider组件

react-redux provider组件在src/index.js中使用provider组件的作用provider包裹在根组件外层，使所有的子组件都可以拿到state。它接受store作为props，然后通过context往下传，这样react中任何组件都可以通过context获取store。import React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './

2021-08-26 17:36:47 1328

原创解决第三方组件css样式无法覆盖的问题

解决第三方组件css样式无法覆盖的问题问题: 在vue中使用vant组件库样式无法被改变在样式名前加 /deep/ 深度覆盖，只改变scoped当前组件的某个样式/deep/ .van-grid-item__content padding 0 8px color #666

2021-08-13 11:18:42 791 1

原创 vuex基础用法

vuex基础用法import { mapState, mapGetters, mapActions } from 'vuex'export default { // product: 要在module里定义namespaced:true computed: { ...mapState('product',['all']) }, methods: { ...mapActions('product',['loadProducts']),

2021-08-12 23:01:34 91

原创 git 基本使用

git基本使用在安装git基础上上传项目到git仓库进入本地文件所在目录下，右键点击Git Bash Here初始化本地代码仓库：git initgit pull origin master 本地与服务端同步1、git add -A2、git commit -m " 初始化"3、git push -u origin master冲突处理（分支）创建分支git branch 分支名切换分支git checkout 分支名简写：创建并切换分支**git checkout 分支名分

2021-08-07 16:52:49 59

原创组件之间的循环引用参考官方文档并补充

<body>  <div id="app"> <tree-folder :folder="folder"></tree-folder> </div> <script src="../js/vue.js"></script> <script> Vue.component("tr

2021-08-03 22:03:39 69

原创 Vue事件修饰符.prevent .passive

Vue事件修饰符.prevent .passiveVue提供了事件绑定的语法糖，我们在标签中可直接使用，如v-on:click，@click，@focus的形式绑定事件监听器，并且可以使用修饰符对事件进行设置。prevent 是拦截默认事件，passive是不拦截默认事件。prevent:prevent是preventDefault,阻止标签默认行为，有些标签有默认行为，例如a标签的跳转链接属性href等passive:这个修饰符会执行默认方法，每次事件发生，浏览器都会去询问是否有prevent

2021-07-31 21:26:40 598

原创解决输入框按enter页面刷新问题

解决输入框按enter页面刷新问题绑定键盘事件，按enter触发事件时页面刷新解决方法：阻止表单自动提交1、在html中<form onsubmit="return false"></form>2、在Js中需要给表单添加submit事件，并在事件中阻止掉submit事件的默认事件。var form = document.getElementsByTagName('form')[0]; form.addEventListener('submit',functi

2021-07-31 14:02:17 429

原创 NodeJS笔记

一、NodeJS概述1、介绍相关网址：https://nodejs.org/zh-cn/http://nodejs.cn/Node.js 是一个开源与跨平台的JavaScript运行时环境。它是在浏览器外运行，它是一个事件驱动异步I/O单进程的服务端JS环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。注意：浏览器是JS的前端运行环境。Node.js是JS的后端运行环境，在后端中运行无法调用 DOM 和 BOM 等浏览器内置 AP

2021-07-26 15:46:45 661

原创 Vue环境安装（详解）

Vue环境安装（详解）一、修改npm默认安装路径和配置环境变量（或直接配置环境变量）为什么需要修改npm安装路径和配置环境变量呢？为什么需要修改npm安装路径由于npm的默认路径是在C盘，在某些时候电脑出现问题需要重装系统了，这个时候之前配置的什么环境、安装的包插件都会消失，这时就需要我们更改npm的安装路径了修改路径指令操作步骤：在任意位置打开cmd命令行(快捷键 Windows + R)查看原npm的默认安装路径使用指令：npm config ls prefix就是默认的

2021-06-23 19:16:30 680

qq_42693392的博客