<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[li00828的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/li00828</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; li00828]]></copyright><item><title><![CDATA[vue生成二维码]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/105103616</link><guid>https://blog.youkuaiyun.com/li00828/article/details/105103616</guid><author>li00828</author><pubDate>Wed, 25 Mar 2020 20:33:53 +0800</pubDate><description><![CDATA[最近项目中的某一个功能需要对外分享,所以打算把功能页面的地址生成一个二维码图片.

项目是vue+vant,生成二维码用的插件是vue-qr

具体的用法,非常简单

1.npminstallvue-qr --save

2.在需要用的页面引入:importvueQr from'vue-qr'

3.在组件中引入components: {vueQr}

4.在html中&lt;vue-q...]]></description><category></category></item><item><title><![CDATA[vue常用修饰符]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/103565023</link><guid>https://blog.youkuaiyun.com/li00828/article/details/103565023</guid><author>li00828</author><pubDate>Wed, 25 Mar 2020 20:21:16 +0800</pubDate><description><![CDATA[vue提供了如下修饰符：

1.事件修饰符
vue为v-on提供了事件修饰符，通过点(.)表示的指令后缀来调用修饰符。

.stop
阻止点击事件冒泡。等同于JavaScript中的event.stopPropagation()
例如：


&lt;a v-on:click.stop="doThis"&gt;&lt;/a&gt;
&lt;a @click.stop="doThis"&gt;&lt;...]]></description><category></category></item><item><title><![CDATA[vue 项目设置一些全局的公共样式]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/103475307</link><guid>https://blog.youkuaiyun.com/li00828/article/details/103475307</guid><author>li00828</author><pubDate>Tue, 10 Dec 2019 14:58:26 +0800</pubDate><description><![CDATA[本公司开发的产品，在运维去客户哪里上线的时候，客户可能会对产品主页面的一些色调，字体大小等不满意。所以需求就是在我们的开发包在往客户服务器上发布的时候，有一个scss文件可以随时调整这些字体和颜色。



思路：

    1.首先在public公共文件的css文件夹下面新建一个allstyle.scss的样式文件夹，在这个里面定义一些样式，和字体的大小。这样做的好处就是，在webpac...]]></description><category></category></item><item><title><![CDATA[a标签实现静态资源的下载]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/103176123</link><guid>https://blog.youkuaiyun.com/li00828/article/details/103176123</guid><author>li00828</author><pubDate>Thu, 21 Nov 2019 09:21:12 +0800</pubDate><description><![CDATA[功能的使用情景：公司的项目需要下载用户操作手册和浏览器的压缩包，方便用户操作。（vue项目）

实现方式：把需要下载的文件放在public公共文件夹下。然后用a标签的下载功能进行下载。

文件位置：



代码：







注意：1.a标签的href路径要是网络路径，所以通过url（）这个方法进行转换。

     2.a标签必须要加上download属性。（加了这个属性才能实现...]]></description><category></category></item><item><title><![CDATA[git 教程（详细版）]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/90053085</link><guid>https://blog.youkuaiyun.com/li00828/article/details/90053085</guid><author>li00828</author><pubDate>Fri, 10 May 2019 10:23:22 +0800</pubDate><description><![CDATA[史上最详细git教程



题外话

虽然这个标题很惊悚，不过还是把你骗进来了，哈哈～各位看官不要着急，耐心往下看



Git是什么

Git是目前世界上最先进的分布式版本控制系统。



SVN与Git的最主要的区别

SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到...]]></description><category></category></item><item><title><![CDATA[vue之axios请求本地json数据]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/86476687</link><guid>https://blog.youkuaiyun.com/li00828/article/details/86476687</guid><author>li00828</author><pubDate>Mon, 14 Jan 2019 14:19:43 +0800</pubDate><description><![CDATA[第一步：npm安装axios

npm install axios --save

 

第二步：在main.js下引用axios

import axios from 'axios'

第三步：在static文件夹下写静态文件a.json



第四步：在组件中请求数据

this.$http({

method: &quot;get&quot;,

url: &quot;/static/data/a.json&quot;,

dat...]]></description><category></category></item><item><title><![CDATA[vue.js + element中el-select实现拼音匹配，分词、缩写、多音字匹配能力]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/85089358</link><guid>https://blog.youkuaiyun.com/li00828/article/details/85089358</guid><author>li00828</author><pubDate>Wed, 19 Dec 2018 10:15:47 +0800</pubDate><description><![CDATA[因为项目需要，需要在element原有可搜索下拉框的基础上添加设置拼音简码即可跳出的功能

在网上搜了很多也没有发现跟element完美匹配的，就自己写了一种方法可以跟element完美匹配，话不多说，直接上流程

1、既然要用到拼音搜索，我们就需要一个拼音库，在这里我推荐一个第三方包：https://github.com/xmflswood/pinyin-match，在这里首先对这个包的开发者表...]]></description><category></category></item><item><title><![CDATA[Vue2.0---将页面中表格数据导出excel]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/80066382</link><guid>https://blog.youkuaiyun.com/li00828/article/details/80066382</guid><author>li00828</author><pubDate>Tue, 24 Apr 2018 16:19:22 +0800</pubDate><description><![CDATA[　这不是教程，是随笔。　　项目中将后台返回的数据v-for到表格中，然后需要将这个表格导出为EXCEL　　只说怎么做。　　一、需要安装三个依赖：             npm install -S file-saver xlsx             npm install -D script-loader 　　二、项目中新建一个文件夹：（vendor---名字任取）　　　　里面放置两个文件B...]]></description><category></category></item><item><title><![CDATA[vue + elementui在火狐浏览器中会有一些错位的问题]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79892520</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79892520</guid><author>li00828</author><pubDate>Wed, 11 Apr 2018 10:26:21 +0800</pubDate><description><![CDATA[问题：样式错位，比如会向下偏移等解决方案：    查看错位标签是否设置有flex-wrap:wrap;        如果有把值改为nowrap试一试]]></description><category></category></item><item><title><![CDATA[vue + elementui的table在ie和火狐中边框不显示的问题]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79892437</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79892437</guid><author>li00828</author><pubDate>Wed, 11 Apr 2018 10:21:38 +0800</pubDate><description><![CDATA[问题：table组件同时设置border和stripe属性，有斑马线的行border显示不出来解决方案：        td {
  background-clip: padding-box;
}给td设置背景裁剪规则来解决FireFox的兼容性问题，完美解决...]]></description><category></category></item><item><title><![CDATA[关于vue项目中static文件下的静态文件找不到的问题]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79742070</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79742070</guid><author>li00828</author><pubDate>Thu, 29 Mar 2018 14:29:39 +0800</pubDate><description><![CDATA[在vue项目中，有一些数据我们并不希望被webpack打包，我们可以把这些数据写在一个js文件中，然后放在static（该文件下的内容不会被webpack打包）文件下。然后就是在别的地方调用这个js：我们在vue项目的根目录下的index.html文件中用script把该js文件引用进来。在其他的地方就可以使用这个js文件中的方法了。目的：在我们已经打包的文件中，可能会有一些名字/地址等数据，在不...]]></description><category></category></item><item><title><![CDATA[toString()和toLocaleString()有什么区别]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79396885</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79396885</guid><author>li00828</author><pubDate>Wed, 28 Feb 2018 10:09:10 +0800</pubDate><description><![CDATA[偶然之间用到这两个方法然后在数字转换成字符串的时候，并没有感觉这两个方法有什么区别，如下：12345678var e=123  e.toString()&quot;123&quot; e.toLocaleString()&quot;123&quot; 是吧，并没有什么区别,上面的e是一个三位数的数字，那么要是四位数以上呢var a=1234

a.toString()
&quot;1234&quot;

a.toLocaleString()
&quot;1,234&quot;...]]></description><category></category></item><item><title><![CDATA[如何阻止事件冒泡和默认事件]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79377833</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79377833</guid><author>li00828</author><pubDate>Mon, 26 Feb 2018 15:34:32 +0800</pubDate><description><![CDATA[今天来看看前端的冒泡和事件默认事件如何处理1.event.stopPropagation()方法这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开，2.event.preventDefault()方法这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；3.ret...]]></description><category></category></item><item><title><![CDATA[js实现继承的5种方式]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79377734</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79377734</guid><author>li00828</author><pubDate>Mon, 26 Feb 2018 15:27:42 +0800</pubDate><description><![CDATA[1、继承第一种方式：对象冒充?123456789101112131415161718192021222324function Parent(username){  this.username = username;  this.hello = function(){   alert(this.username);  }}function Child(username,password){  //通...]]></description><category></category></item><item><title><![CDATA[闭包是什么，有什么特性，对页面有什么影响]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79375096</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79375096</guid><author>li00828</author><pubDate>Mon, 26 Feb 2018 11:24:37 +0800</pubDate><description><![CDATA[一开始接触闭包有些问题一直绕不过去,可了看其他的资料，也从网上查了查，下面是我总结的一些东西：“官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。通俗的讲：就是函数a的内部函数b，被函数a外部的一个变量引用的时候，就创建了一个闭包。（这样在执行完var c=a()后，变量c实际上是指向了函数b，再执行c()后就会...]]></description><category></category></item><item><title><![CDATA[JS中的call()方法和apply()方法用法总结]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79374991</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79374991</guid><author>li00828</author><pubDate>Mon, 26 Feb 2018 11:19:08 +0800</pubDate><description><![CDATA[最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用...]]></description><category></category></item><item><title><![CDATA[ajax请求post和get的区别以及get post的选择]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79374520</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79374520</guid><author>li00828</author><pubDate>Mon, 26 Feb 2018 10:51:56 +0800</pubDate><description><![CDATA[最简单的区别：1.使用Get请求时,参数在URL中显示,而使用Post方式,则不会显示出来2.使用Get请求发送数据量小,Post请求发送数据量大3.get请求需注意缓存问题,post请求不需担心这个问题Get方式:用get方式可传送简单数据，但大小一般限制在1KB下，数据追加到url中发送（http的header传送），也就是说，浏览器将各个表单字段元素及其数据按照URL参数的格式附加在请求行中...]]></description><category></category></item><item><title><![CDATA[JavaScript显式类型转换与隐式类型转换]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79374402</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79374402</guid><author>li00828</author><pubDate>Mon, 26 Feb 2018 10:44:36 +0800</pubDate><description><![CDATA[本文谈谈JavaScript的类型转换，我们知道在JavaScript中声明变量不需指定类型， 对变量赋值也没有类型检查，同时JavaScript允许隐式类型转换。这些特征说明JavaScript属于弱类型的语言。在强类型的C++中，多数情况下构造函数需要声明为explicit来避免隐式类型转换引起的误用 （见Item 15：资源管理类需要提供对原始资源的访问）。 弱类型的语言中类型的误用会更加隐...]]></description><category></category></item><item><title><![CDATA[css 盒子模型理解]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79374004</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79374004</guid><author>li00828</author><pubDate>Mon, 26 Feb 2018 10:18:50 +0800</pubDate><description><![CDATA[盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图中最内部的框是元素的实际内...]]></description><category></category></item><item><title><![CDATA[IE6中的常见BUG与相应的解决办法]]></title><link>https://blog.youkuaiyun.com/li00828/article/details/79373580</link><guid>https://blog.youkuaiyun.com/li00828/article/details/79373580</guid><author>li00828</author><pubDate>Mon, 26 Feb 2018 09:49:38 +0800</pubDate><description><![CDATA[开发前端的同学一定都知道，IE6是兼容BUG最多的浏览器，它不支持PNG alpha通道暂且不论。其文档的解析理解规范也引起了诸多恼人的BUG，有时甚至让人感到绝望。本文主要讲解一些比较容易遇到的IE6BUG，以及解决的办法。一、IE6双倍边距bug当页面上的元素使用float浮动时，不管是向左还是向右浮动；只要该元素带有margin像素都会使该值乘以2，例如“margin-left:10px” ...]]></description><category></category></item></channel></rss>