hhy1998hhy的博客

原创 冒泡排序的应用场景

写毕设做购物车功能中的删除购物车中所选商品时遇到问题原本想着利用选中不同按钮的获得对应的下标值，然后将下标值推进名为checkedBoxs的数组，比如说选中图中第一个和第三个第四个，下标值对应0，2，3。checkedBoxs的值为[0, 2, 3]。点击”删除选中的商品“，将checkedBoxs发送给后端，后端按下标值一次删除数据库中对应的数据。问题来了，mogonDB数据库中删除之前是有4个数据，下标值依次为0， 1， 2， 3。按checkedBoxs中存储的下标值删除对应下标值的数据显然是

原创 用axios发送post请求后台无法获得数据的问题

前端部分：通过axios发送post请求后端代码的一部分：// app.js文件// 引入路由模块const home = require('./route/home');const admin = require('./route/admin');// 为路由匹配请求路径（一级路由）app.use('/home', home);app.use('/admin', admin);`在这里插入代码片`// admin.js文件admin.post('/login', (req, re

原创 用axios的post传递参数时遇到的跨域问题

今天用axios发送post请求时遇到跨域问题解决方案：// 拦截所有请求app.use((req, res, next) => {// 1.允许哪些客户端访问我// * 代表允许所有的客户端访问我res.header(‘Access-Control-Allow-Origin’, ‘*’);res.header(‘Access-Control-Allow-Headers’, ‘Content-Type, Content-Length, Authorization, Accept, X-

原创 修改element-ui样式的问题

Element是一个很好用的组件库，但是有时候我们需要修改一些组件的样式以满足我们自己的需求。我们用浏览器调试找到相应的class，在本地重写这个class时，发现修改不成功。这是因为在Vue文件中的style标签上有一个特殊的属性：scoped。当一个style有这个标签，它的样式就只能作用于当前的Vue组件，可以使组件的样式不相互污染。解决方案：去掉scoped，但此方法可能会造成全局污染将修改的样式放在控制全局样式css文件中写一个新的style标签（注意不要scoped），在

原创 element-ui组件的样式问题

事实证明，在vue中img的src动态绑定（服务器路径）没问题，但是同一文件夹下面的图片src动态输出就无法显示，问题到现在还没解决。用element-ui组件的时候要注意样式问题（比如高度）。。。。。难受...

原创 用node.js建立本地服务器访问本地json文件

后台代码如下：// 引入express框架const express = require(‘express’);const app = express();const path = require(‘path’);（CROS-设置响应头的内容，解决跨域问题：因为本地服务器的端口号和vue项目的端口号不一致出现同源政策问题）// 拦截所有请求app.use((req, res, next) => {// 1.允许哪些客户端访问我// * 代表允许所有的客户端访问我res.header

转载 vue的倒计时代码

<template> <div class="Date"> <p class="date">{{h}}</p> <p>:</p> <p class="date">{{m}}</p> <p>:</p> <p class="date">{{s}}</p> </div></template>&l.

原创 element-ui使用（按需引入）步骤

安装element-ui和babel-plugin-component依赖。将 .babelrc 修改为：{“presets”: [[@babel/preset-env", { “modules”: false }]],“plugins”: [[“component”,{“libraryName”: “element-ui”,“styleLibraryName”: “theme-chalk”}]]}安装@babel/preset-env；项目目录下，运行命令行npm i @.

原创 less在vue中的使用

下载less和less-loader依赖（这里要把less-loader的版本下载为7.0.0，要不然会报错）在main.js中导入lessimport less from ‘less’3. webpack中的配置这样就可以使用less了

原创 用element组件图片上传功能的一些总结

用element组件实现图片上传功能：第一部分的代码：（这里组件中的action属性用于存放上传的地址。）点击上传，打开控制台，发现上传失败，因为token无效。token为什么无效，这里先说一下，除了登录页，我给每个网页的请求头中都设置了Authorization字段，这个字段里保存了window.sessionStorage下的token值，以确保我们获得访问网页的权限。代码如下：但是上传图片这里token却无效，回去看视频才知道，这个组件没有使用axios发送请求，而是自己用a

原创 树状数据渲染

原创 黑马项目搜索的实现

首先，双向绑定获取用户数据列表参数的query，因为这个是查询参数如图：点击了el-button之后执行userList函数重新获取用户数据列表，就可以得到要搜索的数据。此外，实现清空表单得到全部用户列表数据：el-input组件有clearable属性，可以清空表单。清空表单时触发clear事件重新执行userList函数即可得到全部用户列表数据....

原创 一点小总结

效果图:

原创 请求头中使用Authorization字段提供token令牌

接口文档上的说明：![在这里插入图片描述](https://img-blog.csdnimg.cn/20201209164602916.png所以

原创 清空表单的数据

当表单关闭时，清空表单数据的实现步骤：

原创 提交表单之前需要做的表单预验证

原创 vue中封装一个全局时间过滤器

在vue中封装了一个全局时间过滤器可以在element组件中定义一个作用域插槽（中间的 | 不清楚代表什么意思，记录一下，以后知道了回来补充）

原创 element.style和window.getComputedStyle的一些注意点

element.style只能改变内联样式,因为没有给div设置内联样式，所以div.style.left获取不到值,左边的left也就没有值了，所以div就开始移动了一下。这里可以用parseInt(window.getComputedStyle(div).left)来改变div.left的值...

原创 2020-11-20

再导入vue的单文件组件的时候报了错：好像是找不到这个模块。网上有说Components换成components或者App换成app的，也有改路径的，试了一遍都不行。最后在App后边加了.vue运行成功了

原创 2020-11-19

有关webpack的版本问题：查百度试了好多版本都不行，最后这个可以用，但是在这个版本webpack.config中不能加mode属性，如果加了mode会报错。（下边文章中是加了loaders然后报了错：Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.这一段的意思是webpack.config.js错

原创 2020-11-03

在使用use拦截了所有请求以后，在后边要加上要访问的路由（原本以为不加也可以），否则就会出现图三的报错

原创 2020-10-28

出现这个错误有可能是逗号没加，例如：const schema = {username: Joi.string().min(2).max(5).required().error(new Error(‘username属性没有通过验证’)) // 这里不加逗号就会报错birth: Joi.number().min(1900).max(2020)};...

原创 2020-10-18

this关键字的一些注意点：普通函数中的this，谁调用这个函数，就指向谁。箭头函数中的this，如下图中的代码因为对象没有作用域，所以say()相当于在全局作用域下，this就指向window

原创 js

鼠标移入移出事件：onmouseoveronmouseover

原创 span注意点

span只有margin-left和margin-right才有效果，margin-top和margin-bottom无效。要想margin-top生效就要把span转给块级元du素才行