自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(55)
  • 收藏
  • 关注

转载 vue中记录页面的滚动距离

业务需求:pageOne页面是一个商品列表页面,在这个页面点击商品,就会跳转到pageTwo商品详细页面。此时再从pageTwo页面返回到pageOne页面时,pageOne页面需要做到:1.记录pageOne之前的滚动的距离。2.不重新请求数据。而从其它页面进入到pageOne页面时,pageOne页面不需要记录之前的滚动距离和需要重新请求数据。1.使用keep-alive组件的实...

2019-08-23 17:06:00 877

转载 vue组件的inheritAttrs属性

vue官网对于inheritAttrs的属性解释:如果你不希望组件的根元素继承特性,你可以在组件的选项中设置inheritAttrs: false。可能不是很好理解,我们可以举个例子来验证一下。父组件 parent-component.vue<template> <div class="parent"> <child-co...

2019-06-29 11:57:00 272

转载 js导出复杂表头(多级表头)的excel

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table border> ...

2019-01-19 11:43:00 2305

转载 ESLint规则

原文地址:https://blog.csdn.net/helpzp2008/article/details/51507428"no-alert": 0,//禁止使用alert confirm prompt"no-array-constructor": 2,//禁止使用数组构造器"no-bitwise": 0,//禁止使用按位运算符"no-caller": 1,//禁止使用argu...

2018-12-20 10:54:00 119

转载 el-select 1.4.x版本实现2.x.x版本的reserve-keyword功能

今天在维护以前的项目时,发现了一个小bug,其实也不算是bug,只是客户对这个控件的体验不是很满意。我们在element 2.x.x的版本的官方文档中可以发现el-select组件的属性中比1.x.x的版本多了很多新的属性,其中的reserve-keyword属性,正好是客户想要实现的效果。1.x.x版本的el-select标签在支持搜索和多选的情况下,输入搜索关键字,...

2018-12-10 17:34:00 1135

转载 background-size的值cover、contain和100%

图1给一个宽600px,高600px的div添加一张宽480px,高360px的背景图片。不重复显示的情况下,默认显示为图1。1.background-size: 100% 100%;  会将图片的宽和高,缩放至和div宽...

2018-11-28 16:00:00 267

转载 script标签的defer、async属性

之前一直对script标签的defer、async属性一知半解,直到看到了论坛上某大神发的图片,茅塞顿开!!!!!转载于:https://www.cnblogs.com/luyuefeng/p/9958109.html...

2018-11-14 15:12:00 97

转载 vue项目使用js-xlsx进行excel表格的导入和导出方法的简单原型封装

