沉迷代码的小蠢蛋

原创算法之常用公共方法

1. 排序算法1.1 正排序反排序1.2 冒泡1.3 快排2. 字符串2.1 查找字符串子串2.2 判断是不是子串2.3 判断最长的回文子串2.4 字符串颠倒2.5 字符串计算2.6 判断是不是回文子串3.子序列问题3.1 最长递增子序列3.2 最长公共子序列3.3 判断子序列3.4 最长回文子序列...

2023-08-29 13:59:02 360

Vue中发送网络请求有非常多的方式那么,在开发中,如何选择呢?选择一: 传统的Ajax是基于XMLHttpRequest(XHR)为什么不用它呢?非常好解释,配置和调用方式等非常混乱.·编码起来看起来就非常蛋疼.所以真实开发中很少直接使用,而是使用jQuery-Ajax选择二: 在前面的学习中,我们经常会使用jQuery-Ajax>相对于传统的Ajax非常好用.为什么不选择它呢?首先,我们先明确一点:在Vue的整个开发中都是不需要使用jQuery了.那么,就意味着为了方便我们进

2022-05-30 14:20:24 440

原创 axios----CancelToken的作用

CancelToken 的运用实践CancelToken 常用在封装的请求中，用来取消上面 axios 请求。路由跳转时，若当前页面的数据量过大，而我们立即点击跳转下一页面，那么就可能会出现，当前页面接口还在pedding状态，页面已经跳转到下一页面，这将会十分损耗性能，在这个时候我们应该先取消掉之前还没有获得相应的请求，再跳转页面。这就是 CancelToken 的作用...

2022-05-24 09:58:32 660

原创定时器系列

为什么要用 setTimeout 模拟 setInterval ？在JS 时间循环制宏任务与微任务中讲到，setInterval 是一个宏任务，但很多时候他并不是准确无误的，会在一些极端情况下出现一些令人费解的问题：推入任务队列后的时间不准确定时器代码：setInterval(fn(),N)上面这句代码的意思其实是fn()将会在 N 秒之后被推入任务队列。所以，在 setInterval 被推入任务队列时，如果在它前面有很多任务或者某个任务等待时间较长比如网络请求等，那么这个定时器的执行时间和

2022-03-16 19:53:32 554

原创 http---------面经

1. 陈述http基本概念：HTTP，全称为 HyperText Transfer Protocol，即为超文本传输协议。是互联网应用最为广泛的一种网络协议所有的 www 文件都必须遵守这个标准。http特性：HTTP 是无连接无状态的HTTP 一般构建于 TCP/IP 协议之上，默认端口号是 80HTTP 可以分为两个部分，即请求和响应。http请求：HTTP 定义了在与服务器交互的不同方式，最常用的方法有 4 种分别是 GET，POST，PUT， DELETE。URL 全称

2022-03-16 19:52:49 802

原创 css--------面经

1.css选择器1.1 基本选择器（重要）优先级：ID选择器 > 类选择器 > 标签(元素)选择器。标签(元素)选择器：选择某一个或者某一类元素。ID选择器：id不能重复，全局唯一。类选择器：可以跨标签，类相同，可以复用。 // 群组选择器 h1, #class, .id { color: orange; }1.2 层次选择器后代选择器

2022-03-16 19:52:36 127

原创 js--------面经

1.内存泄漏场景和解决方案泄漏点：1.DOM/BOM 对象泄漏2.script 中存在对DOM/BOM 对象的引用导致3.Javascript 对象泄漏4.通常由闭包导致，比如事件处理回调，导致DOM对象和脚本中对象双向引用，这个是常见的泄漏原因1.闭包function fn1(){ var n=1;}//我想取到里面的局部变量nfunction fn1(){ var n=1; function fn2(){//在加一个fn2当他的子集 alert

2022-03-16 19:52:17 323

原创 vue---组件传值--eventBus

eventBus—兄弟组件传值两个组件页面a、b，属于兄弟关系，要求实现a向b传值，其传值实现过程如下：首先在vue 项目中的 main.js 创建一个 vue实例，export const eventBus = new Vue()其中在a页面使用 eventBus，代码如下：import { eventBus } from "../main"; eventBus.$emit("userName", this.username);在 b 页面使用 eventBus，代码如下： eve

2022-03-16 19:50:16 507

原创解决NavigationDuplicated: Avoided redundant navigation to current location: 问题

vue项目中，点击左侧菜单栏中的项，重复点击时会报错，解决这个问题，首先找到项目中管理路由的文件，一般是router/index.js,有的直接就是router.js。然后看vue-router的引入名称，import VueRouter from 'vue-router' Vue.use(VueRouter) // 解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题const originalPush = VueRouter.prototype.push.

2022-03-04 09:33:33 1083

原创 vue----跨域 cookie丢失问题

