<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[web_callBack的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/web_callBack</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; web_callBack]]></copyright><item><title><![CDATA[VS code安装GitLens提示GitLenswas unable to find Git. Please make sure Git is installed...报错]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/116937240</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/116937240</guid><author>web_callBack</author><pubDate>Mon, 17 May 2021 16:16:42 +0800</pubDate><description><![CDATA[第一步：打开cmd，输入where git 查找git 在电脑中的路径

第二步：打开vscode，文件=》首选项=》设置

第三步：点击扩展=》git=》Defult Clone Directory，修改setting.json

第四步：将git.path值设置为电脑中git存放的路径




...]]></description><category></category></item><item><title><![CDATA[vscode或cmd:无法将“git”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/116936257</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/116936257</guid><author>web_callBack</author><pubDate>Mon, 17 May 2021 16:07:01 +0800</pubDate><description><![CDATA[情况一：cmd中和vscode中都报错

首先Win+R打开命令行，输入git，如果和vscode中有相同报错信息，则说明在安装git时，最后没有选择windows命令行

第一步：在电脑上找到安装git的bin路径，如：C:\Users\XXX\Git\Git\bin；找到git安装路径中，git-core路径

第二步：右键我的电脑=》属性=》高级系统设置=》环境变量=》用户变量=》选中path=》编辑，将上一步查找的bin和git-core添加到path中，注意用；分割并保存

第三步：重启电脑，cm]]></description><category></category></item><item><title><![CDATA[css小技巧（文字两端对齐）]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/83753479</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/83753479</guid><author>web_callBack</author><pubDate>Mon, 05 Nov 2018 17:40:50 +0800</pubDate><description><![CDATA[
&amp;lt;label&amp;gt;姓名&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/label&amp;gt;


label {
    display: inline-block;
    width: 100px;
    text-align: justify;
}

i { 
    display: inline-block;
    width: 100%;
}

通过这种设置可以实现label...]]></description><category></category></item><item><title><![CDATA[sublime text3 中如何使用快捷键打开浏览器]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/80233007</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/80233007</guid><author>web_callBack</author><pubDate>Mon, 07 May 2018 22:55:34 +0800</pubDate><description><![CDATA[1.安装插件 ctrl+shift+P 转 Package Control: Install Package 搜 SideBarEnhancements 安装2.设置快捷键  key Binding --&amp;gt;user ,复制如下代码，修改浏览器路径，重新启动软件。{   
        &quot;keys&quot;: [&quot;alt+z&quot;],   
        &quot;command&quot;: &quot;side_bar_fi...]]></description><category></category></item><item><title><![CDATA[vue中通过路由传递参数]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/79833350</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/79833350</guid><author>web_callBack</author><pubDate>Fri, 06 Apr 2018 14:30:39 +0800</pubDate><description><![CDATA[在路由名称为 one 的路由中通过  this.$router.push({name:'two',params:{id:333}}) 传递参数 id在路由名称为 two 的路由中通过  this.$route.params.id 获得传递过来的参数]]></description><category></category></item><item><title><![CDATA[比较两个数组中，其中一个数组不包含另一个数组的方法]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/79809313</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/79809313</guid><author>web_callBack</author><pubDate>Tue, 03 Apr 2018 21:17:51 +0800</pubDate><description><![CDATA[var  a=[1,2,3,4,5], b=[1,2,3,4,5,6]a.filter(item=&amp;gt;!b.includes(item))    //[ ]   过滤出a没有包含在b里面的元素，放入一个数组b.filter(item=&amp;gt;!a.includes(item))   //[6]    过滤出b没有包含在a里面的元素，放入一个数组...]]></description><category></category></item><item><title><![CDATA[vue中非父子组件之间传递值]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/79796200</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/79796200</guid><author>web_callBack</author><pubDate>Mon, 02 Apr 2018 22:21:59 +0800</pubDate><description><![CDATA[1.创建一个公共的js文件 bus.jsbus.js2.创建两个兄弟组件one.vue和two.vueone.vuetwo.vue3.将两个组件放在同一个父组件abc.vue中最终运行效果如下]]></description><category></category></item><item><title><![CDATA[js中map()方法和apply()方法的总结]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/79072188</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/79072188</guid><author>web_callBack</author><pubDate>Tue, 16 Jan 2018 11:22:43 +0800</pubDate><description><![CDATA[在学习vue.js的render函数时遇到一段代码如下：
render: function (createElement) {
  return createElement('div',
    Array.apply(null, { length: 20 }).map(function () {
      return createElement('p', 'hi')
    })
  )
]]></description><category></category></item><item><title><![CDATA[使用sublime下载vue高亮和格式化插件的方法]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78935251</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78935251</guid><author>web_callBack</author><pubDate>Fri, 29 Dec 2017 22:04:59 +0800</pubDate><description><![CDATA[第一步：打开sublime界面使用ctrl+shift+p快捷键打开搜索


第二步：在搜索框中输入install，找到install package回车，等待数秒

第三步：在弹出的搜索框中输入vue，查找对应高亮插件Vue Syntax Highlight


第四步： 等待插件安装好后，关闭当前.vue文件再次打开即可实现高亮效果。


更新插件使用命令ctrl+shi]]></description><category></category></item><item><title><![CDATA[解决移动端input中placeholder无法垂直居中的问题]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78913122</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78913122</guid><author>web_callBack</author><pubDate>Wed, 27 Dec 2017 15:50:25 +0800</pubDate><description><![CDATA[在项目中遇到在移动端中placeholder属性无法实现垂直居中的问题，解决方案如下：

问题原因：input的placeholder属性由于对于各个浏览器的兼容性不同，在ios浏览器文字靠上，而在andrio浏览器中却文字靠下
解决办法：可以使用span标签代替placeholder属性，结合js的方法模拟实现
代码如下：
HTML代码：



            咨询服务员后]]></description><category></category></item><item><title><![CDATA[input输入框在移动端出现光标无法垂直居中的问题解决办法]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78911039</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78911039</guid><author>web_callBack</author><pubDate>Wed, 27 Dec 2017 13:18:08 +0800</pubDate><description><![CDATA[出现问题的原因：就是在input设置样式的时候不要使用line-height来实现垂直居中。
解决的办法：要想实现文字的垂直居中，应该设置高度，然后再使用padding来进行填充。]]></description><category></category></item><item><title><![CDATA[字符串 splice()、split() 和slice()方法]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78732476</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78732476</guid><author>web_callBack</author><pubDate>Wed, 06 Dec 2017 16:58:54 +0800</pubDate><description><![CDATA[一、作用对象
1、split()方法是对字符串的操作；splice()和slice()是对数组的操作。slice()也可用于字符串。
二、参数
1、split(separator,howmany) 参数有两个 sepatator为必选项，表示分割字符串的符号如“，”，“：”，”|“等。howmany为可选项，表示分割后返回的结果长度。
2、splice(index,howmany,item]]></description><category></category></item><item><title><![CDATA[从头学起前端框架vue.js 第一天]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78714131</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78714131</guid><author>web_callBack</author><pubDate>Mon, 04 Dec 2017 23:34:48 +0800</pubDate><description><![CDATA[1.vue.js是什么
vue.js是一套构建用户界面的渐进式前端框架，它采用自底向上增量开发的设计，核心库只关注视图层。
2.模板语法
1)插值
文本：使用双大括号语法
插入文本{{message}}当使用v-once时，插入的值为一次性插值，当数据发生变化时，插入的值并不会随着数据的变化而变化。注意：这样插入的值同样会影响到节点上绑定的所有的数据。
原始html:双大括号会将数据解]]></description><category></category></item><item><title><![CDATA[css3中的outline,box-shadow和user-select总结]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78675976</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78675976</guid><author>web_callBack</author><pubDate>Thu, 30 Nov 2017 18:02:00 +0800</pubDate><description><![CDATA[1.outline属性
适用于：所有元素
继承性：无
取值：outline-color \ outline-style \ outline-width
outline画在border的外面outlines相关属性不占据布局空间，不会影响元素的尺寸；



    
    outline测试
    
        .container{
            width:100px]]></description><category></category></item><item><title><![CDATA[如何在input框输的同时过滤不符合要求的内容]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78579672</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78579672</guid><author>web_callBack</author><pubDate>Mon, 20 Nov 2017 10:24:55 +0800</pubDate><description><![CDATA[金额：

验证输入带有两位小数的数字
document.getElementById("input1").addEventListener("input",function(){
        var obj=this;
        test(obj);
    });
    function test(obj){
        if(obj.value==""){
        ]]></description><category></category></item><item><title><![CDATA[基于display:inline-block  的列表布局]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78578204</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78578204</guid><author>web_callBack</author><pubDate>Sun, 19 Nov 2017 23:11:52 +0800</pubDate><description><![CDATA[转载文章链接
点击打开链接]]></description><category></category></item><item><title><![CDATA[image图片布局存在空隙的解决办法]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78444232</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78444232</guid><author>web_callBack</author><pubDate>Sat, 04 Nov 2017 16:21:06 +0800</pubDate><description><![CDATA[1、将图片转换为块级对象

　　即，设置img为：

　　display:block;

　　在本例中添加一组CSS代码：

　　#sub img {display:block;}

　　2、设置图片的垂直对齐方式

　　即设置图片的vertical-align属性为“top，text-top，bottom，text-bottom”也可以解决。如本例中增加一组CSS代码：]]></description><category></category></item><item><title><![CDATA[jquery 自动触发事件tigger()]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78429718</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78429718</guid><author>web_callBack</author><pubDate>Thu, 02 Nov 2017 21:45:35 +0800</pubDate><description><![CDATA[有时候，需要通过模拟用户操作，来达到点击的效果，例如用户进入页面后 

就触发click事件，而无需主动点击。
  点击1
  点击2
  点击3
  
  


实现效果为'点击1'页面上将显示x1 ,'点击2'页面上显示x2 … 
但需要实现首次进入页面为默认是'点击1'

在jQuery中，可以使用trigger()方法完成模拟操作。 
例如可以使用下面的代码来触发A链接的c]]></description><category></category></item><item><title><![CDATA[js工作总结杂记]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/78400815</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/78400815</guid><author>web_callBack</author><pubDate>Tue, 31 Oct 2017 10:44:54 +0800</pubDate><description><![CDATA[1 数字字符串比较大小的问题
数字字符串比较 是将第一个数字转化为 ascii 再比较 
并不是简单的 直接转化成数字再进行比较
比如 "123" 和 "3" 比较 其实比较的是 "1" 和 "3"的 ascii码
"123">"3"  // false
Number("123")>Number("3")  //true]]></description><category></category></item><item><title><![CDATA[有关表格table-layout:fixed属性的问题]]></title><link>https://blog.youkuaiyun.com/web_callBack/article/details/73123907</link><guid>https://blog.youkuaiyun.com/web_callBack/article/details/73123907</guid><author>web_callBack</author><pubDate>Mon, 12 Jun 2017 16:59:03 +0800</pubDate><description><![CDATA[对表格设置table-layout:fixed属性以后，如果表格的第一行tr中的td设置过单元格合并，后面tr中的td无论如何设置宽度都没有任何效果，针对这个问题有如下两种解决方法
     1 在表格的第一行设置一个隐藏的行如下:
	
		
		
		
	
	
		统计表
	
	
		111
		222
		333
	

      2 在表格的tbody前插入col元素]]></description><category></category></item></channel></rss>