新建一个js文件。import Vue from 'vue';/** * @method formatJson * @param {Array} filterVal 导出表头的中文表头对应的英文名称 * 例:['name', 'age'] * @param {Array} jsonData 导出的数据 * 例:[{ * name: '张三...

2018-10-26 17:04:00 662

转载 axios以form-data形式的传递参数遇到的坑

axios默认的Content-type是application/json;charset=UTF-8,如果想要以表单的形式传递参数,只要修改{headers:{'Content-Type':'application/x-www-form-urlencoded'}}配置即可。axios.post(url,{jobNumber: '430525', password: '123'}...

2018-10-16 18:15:00 883

转载 js文本框焦点自动聚焦到下个文本框

HTML:<form>  <input type="text" name="text1" maxlength="3" size="3"/>-  <input type="text" name="text2" maxlength="3" size="3"/>-  <input type="text" name="text3" m...

2018-09-30 15:33:00 1164

转载 js对象属性值初始化封装函数

在平常做项目的过程中,总是会遇到需要对一个已经定义过的对象的属性值进行初始化,且对象的属性值的类型有多种(string、number、array、object、boolean),为了方便自己就简单封装了一个函数。objInit(obj) { for(let key in obj) { switch(typeof obj[key]) { ...

2018-06-20 11:29:00 639

转载 prettier包升级后vue项目运行报错

今天用vue-cli新建vue项目的时候,发现项目怎么都跑不起来。最后通过与以前项目作比较,发现prettier这个依赖的版本从原来的1.12.0升级成了1.13.1。我也不太清楚为什么升级后项目跑不起来。暂时的解决方法:删除1.13.1版本的包(在node_modules文件夹),安装低版本的prettier,npm install --save-dev prettier@...

2018-05-28 14:53:00 836

转载 axios全局拦截响应

在系统开发过程中,若遇到长时间未操作,则需要将页面跳转到登录页面。因为现在都是前后端分离的开发模式,路由跳转都交给前端,而后端只返回一个报错信息,例如"errorMsg":"请登录",而前端需要做的事就是判断每一个接口的返回信息中的errorMsg是不是等于“请登录”,如果是,则跳转到登录页面。但想要达到此效果,总不可能需要对每一个接口的返回信息都进行判断,这样做太麻烦。这个时候就需要用...

2018-05-22 16:19:00 146

转载 vue axios springBoot 跨域session丢失

前端:   在引入axios的地方配置  axios.defaults.withCredentials=true,就可以允许跨域携带cookie信息了,这样每次发送ajax请求后,只要不关闭浏览器,得到的session数据都是一致的。后端:   后端跨域配置不能设置为:“*”,要改成下图所示的配置  即可解决该问题。转载于:https://www.cnblogs...

2018-04-23 15:53:00 450

转载 webpack+vue打包之后输出配置文件修改接口文件

原文地址:https://blog.csdn.net/xiaojun_yuan/article/details/79460484 用vue-cli构建的项目通常是采用前后端分离的开发模式,也就是前端与后台完全分离,此时就需要将后台接口地址打包进项目中,but,难道我们只是改个接口地...

2018-04-20 14:24:00 105

转载 vue 引入阿里图标

1.去阿里图标矢量图标库将想要的图标添加入库2.再去库中将图标添加到项目。3.再到我的项目中,选择,我这里采用的是将图标代码包下载到本地再引入到vue项目中。4.在vue项目的assets文件夹下新建一个iconfont文件夹(名字随意),将刚刚下载下来的代码包中的iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、ic...

2018-03-29 10:16:00 68

转载 this.$router.go()和this.$router.push()的差别

1.this.$router.go(val) => 在history记录中前进或者后退val步,当val为0时刷新当前页面。2.this.$router.push(path) => 在history栈中添加一条新的记录。转载于:https://www.cnblogs.com/luyuefeng/p/8618944.html...

2018-03-21 18:51:00 2018

转载 三栏布局中间流动(固比固)的实现

1.使用float属性。css:.left{ float:left; width:200px; height:100px; background:blue;}.middle{  height:100px;  margin:0 200px;  background:black;}.right{ float:ri...

2018-03-09 18:58:00 137

转载 git ssh使用公钥授权怎么都不通过

前提:1.客户端生成了id_rsa.pub和id_rsa2.服务端在.ssh/authorized_keys也加入了客户端的id_res.pub3./etc/ssh/sshd_config开启了:RSAAuthenticationyesPubkeyAuthenticationyesAuthorizedKeysFile.ssh/authorize...

2018-03-06 18:00:00 341

转载 打包的@font-face包

在网页中使用 @font-face 规则嵌入字体,前提是可以从你的网站或第三方 Web 服务器下载到相应的字体。以这种方式提供的字体,会在使用该字体的页面第一次加载时被浏览器下载并缓存起来,以后就不用下载了。但是,除了显示网页之外,用户不能将这种字体用于其他用途。下面就是 Font Squirrel为 Ubuntu Titling Bold字体生成的 @font-face 代码。对于其他...

2018-03-05 17:57:00 96

转载 vue项目打包后资源相对引用路径的和背景图片路径问题

vue项目中若要使用相对路径来获得相应静态资源,需要修改以下内容来确保项目打包后能正常运行。1、修改config => index.js => build => assetsPublicPath 中的'/'成为'./'2、在build => util.js 里找到ExtractTextPlugin.extract增加一行:publicPath: '.....

2018-03-05 10:02:00 100

转载 垂直外边距合并问题

简单地说,外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。实际工作中,垂直外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距,而且只在标准浏览器下(FirfFox、Chrome、Opera、Sarfi)产生问题,IE下反而表现良好。解决外边距合并的方法:1.当发生外...

2018-03-02 16:11:00 102

转载 vue-router路由跳转判断用户是否存在

router.beforeEach((to, from, next) => { //console.log("to:", (to)); //console.log("from:", (from)); //console.log("next:", (next)); if(to.path == '/login') { window.sessionSt...

2018-01-29 16:36:00 874

转载 element表单验证

rules: { name:[{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 2, max: 5, message: '长度在 2 到 5 个字符' },{...

2018-01-25 15:58:00 83

转载 vue打包后index.html界面报错

vue项目完成后,打包放到服务器上,打开index.html页面时发现一片空白并且报错很明显是js和css引用不到。解决办法:修改vue项目config文件夹下面的index.js,将assetsPublicPath:'/'改为assetsPublicPath:'./'转载于:https://www.cnblogs.com/luyuefeng/p/8350573....

2018-01-25 11:53:00 1048

转载 vue通过修改element-ui相关类的样式修改element-ui组件的样式

可以在App.vue中的style中修改element-ui的样式。.el-menu{  width:160px !important;} 注意:一定要在属性值后面加上 !important 使自己定义的css样式处于权重最高,不加的话在本地调试的时候是没有问题的,不过在项目打包后放到服务器上时,自己定义的样式会因为优先级的问题被element-ui原有样式覆...

2018-01-25 10:41:00 425

转载 vue引入外部css和js

<template> <div id="app" > </div></template><script src="/static/js/xx.js" ></script><script>export default { name: 'MainPage', data (...

2018-01-25 10:18:00 66

转载 Git合并时遇到冲突或错误后取消合并

当合并分支时遇到错误或者冲突,分支旁边会多出“|MERGING”这个东西有这个状态存在时,会导致后面想要再合并的时候提示如下所以需要先取消这次合并,使用“git merge --abort”命令转载于:https://www.cnblogs.com/luyuefeng/p/8341705.html...

2018-01-24 15:04:00 398

转载 Git reset的参数

(1) 默认的mixed参数:git reset commit_id,将本地版本库的头指针全部重置到指定版本,且会重置暂存区,即这次提交之后的所有变更都移动到未暂存阶段。(2) soft 参数:git reset --softcommit_id 意为将版本库软回退1个版本,所谓软回退表示将本地版本库的头指针全部重置到指定版本,且将这次提交之后的所有变更都移动到暂存区。(3) h...

2018-01-24 14:35:00 120

转载 Git远程仓库版本回退

1.首先将本地仓库版本回退到自己想要的版本。git reset commit_id2.将回退后的版本强制推送到远程仓库。git push -f origin master  转载于:https://www.cnblogs.com/luyuefeng/p/8341505.html...

2018-01-24 14:32:00 156

转载 npm安装vuex及防止页面刷新数据丢失

npm install vuex在项目scr目录下新建store文件夹,在store文件夹下新建index.js文件。import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const state={ accountInfo:{ }}const mutati...

2018-01-23 10:47:00 76

转载 淘宝npm镜像

$ npm install -g cnpm --registry=https://registry.npm.taobao.org  转载于:https://www.cnblogs.com/luyuefeng/p/8334224.html

2018-01-23 10:15:00 76

转载 js时间格式化

//时间转化函数export const dateFtt=(fmt,date)=>{  var o = {     "M+" : date.getMonth()+1, //月份     "d+" : date.getDate(), //日     "h+" : date.getHours(), //小时     "m+" : date.getMinute...

2018-01-20 16:07:00 55

转载 Git 比较两个分支之间的差异

1.查看 dev 有,而 master 中没有的:git log dev ^master 2.查看 dev 中比 master 中多提交了哪些内容:git log master..dev注意,列出来的是两个点后边(此处即dev)多提交的内容3.不知道谁提交的多谁提交的少,单纯想知道有什么不一样:git log dev...master...

2018-01-15 15:06:00 408

转载 git push到多个不同的远程仓库

1.若现在本地有一个已经和github远程仓库关联好的本地仓库,平时都会将本地仓库push到github上。2.有一天突然发现"码云"这个远程仓库网站,咦!这个还可以创建private仓库,挺不错的。3.那我就有想法了= =,我想要把我现在在做的这个项目不仅push到github上(因为之前这个项目已经push过很多次了,半途而废不太好),而且也要push到码云上(毕竟可以创建私...

2018-01-12 17:55:00 620

转载 git push报错error: failed to push some refs to 'git@github.com:

$ git push -u origin masterTo git@github.com:xxx/xxx.git ! [rejected] master -> master (fetch first)error: failed to push some refs to 'git@github.com:xxx/xxx.git'hint: Update...

2018-01-12 15:34:00 85

转载 css3修改滚动条样式

1.滚动条组成 ::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条)::-webkit-scrollbar-track滚动条的轨道(里面装有Thumb)::-webkit-scrollbar-button 滚动条的轨道的两端...

2018-01-03 17:06:00 54

转载 vue导航条选中项样式

html:<div id="app"> <div class="collection"> <a href="#!" v-for="gameName in gameNames" @click="selected(gameName)" :class="{active: activeName == gameN...

2018-01-02 15:15:00 394

转载 node环境下安装vue-cli

一、 node安装1)如果不确定自己是否安装了node,可以在命令行工具内执行: node -v (检查一下 版本);2)如果 执行结果显示: xx 不是内部命令,说明你还没有安装node , node 安装地址:http://nodejs.cn/download/注 :安装 vue-cli 脚手架目前需要node版本为 v4.0 以上;二、 vue-cli ...

2017-12-26 09:24:00 160

转载 Git 查看、删除、重命名远程分支

原文地址:http://blog.csdn.net/sunnyyoona/article/details/520655441. 查看远程分支分支加上-a参数可以查看远程分支,远程分支会用红色表示出来:$ git branch -a dev (本地分支)* master (本地分支) remotes/origin/master(远程分支)2. 删...

2017-12-21 10:42:00 68

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除