日常问题记录
日常bug总结
一梦晓三生
生命不息,BUG不止
展开
-
vue全局自定义拖拽指令
// 全局自定义拖拽组件export default (Vue) => { Vue.directive('drag', { //1.指令绑定到元素上回立刻执行bind函数,只执行一次 //2.每个函数中第一个参数永远是el,表示绑定指令的元素,el参数是原生js对象 bind: function (el, elementObj) { let dragBox = el; //获取当前元素 drag.原创 2022-04-06 11:06:37 · 363 阅读 · 0 评论 -
vue限制输入框数字只能输入正整数的指令(direct) v-int
// 限制输入框数字只能输入正整数的指令 v-intexport default (Vue) => { // 通过Vue的指令方法,定义指令名称 Vue.directive("Int", { // bind绑定 获取当前目标的input(就是在哪个文本框上使用指令) bind: function (el) { const input = el.getElementsByTagName("input")[0]; if (input) {原创 2022-04-06 11:05:14 · 3611 阅读 · 0 评论 -
box-shadow在ios中不生效
在电脑端和模拟器上调试都正常显示,安卓机上也正常显示。但是在ios真机上box-shadow的效果就不显示了。 重点在```-webkit-appearance```这个属性,去掉ios默认的输入框自带样式input { width: 100%; height: r(88); line-height: r(88); border: 0; outline: none; background-color: #ffffff; border-radius: r(44); padd原创 2022-02-08 11:02:37 · 2281 阅读 · 0 评论 -
px、em、rem、vw、rpx之间有什么区别
原创 2022-02-07 13:53:20 · 234 阅读 · 0 评论 -
javascript中call()、apply()、bind()的用法
其实是一个很简单的东西,认真看十分钟就从一脸懵B到完全理解!先看明白下面:例1 obj.objAge; //17 obj.myFun() //小张年龄undefined例2shows() //盲僧 比较一下这两者this 的差别,第一个打印里面的this 指向obj,第二个全局声明的shows()函数 this 是window ;1.call()、apply()、bind() 都是用来重定义 this 这个对象的!如: obj.myFun.call(db);转载 2022-02-07 13:46:00 · 86 阅读 · 0 评论 -
ios日期无法展示2022-02-07这种带‘-‘的格式,解决办法
原创 2022-02-07 12:04:19 · 1434 阅读 · 0 评论 -
Date对象的getMonth()对象的错误使用导致页面1月份时报错
日期方法报使用错误,getMonth()获取月份是从0到11页面组件报错信息原创 2022-02-07 12:00:31 · 705 阅读 · 0 评论 -
element-ui大图预览el-image-viewer组件示例
<!-- 大图预览 --><el-image-viewer v-if="showBig" :on-close="closeViewer" :url-list="showImgList"/>// 示例<script> import ElImageViewer from 'element-ui/packages/image/src/image-viewer' export default { name: ""原创 2022-02-07 11:49:14 · 573 阅读 · 0 评论 -
基于elementUI的上传+大图预览功能
uploadFile.js<template> <el-upload class="avatar-uploader upload-file" :action="action" :multiple="multiple" :drag="drag" :show-file-list="false" :headers="{signature}" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :原创 2022-02-07 11:39:40 · 1145 阅读 · 0 评论 -
导出文件方法封装
导出文件,下载文件流原创 2022-02-07 11:20:10 · 168 阅读 · 0 评论 -
vue项目文件流下载功能
vue文件流下载原创 2022-02-07 11:13:37 · 512 阅读 · 0 评论 -
windows系统查看端口被占用,杀掉进程方法
原创 2020-06-30 16:21:47 · 205 阅读 · 0 评论 -
vue监听浏览器窗口大小变化,做对应的操作
页面初始化mounted的时候,通过`` document.body.clientWidth ``和`` document.body.clientHeight ``获取到浏览器的宽和高,然后通过 ``window.onresize`` 来监听浏览器窗口的变化,在这里来改变我们的变量宽和高即可。(created()的时候不行,因为此时document还没有生成)<template> <section class="p-10"> <h1> {{ scree.原创 2021-04-10 09:37:01 · 6856 阅读 · 0 评论 -
vue实现移动端可拖拽浮动球按钮
vue实现移动端可拖拽浮动球按钮<template> <transition> <div ref="dragIcon" class="dragIcon" @click="onBtnClicked" @touchstart.stop="handleTouchStart" @touchmove.prevent.stop="handleTouchMove($event)" @touchend.stop="handleTouchEnd" :style="{le原创 2021-12-23 10:38:38 · 959 阅读 · 0 评论 -
git常用基础命令
1.远程仓库新建/删除了分支,本地还是原来的分支git remote update origin –prune // 更新本地的分支2.版本回退git reset [--soft | --mixed | --hard] [HEAD]** 示例 **git reset –hard HEAD~3 # 回退上上上一个版本 git reset –hard bae128 # 回退到某个版本回退点之前的所有信息。 git reset --hard origin/master # 将本地的状态原创 2021-11-22 16:09:43 · 205 阅读 · 0 评论 -
不同的页面都出现vue的警告[Vue warn]: Property or method “toJSON“ is not defined on the instance but referenced…
打开项目不同的页面都出现vue的警告[Vue warn]: Property or method "toJSON" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: h原创 2021-11-17 10:47:42 · 1153 阅读 · 0 评论 -
数组常用方法
1.判断一个数组是否包含另一个数组全部元素的方法let a=[1,2,3,4,5,6]let b=[1,2,3,4,5]let c = b.every(item=>{ return a.some(v=>{ return item===v })})console.log(c) //true2.过滤两个数组相同的数据(获取两个数组不同数据)let a=[1,2,3,4,5,6]let b=[1,2,3,4,5]let c = a.filter(item=>{ re原创 2021-11-17 10:29:11 · 186 阅读 · 0 评论 -
问题记录:img标签下展示图片,图片下端有一条空白的解决办法
div标签嵌套img标签时,展示出的图片底部会出现白边原因:img默认是按基线(baseline)对齐的。对比一下图片和右边的p, q, y等字母,你会发现这三个字母的“小尾巴”和图片下方的空白一样高。下面这张图中的黑线就是那条基线。解决办法:要去掉空白部分可以使用vertical-align: bottom或将img标签变为块级元素。基线知识补充...原创 2021-08-26 23:17:38 · 515 阅读 · 0 评论 -
vue渲染时数据对象里面的子对象的属性报错undefined,但页面正常渲染
vue渲染时数据对象里面的子对象的属性报错undefined,但页面正常渲染。报如图所示错误页面中报错的位置原因是在data中申明了空对象,页面在渲染的时候,数据还没获取到的时候,首先渲染的是初始值,所以会报错。而数据获取回来之后,由于vue双向绑定的特点,页面会再次正常渲染。所以从结果上看是页面既成功渲染了,又有报错信息。解决办法1.使用v-if判断2.申明对象时为对象设置初始值 export default { data() { return { da原创 2020-12-21 23:09:24 · 3999 阅读 · 0 评论 -
vue项目打包element-icons路径错误
问题描述vue项目打包之后,部署运行时报错显示字体路径错误/static/css/static/fonts/element-icons.535877f.woff,正确路径是/static/fonts/element-icons.535877f.woff。解决办法1.在build/utils下的ExtractTextPlugin.extract下添加publicPath:'../../' // (which is the case during production build) if原创 2020-12-09 09:37:16 · 1557 阅读 · 0 评论 -
windows下无法安装node-sass解决办法
解决办法:主要是windows平台缺少编译环境 python 2.7, 接着1、先运行:npm install -g node-gyp2、然后运行:运行npm install –global –production windows-build-tools可以自动安装跨平台的编译器:gym或者set SASS_BINARY_SITE=https://npm.taobao.org/mirro...原创 2020-08-23 10:19:39 · 569 阅读 · 0 评论 -
vue引用第三方组件修改组件样式在scoped下作用无效可添加/deep/或者>>>
以ElementUI为例。在使用el-card组件的时候,想修改hearder的样式<style scoped>.el-card .el-card__header{ background-color: salmon;}<style/>在scoped的状态下,这样修改并不生效这个时候用/deep/或者>>>就会生效了<style scoped>.el-card /deep/ .el-card__header{ back原创 2020-12-07 00:10:24 · 327 阅读 · 0 评论