自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

lyf的博客

前端小白

  • 博客(35)
  • 收藏
  • 关注

原创 vue项目引入阿里图标

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

2018-03-29 10:15:47 5789

原创 this.$router.go()和this.$router.push()

1.this.$router.go(val) => 在history记录中前进或者后退val步,当val为0时刷新当前页面。2.this.$router.push(path) => 在history栈中添加一条新的记录。

2018-03-21 18:52:07 14543 1

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

前提: 1.客户端生成了id_rsa.pub和id_rsa 2.服务端在.ssh/authorized_keys也加入了客户端的id_res.pub 3./etc/ssh/sshd_config开启了:RSAAuthentication yes  PubkeyAuthentication yes  AuthorizedKeysFile     .ssh/authorized_keys但在客户端执行...

2018-03-06 18:00:18 1590

原创 打包的@font-face包

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

2018-03-05 17:56:36 517

转载 垂直外边距合并问题

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

2018-03-02 16:10:57 489

原创 element表单验证

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

2018-01-25 15:57:05 9250 1

原创 vue打包后index.html界面报错

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

2018-01-25 11:53:07 3215

原创 vue中通过修改element-ui的类修改相关组件的样式

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

2018-01-25 10:41:34 4503

原创 vue引入外部css和js

export default { name: 'MainPage', data () { return { } } @import '/static/css/easydialog.min.css';

2018-01-25 10:18:22 2431

原创 Git合并时遇到冲突或错误后取消合并

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

2018-01-24 15:03:24 28043

原创 Git reset的参数

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

2018-01-24 14:35:03 1104

原创 Git远程仓库版本的回退

1.首先将本地仓库版本回退到自己想要的版本。git reset commit_id2.将回退后的版本强制推送到远程仓库。git push -f origin master

2018-01-24 14:32:09 737

原创 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 mutations={ initUser(state,pa

2018-01-23 10:46:31 1979

原创 淘宝npm镜像

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

2018-01-23 10:12:21 212

原创 js时间格式化

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

2018-01-20 16:08:04 274

转载 git 比较分支之间的差异

原文地址:http://blog.youkuaiyun.com/u011240877/article/details/52586664 比如我们有 2 个分支:master, dev,现在想查看这两个 branch 的区别,有以下几种方式:1.查看 dev 有,而 master 中没有的:git log dev ^master 1同理查看 master 中有,而 dev 中没有

2018-01-15 14:59:35 19274

原创 git push到多个不同的远程仓库

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

2018-01-12 17:55:48 6807

转载 css3修改滚动条样式

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

2018-01-03 17:09:37 24000 1

转载 vue导航条选中项

html: <a href="#!" v-for="gameName in gameNames" @click="selected(gameName)" :class="{active: activeName == gameName}">{{gameName}} javascript:new Vue({ el: "#app", data: {

2018-01-02 15:16:46 865

转载 linux下搭建git服务器

原文地址:http://blog.youkuaiyun.com/qq_32685139/article/details/524261551. 安装git我用的是CentOS,所以直接用yum安装就好了,ubuntu系的用apt-getshell命令: $yum install git2. 增加一个git账户为了管理的方便,在linux下面增添一个 “git” 账户。shell命令: $adduser

2017-12-22 15:50:16 1236

转载 git 错误 fatal: Not a valid object name: 'master'.

问题场景:新建git项目或刚为已存在项目创建了git仓库,想用git branch dev创建dev分支或用git checkout -b dev创建并切换到dev分支时报错。原因:刚创建的git仓库默认的master分支要在第一次commit之后才会真正建立,否则就像你声明了个对象但没初始化一样解决办法:先git add .添加所有项目文件到本地仓库缓存,再git commit -m "init

2017-12-21 10:12:08 375

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

原文地址:http://blog.youkuaiyun.com/sunnyyoona/article/details/520655441. 查看远程分支分支加上-a参数可以查看远程分支,远程分支会用红色表示出来:xiaosi@Qunar:~/code/qtown-score$ git branch -a FRESH-1606_qscore-20160503* dev master remotes

2017-12-21 10:08:39 507

转载 Git使用详细教程

一:Git是什么?  Git是目前世界上最先进的分布式版本控制系统。  二:SVN与Git的最主要的区别?  SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大,速度够快,如果在互联网下,如果网速慢

2017-12-16 10:22:47 195

原创 HTML5伪类选择器

input : required   选择必填表单域input : focus : invalid 选择当前聚焦的且含有非法输入值的表单域input : focus : valid 选择当前聚焦的且含有合法输入值的表单域使用上面的伪类选择器再编写三条新规则:input : required {border : 1px solid red;}//输入值不符合格式时,表

2017-12-13 09:28:28 1868

原创 结合localStorage解决vuex页面刷新数据丢失的问题

将需要保存在vuex中的数据同时保存在localStorage,并在store.js中写入以下代码:for(var item in state){ localStorage.getItem(item)?state[item] = JSON.parse(localStorage.getItem(item)): false;}

2017-12-12 15:50:19 5736

原创 mint-ui loadmore 上拉加载的坑

1.一定要给的父元素添加overflow:scroll属性,不然上拉加载无法使用。

2017-12-11 16:07:16 15698 1

原创 背景图片居中全屏自适应显示

.bg{ background-size: cover; background-image:url(../assets/images/sunshine.png); background-repeat:no-repeat; background-position:center; background-attachment:fixed;}

2017-11-29 18:12:19 7078

原创 vue中excal表格的导入和导出

注意:vue中要实现表格的导入与导出,首先要install两个依赖,npm install -S file-saver xlsx  和  npm install -D script-loader。其次,在项目src目录下新建一个文件夹vendor(名字随意),在此文件夹下放置两个文件Blob.js和Export2Excal.js(下载地址:http://files.cnblogs.com/fi...

2017-11-29 18:04:28 19923 3

转载 通过localStorage解决vuex中的信息页面刷新丢失的问题

原文链接:https://www.cnblogs.com/limengyi/p/6534435.html通常,我们在使用vue编写页面时,会需要使用vuex在组件间传递(或者说共同响应)同一个数据的变化。例如:用户的登录信息。下面,我们使用传递用户登录信息的例子来一步步解决这个问题。首先,我们的第一个问题是:我在一个组件(例如登录组件页面)中登录了后,其它页面要怎么获取和响应这个变化?(就是这么

2017-11-29 16:21:44 5486

原创 css实现文字内容超出显示省略号

white-space: nowrap; /* 内容超出容器宽度时强制不换行 */overflow: hidden;/* 内容超出容器时隐藏超出部分 */text-overflow: ellipsis;/* 隐藏部分显示成"..." */

2017-11-27 11:34:48 291

转载 vue-router中参数传递 + 编程式导航 + beforeRouteEnter

第一部分: vue-router参数传递转自http://www.cnblogs.com/zhuzhenwei918/p/6916012.html通过router-link我们可以向路由到的组件传递参数,这在我们实际使用中时非常重要的。 路由: { path:"/DetailPage", component: DetailPage, name: "详情页"

2017-11-07 12:06:54 4255

转载 使用vue-Router2 实现路由功能

注意:vue-router 2只适用于Vue2.x版本,下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。npm install vue-router一、使用路由在main.js中,需要明确安装路由功能:import Vue from 'vue'import VueRouter from 'vue-router'import App from '

2017-11-07 09:47:31 469

原创 vue2+el-menu实现路由跳转及当前项的设置

用户信息 账号信息 修改密码 公司信息 用户管理 添加/编辑用户 1.要实现路由跳转,先要在el-menu标签上添加router属性,然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路

2017-11-06 17:54:31 50970 1

转载 通俗易懂的js原型理解

一、什么是原型 原型是Javascript中的继承的继承,JavaScript的继承就是基于原型的继承。1.1 函数的原型对象​ 在JavaScript中,我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B,而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即:prototype的属性的值是这个对象 )。这个对象B就是函数A的原型对象,简称

2017-10-21 21:31:42 955

转载 Java JDK安装以及环境变量配置

Java JDK安装以及环境变量配置

2017-09-27 19:26:34 393

空空如也

空空如也

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

TA关注的人

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