<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[catchRun的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/catchRun</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; catchRun]]></copyright><item><title><![CDATA[图片宽高未知，如何将高设置为宽的一半]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/106554773</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/106554773</guid><author>catchRun</author><pubDate>Fri, 05 Jun 2020 11:29:08 +0800</pubDate><description><![CDATA[此问题，你的业务中可能不涉及到，但面试官可能会考你的，所以还是得好好了解下这基本css功。



给如下代码，思考一分钟，你觉得应该怎么设置，有哪几种方法？


// html 片段
&lt;div class="father"&gt;
    &lt;div class="son"&gt;&lt;/div&gt;
&lt;/div&gt;





                                      ...]]></description><category></category></item><item><title><![CDATA[使用 git 下拉上传出错]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/87715946</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/87715946</guid><author>catchRun</author><pubDate>Tue, 19 Feb 2019 16:37:10 +0800</pubDate><description><![CDATA[使用 git 中，经常一不小心步骤出错，后面就出现一大堆的报错英文，令人头大，所以正确的使用 git 步骤尤为重要

今天使用 git 中，下拉上传的时候老是报如下错误：


fatal: refusing to merge unrelated histories // 拒绝合并无关历史


百度了下，使用下面方法仍然报错

 

思考

细想是我一开始步骤不对，原先是码云上项目已经存在，然后我是...]]></description><category></category></item><item><title><![CDATA[解决 input 添加 readonly 后，ios 仍然出现光标问题]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/87714688</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/87714688</guid><author>catchRun</author><pubDate>Tue, 19 Feb 2019 16:05:24 +0800</pubDate><description><![CDATA[ 


当 input 设置为 readonly 后，ios上仍然是可输入文字的，为防止光标存在，我们还需要添加两个属性：



unselectable=&quot;on&quot; onfocus=&quot;this.blur()&quot;


]]></description><category></category></item><item><title><![CDATA[本地存储 localStorage 使用]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/86509777</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/86509777</guid><author>catchRun</author><pubDate>Wed, 16 Jan 2019 16:23:04 +0800</pubDate><description><![CDATA[ 

当页面跳转，A页面的数据，跳转到 B 页面后，需要将数据传值过去，

但没有vue的prop传值，就是用jquery，要怎么传值呢？

 

这里有种简便方法，就是本地存储，我用的是 localStorage 。


存储数据：localStorage.setItem('roomData',nsarr)   // roomData 为数据变量名，nsarr 为要存储的数据变量
	取数据：  ...]]></description><category></category></item><item><title><![CDATA[解决页面文字渲染自带间距的问题]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/83242306</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/83242306</guid><author>catchRun</author><pubDate>Sun, 21 Oct 2018 16:23:30 +0800</pubDate><description><![CDATA[背景：在工作中经常出现这种情况：按照UI给的设计图和尺寸写出来渲染的页面跟设计图差别很大，尤其是文字的上下间距

原因：页面渲染出来会自带行高

解决办法：

1&amp;gt;单行文字：看字体大小是多大，比如字号是 32px ，那么设置它行高为32px

2&amp;gt;多行文字：将行高设置为 字号 + 行间距，然后写上下边距的时候，设计图上的距离减去行间距的一半...]]></description><category></category></item><item><title><![CDATA[小程序动态改变头部标题]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/82120871</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/82120871</guid><author>catchRun</author><pubDate>Wed, 29 Aug 2018 00:03:00 +0800</pubDate><description><![CDATA[最近在做小程序，做帮助中心这块儿，大家知道帮助中心一般文字很多，都是解释说明的，而且有很多页面，每个页面都有对应一个标题，所以采用公共模板这种方式，避免页面太多，这就涉及到y要一个问题，就是头部标题需要动态的改变。

实现思路：在URL地址传一个参数，然后进行判断，根据参数设置相应的头部标题

下面给出我的代码示意图：

我的目录结构



我的show-help.wxml页面代码



大家注意...]]></description><category></category></item><item><title><![CDATA[git 工具的使用,]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/80889558</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/80889558</guid><author>catchRun</author><pubDate>Mon, 02 Jul 2018 21:43:04 +0800</pubDate><description><![CDATA[如今，很多人都在使用 git 托管代码，下面我为大家介绍如何使用  git  托管自己的代码第一步： 安装安装很简单，默认选项安装即可，这里我不多作赘述。下载地址，官网点击相应的下载。当点击鼠标右键，出现 Git GUI Here 和 Git Bash Here 就证明安装成功。第二步：把代码存储到仓储中2.1 安装完成后，在项目目录鼠标右键打开  git bash ，然后输入命令  ‘git i...]]></description><category></category></item><item><title><![CDATA[router-link上 添加 点击事件 无效]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/80645970</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/80645970</guid><author>catchRun</author><pubDate>Sun, 10 Jun 2018 23:26:58 +0800</pubDate><description><![CDATA[    在&amp;lt;router-link @mouseover=&quot;&quot;&amp;gt;上我们添加点击事件总是无效的，这是因为&amp;lt;router-link&amp;gt;在HTML5历史记录模式下，router-link将拦截点击事件，以便浏览器不会尝试重新加载页面。        但如果想要添加点击事件怎么办呢？  Vue 给出了一种解决办法，在事件上加上修饰符  “.native”，示例如下：&amp;lt;route...]]></description><category></category></item><item><title><![CDATA[js基础知识点儿    第一篇  表达式]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/79278371</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/79278371</guid><author>catchRun</author><pubDate>Thu, 08 Feb 2018 11:37:28 +0800</pubDate><description><![CDATA[一、函数定义表达式
表达式的值是 js 函数的表达式称之为 函数定义表达式，或“函数直接量”。典型的函数定义表达式就是一个包含关键字function和括号加上函数体，如
var square = function (x) { return x*x }

二、属性访问表达式
属性访问表达式运算得到一个对象属性或一个数组元素的值。js 为属性访问定义了两种语法：
expression.id]]></description><category></category></item><item><title><![CDATA[ES6第一篇  ES6简介 和转码器等介绍]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/79146839</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/79146839</guid><author>catchRun</author><pubDate>Wed, 24 Jan 2018 15:52:55 +0800</pubDate><description><![CDATA[一、什么是ES6？ES6和ES2015的关系？ECMAScript和JavaScript的关系？
JavaScript的创造者是Netscape公司，后将JavaScript提交给标准化组织ECMA，希望这种语言能够成为国际标准，ECMA规定的浏览器脚本语言标准就称之为ECMAScript,，该标准一开始就是针对JavaScript 语言制定的，之所以不叫JavaScript，有两个原因。一是商]]></description><category></category></item><item><title><![CDATA[css样式遇到问题小总结]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/78914770</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/78914770</guid><author>catchRun</author><pubDate>Wed, 27 Dec 2017 17:43:36 +0800</pubDate><description><![CDATA[在工作中我们可能遇到一些样式问题，明明没有什么错啊，为什么样式就不对呢？
下面我将为大家揭开神秘的面纱吧
问题1.设置了display:inline-block属性，元素却不在同一水平线上
 几个同级的div设置了display:inline-block属性，为什么就是不在同一水平线上呢？特别是两个div，其中一个div中再嵌套几个div的情况，两个大的div就不在同一水平线上，举个图]]></description><category></category></item><item><title><![CDATA[图像映射（图像热点）的使用]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/78853574</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/78853574</guid><author>catchRun</author><pubDate>Wed, 20 Dec 2017 15:18:07 +0800</pubDate><description><![CDATA[工作中有时我们会需要实现这样一个功能：点击一张背景图的一个或多个区域，将跳转到不同的页面，这就是图片热点链接或称之为图像映射。
      举个栗子：
      
		
		
			
			
			
		

      解析：
      1.  shape 定义热点的形状
           shape="circle"  多边形
           shape="rect]]></description><category></category></item><item><title><![CDATA[使用vue-cli脚手架搭建项目]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/78640562</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/78640562</guid><author>catchRun</author><pubDate>Sun, 26 Nov 2017 23:35:27 +0800</pubDate><description><![CDATA[目前很多网站都在使用vue技术来开发，那么问题就来了，怎么用vue搭建项目呢？
这里我向大家介绍怎么使用脚手架搭建项目。]]></description><category></category></item><item><title><![CDATA[ajax的使用步骤]]></title><link>https://blog.youkuaiyun.com/catchRun/article/details/78389004</link><guid>https://blog.youkuaiyun.com/catchRun/article/details/78389004</guid><author>catchRun</author><pubDate>Sun, 29 Oct 2017 22:58:16 +0800</pubDate><description><![CDATA[ajax全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML）; 是指一种创建交互式网页应用的网页开发技术。下面为大家介绍使用ajax的基本步骤。
1、创建XMLHttpRequest对象
2、准备发送
3、执行发送
4、指定回调函数]]></description><category></category></item></channel></rss>