问题前摘:前后端域名不同，出现跨域问题后端采用 cors 解决，但出现前端页面跳转致使后端cookie丢失问题问题出现原因：后端采用 cors 会出现前后端 cookie 不通的问题，因此在后端添加 cors 的时候，前端也应注意将权限打开解决办法：前端在 main.js 中添加 axios.defaults.withCredentials = true...

2022-02-25 09:28:54 2415

原创 vue中setInterval的清除

vue中setInterval的清除注：本文借鉴了很多方法整理得来方法一：直接使用 window.setInterval() 和 window.clearInterval()方法二：在data 中创建一个定时器对象，并在想使用定时器的方法中实例化这个对象进行定时器的使用：data() { return { timerInterval: null // 定时器名称

2021-08-18 15:29:05 6295

原创 less基础

less ---- css预处理器less 是一种动态的样式语言，属于 css 预处理器，扩展了 css 语言增加了变量、Minix 、函数等特性，使CSS 更易于维护和扩展less 既可以在客户端上运行，也可以借助 node.js 在服务端运行less ：嵌套结构1.less 注释// 这是见不得人的注释/* 这是想见人的注释*/2.less中的变量使用 @ 来申明一个变量： @pink作为普通属性值来使用： @pink作为选择器和属性名： #@{selector的

2021-07-24 17:04:46 679 1

原创 sass基础

sass1.1 sass 编译输出的格式nested：嵌套compact：紧凑expanded：扩展compressed：压缩默认输出的格式为嵌套的格式1.2 .sass 和 .scss 的区别1.注释不同，1.3 创建 sass 变量1.4 选择器的嵌套1.5 嵌套时调用父选择器1.6 属性的嵌套在属性的后边加上冒号以及空括号，可以撰写相同前缀的属性名的集合1.7 mixin —混合// 格式@mixin 名字(参数1, 参数2... ){ ....}

2021-07-24 13:25:54 130

原创 Vuex 基础知识详解

vuex1.VUEx 概述1.1 组件之间共享数据的方式小范围数据传送：父向子传值： v-bind 属性绑定子向父传值： v-on 事件绑定兄弟组件之间共享数据： EventBus$on ：接收数据的那个组件$emit ：发送数据的那个组件1.2 Vuex 概念Vuex 是实现组建全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享。1.3 使用 Vuex 统一管理状态的好处能够在 vuex 中集中管理共享的数据，易于开发和后期维护能够高效的实现组件之间的数据共

2021-07-19 14:04:21 349

原创 Http 状态码及 Msg 的含义

400类：请求格式不正确MessageDescriptionbad parameters参数不正确bad request请求url、参数不对no such api implemented无此API

2021-07-19 14:02:49 541

原创运行npm run dev 报错npm ERR! Failed at the 01.webpack-base@1.0.0 dev script.报错的原因

搭建webpack 的时候，运行 npm run dev，报错如下：internal/modules/cjs/loader.js:883 throw err; ^Error: Cannot find module 'webpack-cli/bin/config-yargs'Require stack:- D:\代码\vue\webpack-study\node_modules\webpack-dev-server\bin\webpack-dev-server.js at Funct

2021-06-04 21:11:13 9500

原创已经全局安装过webpack，运行webpack仍报错CLI for webpack must be installed.

报错如下：CLI for webpack must be installed. webpack-cli (https://github.com/webpack/webpack-cli)We will use "npm" to install the CLI via "npm install -D webpack-cli".Do you want to install 'webpack-cli' (yes/no): nYou need to install 'webpack-cli' to us

2021-06-04 15:21:56 9240 3

原创执行nrm 报错internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value)；

执行nrm 报错internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, ‘string‘, value)；报错出现如下：internal/validators.js:124 throw new ERR_INVALID_ARG_TYPE(name, 'string', value); ^[TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of

2021-06-04 15:17:57 182

原创 npm install报错：ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1

npm install 运行，报错如下：gyp ERR! configure errorgyp ERR! stack Error: `gyp` failed with exit code: 1gyp ERR! stack at ChildProcess.onCpExit (D:\project\vue-cli3 demo\node_modules\node-gyp\lib\configure.js:345:16)gyp ERR! stack at ChildProcess.emit

2021-04-02 09:41:35 13972

原创运行 npm run serve 报错RROR Error: Cannot find module ‘postcss‘

运行 npm run serve 报错RROR Error: Cannot find module ‘postcss’RROR Error: Cannot find module 'postcss'Require stack:- D:\project\vue-cli3 demo\node_modules\autoprefixer\lib\autoprefixer.js- D:\project\vue-cli3 demo\node_modules\@vue\cli-service\lib\conf

2021-04-01 21:41:06 7681

原创运行npm run dev报错未安装less-loader

运行npm run dev报错未安装less-loader运行npm命令如下：npm install less less-loader --save-dev然后若是报错 Syntax Error: TypeError: this.getOptions is not a function说明 less-loader 版本过高，可运行如下命令，即可运行成功.// 卸载npm uninstall --save less-loader// 安装npm install -D less-loader@

2021-03-25 09:20:42 198

m0_51165087的博客