前端amanda-CSDN博客

在执行npm run serve时候遇到这样一个报错首先需要确定的一点是，改报错与最后一行错误（Error from chokidar (D:\): Error: EBUSY: resource busy or locked, lstat 'D:\DumpStack.log.tmp'）本身没有任何关系，在网上查阅是由于外部js错误引入导致。结合This dependency was not found: 找到具体所在引入，发现了问题所在对比'@views/system/servic..

2021-11-16 15:57:43 1478

原创 Elementui级联选择器的选择框的高度溢出，同浏览器高度一样解决方案

在做项目过程中，发现Cascader 级联选择器的选择框的高度溢出和浏览器等高，和预期效果不一样解决方案：在全局样式中给级联选择器的菜单指定一个高度值：注意：刚开始用.el-cascader{ height: 300px; }测试不成功，改成.el-cascader-menu/panel{ height: 300px; }就可以了.el-cascader-menu { height: 300px; }...

2021-09-23 11:08:06 547

原创在network preview里面显示Cannot GET /%20/api/goods/allGoods

今天在把项目测试接口迁移到node服务器后，npm run serve 正常运行后，点击全部，页面没有数据，然后f12打开network，出现了Cannot GET /%20/api/goods/allGoods经过百度知乎和一番研究，发现问题出现在这里在goods路由组件中，请求地址url中模板字符串哪里出现了空格也就是说，在network preview里面显示Cannot GET /%20/api/goods/allGoods，%20这个代表空格去掉空格后页面成功展示...

2021-09-11 10:32:27 911

原创 2021Web前端面试题整理及答案

CSS1.隐藏页面中某个元素的办法？display:none;visibility:hidden;opacity:0;position移动到外部z-index涂层遮盖2.三栏布局实现方式？分为两列定宽一列自适应，两侧定宽中间自适应两列定款一列自适应：使用float+margin给div设置float：leftleft的div添加属性margin-right：left和center的间隔pxright的div添加属性margin-left：left和cente

2021-09-03 17:45:10 450

原创前端面试题—如何实现图片在某个容器中居中？

方法一定位子绝父相父元素固定宽高 transform: translate(-50%, -50%); <style> .lang { position: relative; background-color: pink; height: 800px; width: 800px; } img { position: absolute; left: 50%; top: 50%; tr..

2021-09-03 16:21:55 212

原创 TypeError: this.getOptions is not a function解决方案

问题出现：用webpack打包项目后，运行过程中报错，如下图：问题分析经过网上查询资料结合报错内容，推测是sass-loader版本过高，不兼容getOptions函数方法，所以需要对sass-loader进行降级处理问题解决通过npm uninstall sass-loader命令卸载原来版本@12.0.0，后通过sass-loader命令下载降级版本的sass-loader@8.0.0，解决啦...

2021-09-03 06:45:43 1052

原创前端网页生成二维码方法

转发：https://blog.csdn.net/erhuobuer/article/details/89349634

2021-09-01 11:13:22 169

原创前端面试题-CSS实现水平垂直居中

CSS实现水平垂直居中在实际应用中非常常见的，实现方法有好几种，在此特别总结一下方法一：margin: auto;实现绝对定位元素的居中<body> <div class="content"></div></body><style> .content{ width: 200px; height: 200px; position: absolute; top: 0; bottom: 0;

2021-08-29 08:38:54 255

原创图片懒加载

定义：图片需要显示在屏幕上时候，才加载步骤一安装npm i vue-lazyload --save步骤二导入import VueLazyload from "vue-lazyload";步骤三修改img：src->v-lazy:src="showImage" 改成 v-lazy="showImage"也可以使用占位符Vue.use(VueLazyload,{ loading:require('./assets/img/common/plac...

2021-08-26 15:43:06 73

原创 fastclick减少移动端300ms延迟

步骤一安装npm install fastclick --save步骤二导入import FastClick from 'fastclick'步骤三调用attach函数FastClick.attach(document.body)

2021-08-26 15:09:34 51

原创 Vue2中 toast封装-插件方式的封装

采用普通方式封装有时候存在一些壁垒采用插件方式封装，可直接调用插件的安装函数 $toast.show（）在页面显示即可, 方便多处调用。原理：将toast封装在插件中 ----安装插件----组件创建开始就添加到body中---利用插件的安装函数在页面显示步骤1：自行新建toast组件<template><div class="toast" v-show="isShow"> <div >{{message}}</div></di

2021-08-26 14:33:51 435

原创 VUE 中时间格式化函数

/** * 格式化函数，给日期格式化 * date为 new Date()对象， fmt为 'yyyy-MM-dd'的格式 */export function formatDate(date, fmt) { //获取年份 if (/(y+)/.test(fmt)) { let dateY = date.getFullYear() + ""; //RegExp.$1 在判断中出现过，且是括号括起来的，所以 RegExp.$1 就是 "yyyy" fmt = fmt.

2021-08-26 14:09:20 302

原创 vue-cli3 创建项目终端运行卡住的解决方案

最近在用vuecli3创建项目并运行时候遇到了如下问题：无法执行出结果也不报错初步判定为电脑内存（8g）不足导致卡顿，在网上查询解决方案后采纳博客：https://blog.csdn.net/qq673318522/article/details/50583831/修改相应数据后，仍然不见解决。总之，（vuecli3创建项目）在该情况下当前没有报错提示。由于听课视频老师是安装vuecli2运行项目，我也采用降低版本方式（vuecli3-vuecli2），采用vuecli2终端运行.

2021-08-14 19:33:40 1759

原创 webpack终端Cannot find module ‘HtmlWebpackPlugin‘解决方案

在webpack终端安装了HtmlWebpackPlugin插件, 并进行了相关配置，终端运行后提示经过百度和查阅其他博客，解决方案如下：原错误引入：const HtmlWebpackPlugin = require('HtmlWebpackPlugin')正确引入：const HtmlWebpackPlugin = require('html-webpack-plugin')为什么呢？初步猜测与安装时候版本名称有关，后续会继续探索是否需要保持一直，再来追更...

2021-08-07 16:43:30 1211

原创 Javascript中splice的删除、替换、插入三种用法

学习时候经常容易搞混淆遂记录学习难度★★★splice有3个参数， splice(index,len,[item])其中，index:数组开始下标len: 替换/删除的长度 item:替换的值，删除操作的话 item为空splice作用：删除元素/插入元素/替换元素，该方法会改变原始数组el：arr= ['a','b','c','d']作用1：删除元素-[item]为0arr.splice(1,1) //['a','c','d']...

2021-08-03 23:12:30 1799

原创 git常用命令

Git 常用命令git init # 初始化本地git仓库（创建新仓库）git config --global user.name "xxx" # 配置用户名git config --global user.email "xxx@xxx.com" # 配置邮件git status 查询状态git branch 查看...

2021-08-01 17:50:43 43

空空如也

空空如也