- 博客(38)
- 收藏
- 关注
原创 Uncaught (in promise) TypeError: hook.bind is not a function问题解决
vue3中 Uncaught (in promise) TypeError: hook.bind is not a function问题解决
2022-11-08 18:27:18 4795
原创 git:pathspec master did not match any file(s) known to git
切换分支报错:error: pathspec 'master' did not match any file(s) known to git
2022-01-06 10:37:11 272
原创 报错:This dependency was not found+ Error: EBUSY: resource busy or locked, lstat ‘D:\DumpStack.
在执行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 1559
原创 Elementui级联选择器的选择框的高度溢出,同浏览器高度一样解决方案
在做项目过程中,发现Cascader 级联选择器的选择框的高度溢出和浏览器等高,和预期效果不一样解决方案:在全局样式中给级联选择器的菜单指定一个高度值:注意:刚开始用.el-cascader{ height: 300px; }测试不成功,改成.el-cascader-menu/panel{ height: 300px; }就可以了.el-cascader-menu { height: 300px; }...
2021-09-23 11:08:06 580
原创 在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 960
原创 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 455
原创 前端面试题—如何实现图片在某个容器中居中?
方法一 定位子绝父相 父元素固定宽高 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 223
原创 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 1081
原创 前端面试题-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 294
原创 图片懒加载
定义:图片需要显示在屏幕上时候,才加载步骤一 安装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 79
原创 fastclick减少移动端300ms延迟
步骤一 安装npm install fastclick --save步骤二 导入import FastClick from 'fastclick'步骤三 调用attach函数FastClick.attach(document.body)
2021-08-26 15:09:34 59
原创 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 462
原创 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 314
原创 vue-cli3 创建项目 终端运行卡住的解决方案
最近在用vuecli3创建项目并运行时候遇到了如下问题:无法执行出结果 也不报错初步判定为电脑内存(8g)不足导致卡顿,在网上查询解决方案后采纳博客:https://blog.csdn.net/qq673318522/article/details/50583831/修改相应数据后,仍然不见解决。总之,(vuecli3创建项目)在该情况下当前没有报错提示。由于听课视频老师是安装vuecli2运行项目,我也采用降低版本方式(vuecli3-vuecli2),采用vuecli2终端运行.
2021-08-14 19:33:40 1804
原创 webpack终端Cannot find module ‘HtmlWebpackPlugin‘解决方案
在webpack终端安装了HtmlWebpackPlugin插件, 并进行了相关配置,终端运行后提示经过百度和查阅其他博客,解决方案如下:原错误引入:const HtmlWebpackPlugin = require('HtmlWebpackPlugin')正确引入:const HtmlWebpackPlugin = require('html-webpack-plugin')为什么呢?初步猜测与安装时候版本名称有关,后续会继续探索是否需要保持一直,再来追更...
2021-08-07 16:43:30 1219
原创 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 1833
原创 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 51
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人