- 博客(45)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 npm ERR code ERESOLVE 解决方法
npm错误——npm ERR! code ERESOLVE 解决方法1、报错如下：npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: vol.vue3@0.1.0npm ERR! Found: vue@3.2.20npm ERR! node_modules/vuenpm ERR! vue@"^3.0.0" from the r
2022-05-16 01:48:44
1465
原创 [ESLint] error: Newline required at end of file but not found （eol-last）解决办法
[ESLint] error: Newline required at end of file but not found （eol-last）解决办法1、错误：error: Newline required at end of file but not found （eol-last）2、报错原因：这里有了格式冲突问题，最后应该加一行空行，但是使用vscode]的 JS-CSS-HTML Formatter保持又会删除空行，导致反复报错3、解决方法①第一种方法：禁用这个vscode的 J
2022-05-16 01:01:40
3812
原创 vue项目报错Expected indentation of 2 spaces but found 4
vue项目报错Expected indentation of 2 spaces but found 41、报错原因：严格的检查缩进问题2、解决方法找到项目的**eslintrc.js**文件修改以下：取消ESLint函数名空号前面加空格的规则校验
2022-05-16 00:59:37
3214
原创 Nginx
Nginx官方网址：http://nginx.org/en/download.htmlNginx是一个高性能（响应和并发都很快）的HTTP和反向代理web服务器1、正向代理正向代理 是一个位于客户端和原始服务器(origin server)之间的服务器，为了从原始服务器取得内容，客户端向代理发送一个请求并指定目标(原始服务器)，然后代理向原始服务器转交请求并将获得的内容返回给客户端。客户端必须要进行一些特别的设置才能使用正向代理。客户端必须设置正向代理服务器，当然前提是要知道正向代理服务器的IP
2022-05-14 18:58:43
299
原创 项目优化——路由懒加载
项目优化——路由懒加载官网：https://www.npmjs.com/package/babel-plugin-syntax-dynamic-import1、路由懒加载当打包构建项目时，JavaScript包会变得非常大，影响页面的加载。如果我们把不同路由对应的组件分割成不同的代码块，然后当路由被访问时才加载组件步骤：①安装@babel/plugin-syntax-dynamic-import 包②在babel.config.js配置文件中声明该插件③把路由改成按需加载的形式2、安装@ba
2022-05-14 18:54:58
2492
原创 优化——通过nprogress添加进度条效果
优化——通过nprogress添加进度条效果一、官网官方网址：https://madewith.cn/23二、使用1、安装npm install --save nprogress2、在main.js导入Nprogress包对应的js和cssimport Nprogress from 'nprogress'import 'nprogress/nprogress.css'3、在request拦截器中展示进度条//配置请求的根路径axios.defaults.baseURL = 'h
2022-05-13 21:30:49
310
原创 优化——在执行build命令期间移除所有的console
优化——在执行build命令期间移除所有的console插件：bal-plugin-transfrom-remove-console’官网：https://www.npmjs.com/package/babel-plugin-transform-remove-console1、安装：npm install babel-plugin-transform-remove-console --save-dev2、在babel.config.js的plugins中配置"transform-remove-con
2022-05-13 21:29:54
2377
原创 Python学习（二）
Python学习（二）一、程序的组织结构任何简单的或者复杂的算法都可以由顺序结构、选择结构和循环结构这三种基本结构组合而成1、顺序结构：程序从上到下顺序地执行代码，中间没有任何的判断和跳转，直接到程序结束2、选择结构：程序根据判断条件的布尔值选择性地执行部分代码，明确地让计算机知道在什么条件下该做什么事。单分支结构：语法结构： if 条件表达式
2022-01-10 22:44:07
460
原创 JavaScript（五）——函数
JavaScript（五）——函数一、函数函数也是一个对象函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码）函数中可以保存一些代码在需要的时候调用使用typeof检查一个对象时，会返回function1、创建一个函数对象（1）用构造函数的方法创建函数对象，在实际开发中，几乎不用这种方法var fun = new Function();console.log(typeof fun//function可以将要封装的代码以字符串的形式传递给构造函数。在实际开发中，几乎不用这种方
2021-04-14 18:00:34
143
原创 JavaScript（四）——对象
JavaScript（四）——对象一、Js的数据类型（1）String 字符串（2）Number 数值（3）Boolean 布尔值（4）Null 空值（5）Undefined 未定义以上五种属于基本数据类型，以后我们所看到的值除了以上五种，全是对象（6）Object 对象1、基本数据类型基本数据类型都是单一的值，值与值之间没有任何联系eg:123 “你好”如果使用基本数据类型的数据，我们所创建的变量都是独立的，不能成为一个整体2、对象对象属于一种复合的数据类型，在对象中可以保
2021-04-14 02:10:00
228
2
原创 JavaScript（三）——运算符
JavaScript（三）——运算符一、运算符运算符也叫操作符，通过运算符可以对一个或多个值进行运算，并获得运算结果eg:typeof就是运算符，可以来获得一个值的类型，它会讲该值的类型以字符串的形式返回1、算数运算符当对非Number类型的值进行运算时，会将这些值转换为Number,然后再运算任何值和NaN做运算都得NaN（1）+：可以对两个值进行加法运算，并将结果返回如果对两个字符串进行加法运算，则会做拼串，会将两个字符串拼接成一个字符串，并返回任何的值和字符串相加都会转换为字符串，然
2021-04-14 00:08:17
141
原创 Vue学习（四）——前后端交互模式
Vue学习（四）——前后端交互模式一、前后端交互模式1、接口调用的方法（1）原生ajax（2）基于Jquery的ajax（3）fetch（4）axios2、HTTP请求方式(1)GET 查询(2)POST 添加(3)PUT 修改(4)DELETE 删除二、Promise用法promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，从它可以获取异步操作的消息使用Promise主要的好处：（1）可以避免多层异步调用嵌套问题（回调函数）
2021-04-12 21:00:18
1344
原创 Vue学习（三）——前端路由
Vue学习（三）——前端路由一、路由一个完整的URL由几部分组成http://www.aspxfans.com:8080/news/index.asp?boardID=5&ID=24618&page=1#name(1) 协议部分：该URL的协议部分为“http：”，这代表网页使用的是HTTP协议。在Internet中可以使用多种协议，如HTTP，FTP等等本例中使用的是HTTP协议。在"HTTP"后面的“//”为分隔符(2) 域名部分：该URL的域名部分为“www.aspxfans
2021-04-12 16:20:31
241
原创 Vue学习（二）——Vue的双向绑定原理
Vue学习（二）——Vue的双向绑定原理VUe双向绑定的流程图如下：1、Vue双向绑定的原理：vue双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，具体的实现方式如下：（1）首先对数据进行劫持监听，所以需要设置一个监听器Observer,用来监听所有的属性。如果属性发生了变化，就需要告诉订阅者Watcher看是否需要更新。因为订阅者是有很多个的，所以我们需要一个消息订阅器Dep来专门收集这些订阅者，然后再监听器Observer和监听器Watcher之间进行统一的管理。（2）接着我们还
2021-04-12 13:21:38
2326
原创 Vuex学习（二） ——vuex过程
Vuex学习（二） ——vuex过程一、vuex过程action 消息模块state 存储数据view 组件视图通信流程：一个组件发送消息，消息被action模块捕获，并根据消息类型，处理数据，action将新的数据传递给state去存储，state中的数据发生了改变，将新的数据传递给另一个组件在vuex中，把action分为两类：一类是同步消息：mutation 为了可测试一类是异步消息：action
2021-04-12 03:27:09
372
原创 Vuex学习(一) ——Vuex基础
Vuex学习(一) ——Vuex基础一、Vuex概述（一）组件之间共享数据的方法(1)父向子传值：v-bind属性绑定(2)子向父传值：v-on事件绑定(3)兄弟组件之间的共享数据：EventBus$on 接受数据的那个组件$emit 发送数据的那个组件以上的数据传值的方法只适用于小范围的数据共享，而大范围或者频繁的数据共享就使用Vuex(二)Vuex1、Vuex是什么Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享2、使用Vuex统一管理状态的好处
2021-04-12 02:49:05
222
原创 Vue中计算属性computed和方法的区别
Vue中计算属性computed和方法的区别计算属性conputed和设置一个方法得到的最终结果尽管是一样，的，但是区别在于：计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生依赖改变时，它们才会重新求值。如果设计的值没有发生变化，多次访问计算属性会立即返回之前的计算结果，而不必再次执行函数...
2021-04-12 01:16:54
167
原创 JavaScript学习（二）——正则表达式
JavaScript学习（二）——正则表达式正则表达式：是用来定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则；获取将字符串中符合规则的内容提取出来一、创建正则表达式的对象1、使用构造函数来创建正则表达式(1)语法：var 变量 = new RegExp(“正则表达式”，”匹配模式“) 使用typeof检查正则对象，会返回objectvar reg = new RegExp(“a”);这个正则表达式可以检查一个字符串中是否含有a;在构造函数中可以
2021-04-11 23:17:04
203
原创 JavaScript学习（一）——JS基础
JavaScript学习（一）——JS基础1、输出语句:alert()、document.write()、console.log(),会有结果显示2、Js代码编写的位置：(1)可以将Js代码写在标签的onclick属性中（2）可以将JS代码卸载超链接的href属性中，点击超链接时，会执行Js代码以上两种写在标签的属性中的方法，尽管可行，但是他们属于结构与行为的耦合，不方便维护，所以不推荐使用（3）可以将JS代码写在标签中（4）可以将JS代码写在外部文件中，通过script标签引用。写到外部文件
2021-04-11 23:14:13
173
原创 浏览器缓存：Cookie、LocalStorage、SessionStorage的区别
浏览器缓存：Cookie、LocalStorage、SessionStorage的区别1、Cookiecookie 是存储在本地的数据，本身非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。2、LocalStorage仅在客户端保存（即浏览器），不参与和服务器的通信；没有时间限制，即使浏览器关闭，数据依然存在；localStorage 是 HTML5 标准中新加入的技术，它
2021-03-27 21:07:54
1960
原创 Vue引入 mavon-editor 编辑器的详细步骤
Vue引入 mavon-editor 编辑器的详细步骤一、编辑器的引入如果你的项目之前没有安装过该编辑器，那就得先安装编辑器在自己的项目的根目录执行下列命令： npm install mavon-editor --save之后等待安装成功，如图：二、在vue项目的src/main.js注册点开main.js，全局注册,并且导入mavon-editor样式import 'mavon-editor/dist/css/index.css'import mavonEditor from 'm
2021-03-25 01:16:01
1785
原创 Vue学习（一）——Vue基础知识总结
Vue基础知识总结（一）el用于指定一个页面中已存在的DOM元素来挂载实例，它可以是HTMLElement，也可以是CSS选择器1、生命周期每个Vue实例创建时，都会经历一系列的初始化过程，同时也是调用响应的生命周期钩子，我们可以利用这些钩子，在合适的时机执行我们的业务逻辑。(1)created 实例创建完成后调用，这个阶段完成了数据的观测，但尚未挂载(2)mounted: el挂载到实例上后调用，一般我们的第一个业务逻辑从这里开始(3)beforeDestroy: 实例销毁之前使用，主要用
2021-03-10 23:00:23
404
原创 Springboot 集成Mybatis的详细步骤
Springboot 集成Mybatis的详细步骤项目目录如下：1、第一步:引入依赖：(1)打开pom.xml，在里面引入依赖<dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>2.0.0</version>
2021-03-08 04:36:39
1517
3
原创 Vue：排查通过id跳转页面，页面正常跳转，接口正常调用，并且能在控制台打印数据，但页面没有数据显示的过程
Vue：排查通过id跳转页面，页面正常跳转，接口正常调用，并且能在控制台打印数据，但页面没有数据显示的过程1、date(){}大括号里面没有return{} data() { return { notice: {}, }; },2、动态路由的切换不会触发钩子函数的执行，所以不会发请求，就没有数据了所以加入监听 watch:{ 'route':'getNoticeDetail', },3、以上两个方法从网上搜到的，但数据依旧没有显示最后才发现是我
2021-03-03 16:33:08
1002
1
原创 Vue 通过 vue 的 router 传递参数两种方式总结
Vue: 通过 vue 的 router 传递参数两种方式总结通过 vue 的 router 传递参数，通俗说法例如：通过id进行页面跳转并获取数据的方法总结（一）命名路由传参，即使用params形式如下：this.$router.push({ name: 'editor', params: { id: 1 }})这种方法的name是指路由中定义的那个name,而不是页面路径。跳转到的页面路由不会包含任何参数信息。刷新后就会丢失。（二）查询传参形式如下：this.$router.push(
2021-03-03 02:54:48
996
原创 小小经验：Vue中计算属性computed没有被触发的排查
小小经验：Vue中计算属性computed没有被触发的排查vue中的计算属性可以绑定动态变量，当页面有变化时，计算属性就会自动更新data中定义了相互独立并且不影响的变量问题：computed中定义的一个动态变量在相关的属性发生变化时，并没有发生相对应地发生变化比如，我点击全选或者商品的单选时，商品的总件数或者总价都没有发生变化计算属性的代码： computed: { totalNum: function () { let total = 0; console.
2021-02-28 19:15:38
7785
原创 Vue中计算属性computed和侦听属性watch的区别
Vue中计算属性computed和侦听属性watch的区别1、计算属性：computed（1）使用场景：模板中的表达式常用于简单的运算，当模板中的表达式过长或者其逻辑复杂时，会难以维护，计算属性就是解决该类问题（2）用法：简单用法：在一个计算属性中可以完成各种复杂的逻辑，包括计算、函数调用，只要最终返回一个计算结果即可。复杂一丢丢的用法：计算属性可以依赖多个Vue实例的数据，只要其中任一个数据发生变化，计算属性就会重新执行，视图也会更新。例如：<div style="float: ri
2021-02-28 18:43:22
284
原创 购物车页面实现
购物车页面实现<template> <el-container> <el-header style="margin-bottom: 10px"> <div> <el-card class="cart-header" shadow="nover">我的购物袋</el-card> </div> </el-header> <el-main&g
2021-02-27 18:46:28
256
原创 解决Vue中根据字符串的长度控制显示数字部分显示省略号
解决Vue中根据字符串的长度控制显示数字部分显示省略号问题：例如上面的简介的字太多，只要一行其他的显省略号解决方法：利用Vue中过滤器filter处理1、设计过滤器<span>{{ item.abs | handleText }}item.abs 显示的文字handleText 设置的过滤器2、定义过滤器filters: { handleText(value){ if(!value) return '' if(value.length &
2021-02-21 00:09:02
864
原创 新学Vue：解决新建组件后，导入组件出现 Can‘t resolve ‘.commonAbout ‘ in ‘Gworkspacecoteasrccomponents‘问题
新学Vue:解决新建组件后，导入组件出现 Can’t resolve './common/About ’ in 'G:\workspace\cotea\src\components’问题问题描述：原因：引用路径不对我的文件结构：解决方法：1、其实这个导入方法也是对的，但是我用了就是报第一个错误import About from "./common/About"2、网上大部分都是说把 ./ 改成 ../ 但还是错哒，显示第一个错误import About from "../commo
2021-02-20 18:29:33
8114
原创 解决打包jar启动报错Unable to create requested service[org.hibernate.engine.jdbc.env.spi.JdbcEnvironment]问题
解决打包jar启动报错Unable to create requested service[org.hibernate.engine.jdbc.env.spi.JdbcEnvironment]问题问题原因：jdbc配置不正确解决方法：1、检查是否已添加数据库驱动jar包2、检查数据库服务是否启动3、检查数据库配置文件4、检查是否缺少字符集、时区等配置而我的问题就是我没有配置时区spring.datasource.url=jdbc:mysql://127.0.0.1:3306/cotea?ch
2021-02-18 00:35:00
5190
原创 解决打包jar启动报错IllegalStateException Cannot load driver class com.mysql.cj.jdbc.Driver
解决打包jar启动报错IllegalStateException: Cannot load driver class: com.mysql.cj.jdbc.Driver问题描述如下：我的问题产生原因是：我的驱动依赖版本过于低我的MySQL是8.0.17的，然后一开始我使用的驱动依赖版本为5.1.47之前： <dependency> <groupId>mysql</groupId> <artifactId>mys
2021-02-18 00:23:41
493
原创 MySQL8.0下载与安装详细图文教程
MySQL8.0下载与安装详细图文教程软件名称：MySQL8.0安装环境：Win101、解压缩鼠标右击MySQL8.0解压缩到MySQL8.0（自己找磁盘，最好不要放在C盘）2、打开解压后的文件夹，双击运行【mysql-installer-community-8.0.17.0】3、勾选【I accept the license terms】，点击【Next】。4、选择【Custom】，点击【Next】。5、（1）点击“+”依次展开【MySQL Servers/MySQL Serve
2021-02-04 00:37:18
808
原创 SpringBoot+Vue项目完成之路（二）——前后端连接测试
SpringBoot+Vue项目完成之路（二）——前后端连接测试（一）前端页面前端页面我是在 Visual Studio Code(简称VS)开发的，打开VS软件，打开之前已经建立好的项目——cotea(这是我的项目名）打开之后的截图如下：1、login.vue（1）建立login.vue文件：cotea——>src——>compenents——>新建文件，然后命名为login.vue即可（2）简易登录图如下：代码如下：<template> <
2021-02-03 22:24:00
2486
原创 把this.$http(‘apibanner‘)中的api去掉的解决方法
把this.$http(’/api/banner’)中的api去掉的解决方法1、在项目的src包新建文件新建文件，名字axios.js用于作为axios的配置文件引入原来的地址，处理Axios,再抛出Axiosimport axios from 'axios' //这里引入的是原本的地址var Axios = axios.create({//公用的地址baseURL:'/api',//超时时间：中止mstimeout:1000// headers:{'X-Custom-Header':'
2021-02-03 00:09:44
467
原创 解决eslint语法限制项目报错办法，✘ httpeslint.orgdocsrulesindent Expected indentation of 2 spaces
解决eslint语法限制项目报错办法，即解决✘ httpeslint.orgdocsrulesindent Expected indentation of 2 spaces but found 4问题问题部分截图如下图所示1、错误原因不符合eslint的校验规则，Tab键不等同于同行缩进，所以检验错误题外话：了解eslintESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码的风格。ESLint被设计为完全可配置的，
2021-02-02 22:34:19
1250
原创 解决项目搭建过程中出现“‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。”问题
项目搭建过程中出现“‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件。”的解决方法问题描述如下：1、到该项目的根目录下，找到 node_modules，删除该文件夹2、进入项目工作文件夹中（cd G:\workspace\cotea)cotea为项目名3、输入命令：npm install,然后等待安装完成即可4、安装完成之后，输入命令：npm run dev,等待运行完成，即可在浏览器中输入http://localhost:8080/localh
2021-02-02 15:50:44
400
原创 SpringBoot+Vue项目完成之路（一）——搭建项目
搭建项目一、安装Vue CLI1、安装node.js官网：https://nodejs.org/en/图中左边是长期支持版本，右边是当前版本下载完成后，运行安装包，一路下一步即可快捷键windows+R键，输入cmd后回车键，出现下面的第一个图，再输入 node -v，如果出现版本号，说明已经安装成功了NPM最初用于管理和分发Node.js的依赖，它自动化的机制使得层层嵌套的依赖管理变得非常简单，因此后来被广泛应用于前端依赖的管理中。在node官网下载node客户端，同时你会得到一个NP
2021-02-02 15:32:58
704
原创 解决2020版IDEA的JAVAScript中找不到vue.js问题
解决2020版IDEA的JAVAScript中找不到vue.js问题1、安装插件打开IDEA的界面如下步骤：(1)file——>setting——>plugins (2)在搜索框搜索vue,然后vue.js——>install新建project,在JavaScript中就可以看到vue.js的标签了2、设置vue.js文件模板(1)file——>setting——>file and Code Templates(2)在Files中选择
2021-01-30 20:53:41
10649
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人