<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[github_39598787的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/github_39598787</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_39598787]]></copyright><item><title><![CDATA[vue + iview 中 Input 与 input 的 change 事件区别]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/88868877</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/88868877</guid><author>github_39598787</author><pubDate>Thu, 28 Mar 2019 15:05:33 +0800</pubDate><description><![CDATA[转自：https://blog.youkuaiyun.com/yiifaa/article/details/52452153

1、vue + input


&lt;label&gt;input：&lt;/label&gt;
&lt;input type="text" v-model="message" placeholder="Hello" /&gt; 
&lt;span&gt;{{message}...]]></description><category></category></item><item><title><![CDATA[vue + 图片加载 + 默认图片]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/88398199</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/88398199</guid><author>github_39598787</author><pubDate>Mon, 11 Mar 2019 17:19:56 +0800</pubDate><description><![CDATA[需求：

图片数据未返回 + 图片数据返回为空 + 图片加载出错 时，图片采用默认图片展示。

解决：
先判断返回数据是否有，再通过img 的 load事件判断是否加载完成。

现象：

图片会先加载默认图片，等到请求的图片加载完成替换默认图片。
注意：
代码中 1 至 2 处是必须使用 v-show，若使用 v-if ，其中一个图片无效时，DOM中img标签则会全部为默认图片的img标签。


...]]></description><category></category></item><item><title><![CDATA[替换字符串中回车键、\r\n为换行]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/86575399</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/86575399</guid><author>github_39598787</author><pubDate>Mon, 21 Jan 2019 15:28:26 +0800</pubDate><description><![CDATA[
题： var str = &quot;你好啊 ↵测试1：你好啊啊啊啊啊啊\r\n测试2：hahahahhhhh\r\n你好啊&quot;
问：替换字符串中回车键、\r\n为换行？

答：str.replace(/(\\r\\n)|(\n)/g,'&amp;lt;br&amp;gt;')
 ...]]></description><category></category></item><item><title><![CDATA[javascript构造函数及原型对象]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/84837533</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/84837533</guid><author>github_39598787</author><pubDate>Wed, 05 Dec 2018 15:46:42 +0800</pubDate><description><![CDATA[转载于：https://www.cnblogs.com/alantao/p/5955911.html

/*
* @ javascript中没有类的概念,所以基在对象创建方面与面向对象语言有所不同
* @ 对象创建的常用方法及各自的局限性
* @ 使用Object或对象字面量创建对象
* @ 工厂模式创建对象
* @ 构造函数模式创建对象
* @ 原型模式创建对象
* @ 构造与原型混合模式创建对...]]></description><category></category></item><item><title><![CDATA[js+百度地图API]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/84140550</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/84140550</guid><author>github_39598787</author><pubDate>Fri, 16 Nov 2018 15:46:55 +0800</pubDate><description><![CDATA[js与百度地图API实例：



&amp;lt;div id='address'&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;script src=&quot;http://api.map.baidu.com/api?v=2.0&amp;amp;ak=boS5H3cIm4bD53h37GlKfhpKKBCpmjwl&quot;&amp;gt;&amp;lt;/script&amp;gt;


var map = new BMap.Map('address')...]]></description><category></category></item><item><title><![CDATA[纯css瀑布流、Grid布局]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/83341212</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/83341212</guid><author>github_39598787</author><pubDate>Tue, 13 Nov 2018 11:33:24 +0800</pubDate><description><![CDATA[1、纯css瀑布流

https://www.w3cplus.com/css/pure-css-create-masonry-layout.html

2、Grid布局

https://www.jianshu.com/p/d183265a8dad

案例：


&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;
&amp;lt;head&amp;gt;
    &amp;lt;meta charset...]]></description><category></category></item><item><title><![CDATA[jq+scroll滚动加载]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/83991834</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/83991834</guid><author>github_39598787</author><pubDate>Mon, 12 Nov 2018 15:23:38 +0800</pubDate><description><![CDATA[一  、

objHeight： 滚动对象的实际高度；

scrollHeight： 滚动对象需要滚动的整个高度；

scrollTop：滚动条所要滚动的高度占滚动对象整个需要滚动高度的比例。



实际上，在js代码里，滚动条是被抽象为一个“点”来对待的。scrollHeight其实不是“滚动条的高度”（b），而是表示滚动条需要滚动的高度，即内部所有li的高度。而scrollTop表示滚动条（一...]]></description><category></category></item><item><title><![CDATA[vue：计算属性、方法和侦听器对比]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/83503766</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/83503766</guid><author>github_39598787</author><pubDate>Mon, 29 Oct 2018 14:26:13 +0800</pubDate><description><![CDATA[1、模板内的表达式非常便利，用于简单的运算，但是，放入过多的逻辑运算就显的笨重，难以维护。

解决：

1.1模板中使用计算属性。


&amp;lt;template&amp;gt;
    &amp;lt;p&amp;gt;{{ reversedMessage }}&amp;lt;/p&amp;gt;
&amp;lt;/template&amp;gt;

&amp;lt;script&amp;gt;
    export default {
        data: {...]]></description><category></category></item><item><title><![CDATA[页面占位图]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/83416174</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/83416174</guid><author>github_39598787</author><pubDate>Fri, 26 Oct 2018 18:12:46 +0800</pubDate><description><![CDATA[1、为什么需要使用占位图？

1.1让用户感知此处正在加载一张图片，优化体验。

1.2实现文档更快的加载，js相应的更快。

1.3预占位，当图片加载完成后不改变文档结构布局（需要预占位图片与真实图片大小一致）。

2、

依据onload事件判断图片是否加载完成，然后显隐占位图。


&amp;lt;div v-for=&quot;(activeItem, activeIndex) in activityLis...]]></description><category></category></item><item><title><![CDATA[50个必备的实用jQuery代码段（转载）]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/81736099</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/81736099</guid><author>github_39598787</author><pubDate>Thu, 16 Aug 2018 09:54:42 +0800</pubDate><description><![CDATA[0. 如何创建嵌套的过滤器：


			1

			2

			3

			4

			5
			
			
			//允许你减少集合中的匹配元素的过滤器，

			//只剩下那些与给定的选择器匹配的部分。在这种情况下，

			//查询删除了任何没（:not）有（:has）

			//包含class为“selected”（.selected）的子节点。

			.filter(&quot;:not(:ha...]]></description><category></category></item><item><title><![CDATA[jq之deferred方法]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/81735870</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/81735870</guid><author>github_39598787</author><pubDate>Thu, 16 Aug 2018 09:46:21 +0800</pubDate><description><![CDATA[
&amp;lt;html&amp;gt;

&amp;lt;script src=&quot;./jQuery-min-v3.3.1.js&quot;&amp;gt;&amp;lt;/script&amp;gt;



&amp;lt;body&amp;gt;



    &amp;lt;h1 class=&quot;click-me&quot;&amp;gt;测试jq的$.Deferred()方法&amp;lt;/h1&amp;gt;

    &amp;lt;p&amp;gt;摘抄于：https:/]]></description><category></category></item><item><title><![CDATA[vue + iview + select + 本地搜索或远程搜索]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/81700073</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/81700073</guid><author>github_39598787</author><pubDate>Wed, 15 Aug 2018 10:44:26 +0800</pubDate><description><![CDATA[案例


&amp;lt;template&amp;gt;
	&amp;lt;div&amp;gt;
		&amp;lt;!--1、 远程搜索 --&amp;gt;
		&amp;lt;!-- filterable、remote、remote-method、loading、label-in-value--&amp;gt;
		&amp;lt;Select
			v-model=&quot;searchData.styleId&quot;
			filterable
			clearab...]]></description><category></category></item><item><title><![CDATA[vue，请求获取图片code，img中产生两次src获取资源问题]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/81204853</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/81204853</guid><author>github_39598787</author><pubDate>Wed, 25 Jul 2018 16:26:28 +0800</pubDate><description><![CDATA[示例代码：


&amp;lt;template&amp;gt;
    &amp;lt;!-- 1、 --&amp;gt;
    &amp;lt;img :src=&quot;imgUrl + MainImg + '_0x0'&quot; alt=&quot;款式主图&quot; v-if=&quot;MainImg != ''&quot;&amp;gt;
&amp;lt;!-- 2、&amp;lt;table class=&quot;table-content&quot; v-if=&quot;lis]]></description><category></category></item><item><title><![CDATA[javascript，引用类型，直接赋值、浅拷贝和深拷贝（含：深入剖析深拷贝）]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/81112813</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/81112813</guid><author>github_39598787</author><pubDate>Thu, 19 Jul 2018 13:55:11 +0800</pubDate><description><![CDATA[直接赋值、浅拷贝和深拷贝对比

一、对象

1、直接赋值：赋值的是引用，被复制的对象的所有变量、对象仍然指向原对象。

2、浅拷贝：被复制的对象的所有变量，都含有与原对象相同的值，而所有的对其他对象的引用仍然指向原对象。

3、深拷贝：被复制对象的所有变量都含有与原来的对象相同的值，把要复制的对象所引用的对象都复制了一遍。 

二、
转载于：https://www.zhihu.com/questi...]]></description><category></category></item><item><title><![CDATA[vue中实现简单轮播效果]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/80746425</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/80746425</guid><author>github_39598787</author><pubDate>Wed, 20 Jun 2018 15:14:41 +0800</pubDate><description><![CDATA[html：&amp;lt;div class=&quot;cate-main&quot;&amp;gt;
					&amp;lt;div class=&quot;carousel-contain&quot;&amp;gt;
						&amp;lt;ul class=&quot;carousel-wrap transition&quot;&amp;gt;
							&amp;lt;li class=&quot;carousel-slide&quot;&amp;gt;
								&amp;lt;]]></description><category></category></item><item><title><![CDATA[vue中实现简单切换图片效果]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/80514508</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/80514508</guid><author>github_39598787</author><pubDate>Wed, 30 May 2018 19:46:28 +0800</pubDate><description><![CDATA[实例：

实现大于三张图片时，点击箭头图片切换，并有箭头置灰不可操作。

html

 


&amp;lt;div class=&quot;summary&quot;&amp;gt;
	&amp;lt;div class=&quot;gallery&quot;&amp;gt;
		&amp;lt;div class=&quot;product-img&quot;&amp;gt;
			&amp;lt;div @click=&quot;prevImg&quot; class=&quot;prev-arrow]]></description><category></category></item><item><title><![CDATA[实现鼠标经过,产品图片的局部放大功能]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/80514111</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/80514111</guid><author>github_39598787</author><pubDate>Wed, 30 May 2018 19:33:52 +0800</pubDate><description><![CDATA[vue中实例：操作dom实现参考：https://blog.youkuaiyun.com/alightman/article/details/78074687注意点：1、小图、放大图、高亮区域之间的定位以及结构。2、鼠标事件绑定在小图和高亮的父元素上。3、使用mouseenter和mouseleave事件，不使用mouseover和mouseout事件；区别：当绑定事件的元素里面有子元素的时候，鼠标经过绑定m...]]></description><category></category></item><item><title><![CDATA[vue插件（自定义组件或js文件使用），vue.extend()，vue.component()注册组件]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/80414948</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/80414948</guid><author>github_39598787</author><pubDate>Wed, 30 May 2018 18:18:35 +0800</pubDate><description><![CDATA[一、vue.use()自定义组件或者引用第三方组件（即vue文档中的插件）？参考：https://cn.vuejs.org/v2/guide/plugins.html1.1、使用第三方组件通常我们在vue里面使用别人开发的组件，第一步就是install,第二步在main.js里面引入，第三步Vue.use这个组件。例如：引入element-ui组件。1.2.1、自定义组件使用自定义的组件今天我简单...]]></description><category></category></item><item><title><![CDATA[Vue2 ，v-model，以及利用 v-model 实现组件props双向绑定的解决方案]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/80420642</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/80420642</guid><author>github_39598787</author><pubDate>Wed, 23 May 2018 19:33:35 +0800</pubDate><description><![CDATA[一、v-model？

https://segmentfault.com/a/1190000009492595

 

v-model 其实是一个语法糖，这背后其实做了两个操作


	v-bind 绑定一个 value 属性
	
	
	v-on 指令给当前元素绑定 input 事件
	
在原生表单元素中


&amp;lt;input v-model='something'&amp;gt;

就相当于


&amp;lt...]]></description><category></category></item><item><title><![CDATA[vue 不使用select，实现下拉框功能]]></title><link>https://blog.youkuaiyun.com/github_39598787/article/details/80346171</link><guid>https://blog.youkuaiyun.com/github_39598787/article/details/80346171</guid><author>github_39598787</author><pubDate>Thu, 17 May 2018 11:46:49 +0800</pubDate><description><![CDATA[html部分：v-for循环出的结构&amp;lt;div &amp;gt;      &amp;lt;p @click=&quot;clickSize (item, index)&quot;&amp;gt;{{item.name}}&amp;lt;/p&amp;gt;         &amp;lt;transition name=&quot;opacityLeave&quot;&amp;gt;           &amp;lt;div class=&quot;condition-list&quot; ]]></description><category></category></item></channel></rss>