![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
我的bug路
文章平均质量分 53
终是后来居上
emmm
每周五-周日进行更新~
希望对初学者们能有帮助~
展开
-
vue 的键盘回车事件
emmmmm就一行代码…<input type="text" v-model="keyword" @keyup.enter="submit" placeholder="编号搜索">@keyup vue的键盘事件.enter键盘事件里的回车事件原创 2019-03-15 10:59:28 · 965 阅读 · 0 评论 -
css 过度效果 返回顶部
$(".mmhhq1").click(function() { $("html,body").animate({scrollTop:0},500); });css3过度效果animate返回顶部scrollTop:0原创 2019-03-23 13:19:33 · 1239 阅读 · 0 评论 -
vue刷新视图
有时候我们会碰到数据已经更新了但是视图不更新的问题,有几个原因:1、根属性不存在,而想要直接给根属性赋值导致的视图不更新。此时初始化属性的时候给根属性初始化一个空值就可以了。2、只有通过以下几个方法更新数组push()pop()shift()unshift()splice()sort()reverse()vue才能检测到数组更新。如果想直接通过下标修改数组的话,就需要使用...原创 2019-03-27 09:37:11 · 1499 阅读 · 0 评论 -
vue刷新视图
有时候我们会碰到数据已经更新了但是视图不更新的问题,有几个原因:1、根属性不存在,而想要直接给根属性赋值导致的视图不更新。此时初始化属性的时候给根属性初始化一个空值就可以了。2、只有通过以下几个方法更新数组push()pop()shift()unshift()splice()sort()reverse()vue才能检测到数组更新。如果想直接通过下标修改数组的话,就需要使用...原创 2019-03-27 15:28:44 · 369 阅读 · 0 评论 -
vue+element-ui table实现滚动加载
在main.js里注册 Vue.directive('loadmore', { bind(el, binding) { const selectWrap = el.querySelector('.el-table__body-wrapper') selectWrap.addEventListener('scroll', function() { ...原创 2019-03-27 15:30:32 · 13854 阅读 · 13 评论 -
input type=number 去除后面的箭头
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}input[type="number"]{-moz-appearance:textfield;}原创 2019-04-10 13:37:52 · 757 阅读 · 0 评论 -
正则判断 手机号
if(/^[1][2,3,4,5,7,8,9][0-9]{9}$/gi.test(this.wjusername)==false){ alert("用户名(手机号)错误") }判断的正则/^[1][2,3,4,5,7,8,9][0-9]{9}$/判断wjusername这个变量 是不是符合前面的正则gi.test(this.wjusername)...原创 2019-04-01 14:23:53 · 267 阅读 · 0 评论 -
el-pagination 页码 更新问题
element 分页组件在 换页 的时候,画面数据正确,但 页码却没被激活, 即 还处于换页之前的页码。如图百度搜索,尝试了很多种方案,比如 加上current-page.sync 修饰、结合localStorage利用 created() beforeUpdate () beforeDestroy ()方法,重置current-page属性值…不知道是我没写对还是其他原因,反正 最后都没...原创 2019-04-11 12:57:20 · 3768 阅读 · 2 评论 -
web前端_Vue框架_设置浏览器上方的标题和图标
在创建Vue项目时一般会用默认的项目标题和图标,如下图所示:不是很美观也可能不符合项目的需求,所以有时候就需要改变项目在浏览器上方的标签名称或者图标。找到项目根目录的index.html,如图:进去就能够修改title,也就是在浏览器上方的标题<meta name="viewport" content="width=device-width,initial-scale=1.0"&...原创 2019-04-12 13:33:32 · 967 阅读 · 0 评论 -
jquery 获取 input上传框的内容
用document.getElementById('file').files[0] 可以正常获取文件对象<input id="uploadFile" name="uploadFile" type="file" style="width:160px;"/>原创 2019-04-09 14:07:51 · 1290 阅读 · 0 评论 -
在安装npm时遇到的问题“npm ERR! AppData\Roaming\npm-cache\_logs\2018-06-14T07_40_00_938Z-debug.log” npm清除缓存
一、问题产生我们使用命令 npm install xxx安装包时,默认是从 npm 的的镜像源服务器进行下载的,由于该服务器是放在国外,很容易就导致安装失败。因此 我们需要修改镜像源地址。 全局安装nrm 镜源管理器 nrm里面存放了多个镜像服务器npm install nrm -g当像上面一样全局安装nrm时报错:C:\WINDOWS\system32>npm i ...原创 2019-03-30 10:19:17 · 12703 阅读 · 2 评论 -
HTML中的a标签实现点击下载
通常在咱们写项目的时候会遇到上传下载什么的,在上传完文件后会把文件的路径保存到数据库里以便下载,如果想不通过后台直接下载的话,可以把文件路径给a标签的属性href;<a href="/user/test/xxxx.txt">点击下载</a>这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会...原创 2019-03-20 15:21:17 · 3862 阅读 · 0 评论 -
vue在ie中的(不显示)兼容
说到底还是es6闹得,ie浏览器不支持es6实际碰到的问题分两步才解决1. 直接打开是空白页:让ie支持vue解决方式:安装 "babel-polyfill" 即可。命令:npm install --save-dev babel-polyfill //淘宝镜像是cnpm。在入口main.js文件引入:import 'babel-polyfill'最后一步,在build...原创 2019-03-20 16:46:58 · 2840 阅读 · 2 评论 -
彻底删除vscode及安装的插件和个人配置信息
1、卸载vscode应用软件(在控制面板里面找不到改软件,所以只能进入应用所在文件夹进行卸载)此步骤虽然删掉了应用软件,但是此时重新安装会发现之前下载的插件和个人配置信息都还会重新加载出来,所以继续进行以下步骤:2、找到下图中文件夹的目录,然后将之删除,即可彻底清除已安装的插件个个人配置信息经过以上两步操作之后,再次重新安装软件,将是最原始的状态...原创 2019-03-21 10:36:48 · 7043 阅读 · 0 评论 -
禁止textarea拉伸
禁止拉伸 style="resize:none" <textarea rows="10" cols="30" style="resize:none" >我是一个文本框。</textarea>原创 2019-03-21 11:05:50 · 124 阅读 · 0 评论 -
new Date() 日期格式处理
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1; myDate.g...转载 2019-03-25 10:23:45 · 4103 阅读 · 0 评论 -
css select 文字右对齐
1、添加 dir 属性,适合中文,但是会导致英文单词或者有空格的地方文字变成从右到左。<select dir="rtl"> <option>Foo</option> <option>bar</option> <option>to the right</option&g原创 2019-03-18 14:09:08 · 1528 阅读 · 0 评论 -
vue插件引入
依赖npm installcss编译sassnpm install node-sass --save-devnpm install sass-loader --save-devaxios引入npm install axios -S// axiosVue.prototype.$axios = axios;import global from './components/apic...原创 2019-03-18 17:20:44 · 331 阅读 · 0 评论 -
a标签点击去除默认样式 和 背景色
css样式:a{ text-decoration:none; color:#333; } 一、取消a标签在移动端点击时的蓝色-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none; ...原创 2019-03-22 14:42:03 · 12170 阅读 · 0 评论 -
Vue上传文件:ElementUI中的upload实现
一、上传文件实现 两种实现方式:1、直接action<el-upload class="upload-file" drag :action="doUpload" :data="pppss"> <i class="el-icon-upload"></i> <div class="el-upload__text">将文件拖...原创 2019-04-09 14:10:26 · 2037 阅读 · 0 评论 -
Nginx的启动(start),停止(stop)命令
查看Nginx的版本号:nginx -V启动Nginx:start nginx快速停止或关闭Nginx:nginx -s stop正常停止或关闭Nginx:nginx -s quit配置文件修改重装载命令:nginx -s reload查看windows任务管理器下Nginx的进程命令:tasklist /fi “imagename eq nginx.exe”...原创 2019-04-16 14:20:50 · 527 阅读 · 0 评论 -
element-ui upload文件上传
var that = this; // 判断类型是不是图片 上传文件不只图片的话可以把判断删除 if (!/image\/\w+/.test(file.type)) { that.$message("请确保文件为图像类型"); return fals...原创 2019-05-24 14:19:43 · 746 阅读 · 0 评论 -
js 数组转json,json转数组
//数组转json串var arr = [1,2,3, { a : 1 } ];JSON.stringify( arr );//json字符串转数组var jsonStr = ‘[1,2,3,{“a”:1}]’;JSON.parse( jsonStr );原创 2019-05-24 15:52:11 · 234 阅读 · 0 评论 -
vue中 this.A = this.B会改变B的值怎么办
解决方法: this.A=JSON.parse(JSON.stringify(this.B));里面的this.A= JSON.parse(JSON.stringify(this.B)); 如果是直接this.A= this.B的话会把 this.A替换为this.B然后再把this.B赋值给this.A相当于 this.A= this.A所以先转json字符串 再转数组 然后赋值给...转载 2019-05-25 15:21:48 · 915 阅读 · 0 评论 -
HTML+JS实现浏览器下载图片 (可以下载第三方链接的图片)
如果使用a标签指向一个图片的话,你会发现点击链接时它会直接在浏览器中打开图片并显示:<a href="http://www.baidu.com/img/baidu_jgylogo3.gif" />但是这样的话,就存在一个问题,如果我想点击a链接直接下载图片到本地,该怎么实现呢?在查阅资料之后,发现a标签有一个download的属性,添加了该属性,a标签将直接下载文件,并根据do...原创 2019-05-17 10:49:00 · 3233 阅读 · 9 评论 -
Couldn't find preset "es2015" relative to directory
Couldn’t find preset “es2015” relative to directory问题解决由于是菜鸟没使用ES标准,而引入的vue-ueditor使用了ES标准,所以编译会报错,解决办法如下:npm install babel-preset-es2015 --save-dev...原创 2019-05-17 11:23:48 · 527 阅读 · 0 评论 -
在vue-cli3.0里使用ue富文本编辑器报错
在congig这个js文件里把// window.UEDITOR_HOME_URL = ‘/public/UE/’;换成process.env.BASE_URL + ‘UE/’换了之后 我的项目就没报错了我用的vue-cli3.0把ueditor.parse.js这个文件 不引入就行了...原创 2019-05-23 11:59:14 · 2180 阅读 · 6 评论 -
js判断页面是首次被加载还是刷新
1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用)if(window.name == ""){ console.log("首次被加载"); window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值 }else if(window.name == "isReload"){ con...原创 2019-05-29 14:57:13 · 682 阅读 · 0 评论 -
Git - 提交时没有权限解决方法
删除原来的git的信息 重新存储Git - 提交时提示“Please make sure you have the correct access rights and the repository exists.”的解决方法这里面的邮箱什么的信息都可以随便填1.首先打开Git Bash设置名字和邮箱:git config --global user.name "你的名字"gi...原创 2019-05-29 15:51:49 · 5790 阅读 · 1 评论 -
判断是否为图片 和 转换base64
var that = this; // 判断类型是不是图片 if (!/image\/\w+/.test(file.type)) { that.$message("请确保文件为图像类型"); return false; } else { ...原创 2019-06-17 14:16:46 · 3393 阅读 · 0 评论 -
滚动条 样式
::-webkit-scrollbar { /* 滚动条整体部分 */ width: 6px; height: 6px; background-color: #f5f5f5;}改变滚动条(横竖)的宽度 为0时直接隐藏::-webkit-scrollbar-thumb { /* 滑块 */ width: 6px; border...原创 2019-05-24 14:04:28 · 90 阅读 · 0 评论 -
二维数组去重
hash:{}, for(var i = 0, len = this.righttab.length; i < len; i++){ if(!this.hash[this.righttab[i].id]){ this.righttab1.push(this.righttab[i])...原创 2019-05-24 14:02:35 · 404 阅读 · 0 评论 -
解决iphonex屏幕过长背景图片或者放在元素里面的图片不能铺满的问题
目前有四种方法1.让设计单独设计一版iphonex的尺寸的图,用js代码判断设备,如果检测到是iphonex就换图//如果设备是iphonex则追加元素填补空余 function isIPhoneX(fn){ var u = navigator.userAgent; var isIOS = !!u.matc...原创 2019-04-19 09:44:03 · 1089 阅读 · 0 评论 -
vue返回上一页效果(this.$router.go、)
back(){ this.$router.go(-1);//返回上一层 },原创 2019-04-28 16:13:10 · 2624 阅读 · 0 评论 -
在vue项目页面监听div滚动,和设置滚动值
<div ref="Box" @scroll="orderScroll"></div>methods: { // 滚动事件 // 如果不绑定到元素上,则只能监听页面滚动 orderScroll(e){ let a = this.$refs.Box.scrollHeight ...原创 2019-04-28 16:15:47 · 7683 阅读 · 0 评论 -
vue请求拦截 给所有的api接口的请求 的data和params带上一个存储的值
项目结束,测试时发现在首页商品列表中,向上滑动几页后点击进入详情,从详情页面返回商品列表时,页面回到了最顶部,测试不通过说是用户体验不好,要求从哪里点击进去返回该页面时回到原先的滚动页面。思路:因为vue是单页面应用,进入其他页面时会销毁该页面,用keep-alive不让其刷新,具体实现为:(1).在App.vue中加入:<template> <div id="app"...原创 2019-04-28 16:17:27 · 1732 阅读 · 0 评论 -
解决iphonex屏幕过长背景图片或者放在元素里面的图片不能铺满的问题
目前有四种方法1.让设计单独设计一版iphonex的尺寸的图,用js代码判断设备,如果检测到是iphonex就换图//如果设备是iphonex则追加元素填补空余 function isIPhoneX(fn){ var u = navigator.userAgent; var isIOS = !!u.matc...原创 2019-04-19 14:43:32 · 1010 阅读 · 0 评论 -
html中“↵”换行符号处理
var myString = myString.replace(/(\r\n|\n|\r)/gm, "<br />");原创 2019-04-19 14:43:56 · 5431 阅读 · 0 评论 -
vue 实现点击弹出框以外的地方,隐藏弹出框
<template> <div> <ul> <li v-for="(item,index) in data1" :key="item.id"> <span @click.stop="toggle(index)"></span> ...原创 2019-04-29 13:57:59 · 6613 阅读 · 0 评论 -
vue v-for倒序显示 / JSON数据倒序显示
渲染数据时,有时候往往需要把最新的那条数据放在最上面,最简单的方法就是在渲染之前把数据先倒序排列好,再渲染到网页上。这时就要用到reverse()。<div class="list" v-for="(item,index) in reverseSum"> <ul > <li>{{item.id}}</li> <li>{{it...原创 2019-04-20 16:27:25 · 3602 阅读 · 2 评论